/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/****** variables ******/
/****** colors
* colors are set light to dark where 1 is the lightest color
* naming convension for colors are color-n
******/
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Set the width of the row to what you like */
.row {
  width: 100%;
  max-width: 75rem;
  /* max Width of row, Change to what you like */
  margin: 0 auto; }

/* Nested row 1 level down */
/* Change the gutter if you like, currently set as 0.65em */
.row .row {
  margin-left: -0.65rem;
  /* minus left gutter for nested rows */
  margin-right: -0.65rem;
  /* minus Right gutter for nested rows */
  width: auto; }

[class*='cute-'] {
  float: left;
  position: relative;
  padding: 0.65rem;
  /* top, bottom, left and right padding for columns */
  width: 100%; }

/* Remove this if you want the columns to float left when they overflow the row */
[class*='cute-']:last-of-type {
  float: right; }

/* Clearfix */
.row:after, .group:after, .clearfix:after {
  content: "";
  display: table;
  clear: both; }

.container:before,
.container:after {
  display: table;
  content: " "; }

.container:after {
  clear: both; }

.left {
  float: left !important; }

.right {
  float: right !important; }

/* Grid Classes for Large Desktop Size */
@media only screen {
  /* Start BL */
  .row {
    width: 1170px;
    margin: 0 auto; }
  .row--1200 {
    width: 1200px; }
  .row--max-100 {
    max-width: 100%; }
  /* End BL */
  .cute-1-desktop {
    width: 8.3333333333333%; }
  .cute-2-desktop {
    width: 16.666666666667%; }
  .cute-3-desktop {
    width: 25%; }
  .cute-4-desktop {
    width: 33.333333333333%; }
  .cute-5-desktop {
    width: 41.666666666667%; }
  .cute-6-desktop {
    width: 50%; }
  .cute-7-desktop {
    width: 58.333333333333%; }
  .cute-8-desktop {
    width: 66.666666666667%; }
  .cute-9-desktop {
    width: 75%; }
  .cute-10-desktop {
    width: 83.333333333333%; }
  .cute-11-desktop {
    width: 91.666666666667%; }
  .cute-12-desktop {
    width: 100%; }
  /* offset for tablet laptop widths */
  .cute-0-desktop-offset {
    margin: 0; }
  .cute-1-desktop-offset {
    margin-left: 8.3333333333333%; }
  .cute-2-desktop-offset {
    margin-left: 16.666666666667%; }
  .cute-3-desktop-offset {
    margin-left: 25%; }
  .cute-4-desktop-offset {
    margin-left: 33.333333333333%; }
  .cute-5-desktop-offset {
    margin-left: 41.666666666667%; }
  .cute-6-desktop-offset {
    margin-left: 50%; }
  .cute-7-desktop-offset {
    margin-left: 58.333333333333%; }
  .cute-8-desktop-offset {
    margin-left: 66.666666666667%; }
  .cute-9-desktop-offset {
    margin-left: 75%; }
  .cute-10-desktop-offset {
    margin-left: 83.333333333333%; }
  .cute-11-desktop-offset {
    margin-left: 91.666666666667%; }
  .cute-1-desktop-push {
    left: 8.3333333333333%; }
  .cute-2-desktop-push {
    left: 16.666666666667%; }
  .cute-3-desktop-push {
    left: 25%; }
  .cute-4-desktop-push {
    left: 33.333333333333%; }
  .cute-5-desktop-push {
    left: 41.666666666667%; }
  .cute-6-desktop-push {
    left: 50%; }
  .cute-7-desktop-push {
    left: 58.333333333333%; }
  .cute-8-desktop-push {
    left: 66.666666666667%; }
  .cute-9-desktop-push {
    left: 75%; }
  .cute-10-desktop-push {
    left: 83.333333333333%; }
  .cute-11-desktop-push {
    left: 91.666666666667%; }
  .cute-1-desktop-pull {
    right: 8.3333333333333%; }
  .cute-2-desktop-pull {
    right: 16.666666666667%; }
  .cute-3-desktop-pull {
    right: 25%; }
  .cute-4-desktop-pull {
    right: 33.333333333333%; }
  .cute-5-desktop-pull {
    right: 41.666666666667%; }
  .cute-6-desktop-pull {
    right: 50%; }
  .cute-7-desktop-pull {
    right: 58.333333333333%; }
  .cute-8-desktop-pull {
    right: 66.666666666667%; }
  .cute-9-desktop-pull {
    right: 75%; }
  .cute-10-desktop-pull {
    right: 83.333333333333%; }
  .cute-11-desktop-pull {
    right: 91.666666666667%; }
  .center-desktop {
    margin-left: auto;
    margin-right: auto;
    float: none !important; }
  .uncenter-desktop {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }
  .uncenter-desktop.right {
    float: right !important; }
  [class*='cute-'].desktop-reset {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .hide-desktop {
    display: none !important; }
  .show-desktop {
    display: block; }
  .show-desktop-inline {
    display: inline-block; }
  .show-desktop-flex {
    display: flex; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    min-width: 0;
    width: 100%;
    overflow-x: hidden;
    /* offset for phone size */ }
    .responsive-layout .hide-phone {
      display: none !important; }
    .responsive-layout .show-phone {
      display: block !important; }
    .responsive-layout .show-phone-inline {
      display: inline-block !important; }
    .responsive-layout .show-phone-flex {
      display: flex !important; }
    .responsive-layout .row {
      width: 100%;
      max-width: 75rem;
      /* max Width of row, Change to what you like */
      margin: 0 auto; }
    .responsive-layout .row .row {
      margin-left: -0.65rem;
      /* minus left gutter for nested rows */
      margin-right: -0.65rem;
      /* minus Right gutter for nested rows */
      width: auto; }
    .responsive-layout .cute-1-phone {
      width: 8.3333333333333%; }
    .responsive-layout .cute-2-phone {
      width: 16.666666666667%; }
    .responsive-layout .cute-3-phone {
      width: 25%; }
    .responsive-layout .cute-4-phone {
      width: 33.333333333333%; }
    .responsive-layout .cute-5-phone {
      width: 41.666666666667%; }
    .responsive-layout .cute-6-phone {
      width: 50%; }
    .responsive-layout .cute-7-phone {
      width: 58.333333333333%; }
    .responsive-layout .cute-8-phone {
      width: 66.666666666667%; }
    .responsive-layout .cute-9-phone {
      width: 75%; }
    .responsive-layout .cute-10-phone {
      width: 83.333333333333%; }
    .responsive-layout .cute-11-phone {
      width: 91.666666666667%; }
    .responsive-layout .cute-12-phone {
      width: 100%; }
    .responsive-layout .cute-0-phone-offset {
      margin: 0; }
    .responsive-layout .cute-1-phone-offset {
      margin-left: 8.3333333333333%; }
    .responsive-layout .cute-2-phone-offset {
      margin-left: 16.666666666667%; }
    .responsive-layout .cute-3-phone-offset {
      margin-left: 25%; }
    .responsive-layout .cute-4-phone-offset {
      margin-left: 33.333333333333%; }
    .responsive-layout .cute-5-phone-offset {
      margin-left: 41.666666666667%; }
    .responsive-layout .cute-6-phone-offset {
      margin-left: 50%; }
    .responsive-layout .cute-7-phone-offset {
      margin-left: 58.333333333333%; }
    .responsive-layout .cute-8-phone-offset {
      margin-left: 66.666666666667%; }
    .responsive-layout .cute-9-phone-offset {
      margin-left: 75%; }
    .responsive-layout .cute-10-phone-offset {
      margin-left: 83.333333333333%; }
    .responsive-layout .cute-11-phone-offset {
      margin-left: 91.666666666667%; }
    .responsive-layout .cute-1-phone-push {
      left: 8.3333333333333%; }
    .responsive-layout .cute-2-phone-push {
      left: 16.666666666667%; }
    .responsive-layout .cute-3-phone-push {
      left: 25%; }
    .responsive-layout .cute-4-phone-push {
      left: 33.333333333333%; }
    .responsive-layout .cute-5-phone-push {
      left: 41.666666666667%; }
    .responsive-layout .cute-6-phone-push {
      left: 50%; }
    .responsive-layout .cute-7-phone-push {
      left: 58.333333333333%; }
    .responsive-layout .cute-8-phone-push {
      left: 66.666666666667%; }
    .responsive-layout .cute-9-phone-push {
      left: 75%; }
    .responsive-layout .cute-10-phone-push {
      left: 83.333333333333%; }
    .responsive-layout .cute-11-phone-push {
      left: 91.666666666667%; }
    .responsive-layout .cute-1-phone-pull {
      right: 8.3333333333333%; }
    .responsive-layout .cute-2-phone-pull {
      right: 16.666666666667%; }
    .responsive-layout .cute-3-phone-pull {
      right: 25%; }
    .responsive-layout .cute-4-phone-pull {
      right: 33.333333333333%; }
    .responsive-layout .cute-5-phone-pull {
      right: 41.666666666667%; }
    .responsive-layout .cute-6-phone-pull {
      right: 50%; }
    .responsive-layout .cute-7-phone-pull {
      right: 58.333333333333%; }
    .responsive-layout .cute-8-phone-pull {
      right: 66.666666666667%; }
    .responsive-layout .cute-9-phone-pull {
      right: 75%; }
    .responsive-layout .cute-10-phone-pull {
      right: 83.333333333333%; }
    .responsive-layout .cute-11-phone-pull {
      right: 91.666666666667%; }
    .responsive-layout .center-phone {
      margin-left: auto;
      margin-right: auto;
      float: none !important; }
    .responsive-layout .uncenter-phone {
      margin-left: 0;
      margin-right: 0;
      float: left; }
    .responsive-layout .uncenter-phone.right {
      float: right; }
    .responsive-layout [class*='cute-'].phone-reset {
      margin-left: 0;
      margin-right: 0;
      left: auto;
      right: auto;
      float: left; }
    .responsive-layout body {
      min-width: 0px !important; }
    .responsive-layout #common_container {
      margin-top: 0px;
      overflow-x: hidden; } }

@media only screen and (min-width: 48em) {
  .row {
    width: 1170px;
    margin: 0 auto; }
  .row--1200 {
    width: 1200px; }
  .row--max-100 {
    max-width: 100%; }
  .row .row {
    margin-left: -0.65rem;
    /* minus left gutter for nested rows */
    margin-right: -0.65rem;
    /* minus Right gutter for nested rows */
    width: auto; } }

@font-face {
  font-family: 'MuseoSlab';
  src: url("/www/teachcycle/fonts/MuseoSlab-300.eot");
  src: url("/www/teachcycle/fonts/MuseoSlab-300.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/MuseoSlab-300.woff2") format("woff2"), url("/www/teachcycle/fonts/MuseoSlab-300.woff") format("woff"), url("/www/teachcycle/fonts/MuseoSlab-300.ttf") format("truetype"), url("/www/teachcycle/fonts/MuseoSlab-300.svg#svgFontName") format("svg"); }

@font-face {
  font-family: 'MuseoSans-300';
  src: url("/www/teachcycle/fonts/MuseoSans-300.eot");
  src: url("/www/teachcycle/fonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/MuseoSans-300.woff2") format("woff2"), url("/www/teachcycle/fonts/MuseoSans-300.woff") format("woff"), url("/www/teachcycle/fonts/MuseoSans-300.ttf") format("truetype"); }

@font-face {
  font-family: 'MuseoSans-500';
  src: url("/www/teachcycle/fonts/MuseoSans-500.eot");
  src: url("/www/teachcycle/fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/MuseoSans-500.woff2") format("woff2"), url("/www/teachcycle/fonts/MuseoSans-500.woff") format("woff"), url("/www/teachcycle/fonts/MuseoSans-500.ttf") format("truetype"), url("/www/teachcycle/fonts/MuseoSans-500.svg#svgFontName") format("svg"); }

@font-face {
  font-family: 'MuseoSans-700';
  src: url("/www/teachcycle/fonts/MuseoSans-700.eot");
  src: url("/www/teachcycle/fonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/MuseoSans-700.woff2") format("woff2"), url("/www/teachcycle/fonts/MuseoSans-700.woff") format("woff"), url("/www/teachcycle/fonts/MuseoSans-700.ttf") format("truetype"), url("/www/teachcycle/fonts/MuseoSans-700.svg#svgFontName") format("svg"); }

@font-face {
  font-family: 'MuseoSans-900';
  src: url("/www/teachcycle/fonts/283B13_5_0.eot");
  src: url("/www/teachcycle/fonts/283B13_5_0.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/283B13_5_0.woff2") format("woff2"), url("/www/teachcycle/fonts/283B13_5_0.woff") format("woff"), url("/www/teachcycle/fonts/283B13_5_0.ttf") format("truetype"), url("/www/teachcycle/fonts/283B13_5_0.svg#svgFontName") format("svg"); }

@font-face {
  font-family: 'Bitter';
  src: url("/www/teachcycle/fonts/bitter-regular-webfont.eot");
  src: url("/www/teachcycle/fonts/bitter-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/bitter-regular-webfont.woff") format("woff"), url("/www/teachcycle/fonts/bitter-regular-webfont.ttf") format("truetype"), url("/www/teachcycle/fonts/bitter-regular-webfont.svg#svgFontName") format("svg"); }

/****** 2017 Rebranding ******/
@font-face {
  font-family: "Aktiv Grotesk Bold";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370651/e5b10466-0a77-4de7-8499-db235184e968.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370651/e5b10466-0a77-4de7-8499-db235184e968.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370651/17d11d65-4e0e-4681-88ab-4c5faa2fc3bf.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370651/b58d0e0d-fcd2-4365-bd63-c85a8ae3ed4d.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370651/d5d49499-3679-4b89-9ef5-f5a4b4dd7f8a.ttf") format("truetype"); }

@font-face {
  font-family: "Aktiv Grotesk Bold Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370661/cb4b4131-29a4-4e5f-93eb-fd81a284aaca.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370661/cb4b4131-29a4-4e5f-93eb-fd81a284aaca.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370661/e74ec06a-6888-429c-a491-ec3116c7a392.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370661/830ff474-15c9-4e57-8d3b-0b2cbdbac58b.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370661/b975b932-1ec2-453b-87f9-0611681800d7.ttf") format("truetype"); }

@font-face {
  font-family: "Aktiv Grotesk Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370671/eb7e1583-f170-499c-b383-26e651b23b99.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370671/eb7e1583-f170-499c-b383-26e651b23b99.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370671/6c744fc6-6bee-43cc-b3f8-bb2956be6d86.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370671/d7a58d10-6b95-4d70-9790-a515d1cdf128.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370671/fe404883-ca29-4385-a8f8-d4c599172d05.ttf") format("truetype"); }

@font-face {
  font-family: "Aktiv Grotesk Light";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370681/a5cd7b48-fe3c-4c5d-89d2-575ba3e0bbe8.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370681/a5cd7b48-fe3c-4c5d-89d2-575ba3e0bbe8.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370681/43e12dfb-339e-40c1-ad28-6aff091d34e7.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370681/06017a84-551c-401f-b300-ce5b0ecdba61.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370681/3eca8fb4-ba4f-4797-adaa-618e0dd58a3c.ttf") format("truetype"); }

@font-face {
  font-family: "Aktiv Grotesk Light Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370691/4485f6f9-b7e6-4a2d-a2e5-19dc891e1bdd.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370691/4485f6f9-b7e6-4a2d-a2e5-19dc891e1bdd.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370691/91ca2f3c-456a-40cd-ab5d-4828c90e6988.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370691/ec3dc2a7-f2bc-464e-b155-b11d84cbe546.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370691/bde35372-e501-4b62-bb8a-4335dc048618.ttf") format("truetype"); }

@font-face {
  font-family: "Aktiv Grotesk Medium";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370701/12b66499-2e8d-4034-8fd5-61505c67e402.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370701/12b66499-2e8d-4034-8fd5-61505c67e402.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370701/c510fb33-d5b0-40fb-8c35-a0e6b2035bcd.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370701/2f8ebed4-a49e-46f9-81a8-982d97cf61d1.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370701/90440004-7287-40a0-9e61-5a7e1f977e3d.ttf") format("truetype"); }

@font-face {
  font-family: "Aktiv Grotesk Medium Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370711/59b815df-9820-4ac0-80b2-ea198c6449b3.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370711/59b815df-9820-4ac0-80b2-ea198c6449b3.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370711/9976d1d0-932f-46a2-9ca9-a41b2438c417.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370711/746772b9-d074-4909-a1f0-0fbdaadd7989.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370711/0e08721e-9c72-48df-9f33-3ba73f013aa3.ttf") format("truetype"); }

@font-face {
  font-family: "Aktiv Grotesk Regular";
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370721/fd1d536a-3682-4d5d-949d-c3ed49bf82a2.eot?#iefix");
  src: url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370721/fd1d536a-3682-4d5d-949d-c3ed49bf82a2.eot?#iefix") format("eot"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370721/d1af32f0-173d-417a-9c5e-abc33c4fd20c.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370721/5c9b4351-3407-4fab-96a1-d097522bb217.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/aktiv-grotesk/1370721/fdb92457-e497-46fe-bd46-656324061516.ttf") format("truetype"); }

@font-face {
  font-family: "Circular Medium Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-mediumitalic.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-mediumitalic.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-mediumitalic.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-mediumitalic.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-mediumitalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Bold";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bold.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bold.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bold.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bold.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bold.ttf") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Black";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-black.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-black.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-black.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-black.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-black.ttf") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Bold Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bolditalic.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bolditalic.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bolditalic.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bolditalic.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bolditalic.ttf") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Book";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-book.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-book.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-book.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-book.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-book.ttf") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Medium";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-medium.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-medium.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-medium.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-medium.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-medium.ttf") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Black Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-blackitalic.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-blackitalic.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-blackitalic.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-blackitalic.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-blackitalic.ttf") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Book Italic";
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bookitalic.eot");
  src: url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bookitalic.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bookitalic.woff2") format("woff2"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bookitalic.woff") format("woff"), url("/www/teachcycle/fonts/rebranding-2017/circular/lineto-circular-bookitalic.ttf") format("woff");
  font-weight: normal;
  font-style: normal; }

/****** fonts ******/
.tc__headline-1 {
  font-size: 36px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 46px;
  font-weight: normal; }

.tc__headline-2 {
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 34px;
  font-weight: normal; }

.tc__headline-3 {
  font-size: 24px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 26px;
  font-weight: normal; }

.tc__headline-4 {
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 22px;
  font-weight: normal; }

.tc__headline-5 {
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  font-weight: normal; }

.tc__headline-6 {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: normal; }

/***** body copy *****/
.tc__body-copy {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px; }

.tc__feature-copy {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px; }

.tc__caption-copy {
  font-size: 13px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px; }

/****** Links ******/
.tc__link {
  color: #2196F3;
  text-decoration: none;
  font-family: "Circular Medium", Helvetica, sans-serif;
  cursor: pointer; }
  .tc__link:hover {
    color: #1A7CD9;
    text-decoration: none; }
  .tc__link:visited {
    color: #2196F3;
    text-decoration: none; }
  .tc__link.disabled {
    color: #CECECE;
    cursor: default;
    pointer-events: none; }
    .tc__link.disabled:hover {
      text-decoration: none; }

.tc__link--dark {
  color: #125496; }

.tc__link--grey {
  color: #CECECE; }

.tc__link--grey-visited {
  color: #CECECE; }
  .tc__link--grey-visited:visited {
    color: #CECECE; }

.tc__link--white {
  color: white; }
  .tc__link--white:hover {
    color: #E8E8E8; }
  .tc__link--white:visited {
    color: white; }

.tc__link--black {
  color: #3D3D3D; }
  .tc__link--black:visited {
    color: #3D3D3D; }

.tc__link--light {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.tc__link--edit-feedback {
  color: #1B7EE0;
  padding-top: 12px;
  display: block;
  clear: left; }

/****** Highlight ******/
.tc-highlight {
  color: #7f9918;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 0 10px; }

.tc__metric-highlight {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #8ba911; }

.tc__declaration-highlight {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.tc__declaration-highlight--7 {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.tc__name-highlight {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 16px;
  color: #df4c1e; }

.tc__name-highlight-tml-loop {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 15px;
  color: #df4c1e; }

/****** Error ******/
.tc__response-inline {
  display: none;
  box-sizing: content-box;
  font-size: 18px;
  line-height: 22px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 0.65rem 1.3rem;
  line-height: 24px;
  margin-bottom: 30px; }
  .tc__response-inline.tc__response-inline--error {
    display: inline-block;
    background: white;
    text-align: center;
    border: 3px solid #df4c1e;
    color: #df4c1e;
    float: left; }
    .tc__response-inline.tc__response-inline--error:before {
      font-family: 'teach-cycle-icons';
      content: "\E60B";
      width: 25px;
      line-height: 25px;
      font-size: 24px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      float: left;
      background: #df4c1e;
      color: white; }
  .tc__response-inline ul {
    list-style: none;
    float: left;
    margin-left: 20px;
    text-align: left; }
  .tc__response-inline:after {
    content: '';
    float: left;
    clear: both; }

@font-face {
  font-family: 'teach-cycle-icons';
  src: url("/www/teachcycle/fonts/teach-cycle-icons.eot?3xyi45cfddaf");
  src: url("/www/teachcycle/fonts/teach-cycle-icons.eot?3xyi45cfddaf#iefix") format("embedded-opentype"), url("/www/teachcycle/fonts/teach-cycle-icons.ttf?3xyi45cfddaf") format("truetype"), url("/www/teachcycle/fonts/teach-cycle-icons.woff?3xyi45cfddaf") format("woff"), url("/www/teachcycle/fonts/teach-cycle-icons.svg?3xyi45cfddaf#teach-cycle-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.file-type-icon, [class^="tc-"], [class*=" tc-"] {
  font-family: 'teach-cycle-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tc-info:before {
  content: "\EA9A"; }

.tc-pinterest:before {
  content: "\EA99"; }

.tc-sublevel:before {
  content: "\EA8E"; }

.tc-folder:before {
  content: "\EA8F"; }

.tc-reorder:before {
  content: "\EA90"; }

.tc-twitter:before {
  content: "\EA91"; }

.tc-linkedin:before {
  content: "\EA92"; }

.tc-facebook:before {
  content: "\EA93"; }

.tc-lightbulb:before {
  content: "\EA87";
  color: #2196f3; }

.tc-completed-domain-default .path1:before {
  content: "\EA4F";
  color: #107d54; }

.tc-completed-domain-default .path2:before {
  content: "\EA50";
  color: #107d54; }

.tc-completed-domain-default .path3:before {
  content: "\EA51";
  color: #107d54; }

.tc-completed-domain-default .path4:before {
  content: "\EA52";
  color: #107d54; }

.tc-completed-domain-default .path5:before {
  content: "\EA53";
  color: #107d54; }

.tc-completed-domain-default .path6:before {
  content: "\EA54";
  color: #107d54; }

.tc-completed-domain-default .path7:before {
  content: "\EA55";
  color: #107d54; }

.tc-completed-domain-default .path8:before {
  content: "\EA56";
  color: #33b55f; }

.tc-completed-domain-default .path9:before {
  content: "\EA57";
  color: #33b55f; }

.tc-completed-domain-default .path10:before {
  content: "\EA58";
  color: #33b55f; }

.tc-completed-domain-default .path11:before {
  content: "\EA59";
  color: #33b55f; }

.tc-cd-domain-default:before {
  content: "\EA5A"; }

.tc-completed-domain-8 .path1:before {
  content: "\EA5B";
  color: #107d54; }

.tc-completed-domain-8 .path2:before {
  content: "\EA5C";
  color: #107d54; }

.tc-completed-domain-8 .path3:before {
  content: "\EA5D";
  color: #107d54; }

.tc-completed-domain-8 .path4:before {
  content: "\EA5E";
  color: #107d54; }

.tc-completed-domain-8 .path5:before {
  content: "\EA5F";
  color: #33b55f; }

.tc-completed-domain-8 .path6:before {
  content: "\EA60";
  color: #33b55f; }

.tc-completed-domain-8 .path7:before {
  content: "\EA61";
  color: #33b55f; }

.tc-completed-domain-8 .path8:before {
  content: "\EA62";
  color: #33b55f; }

.tc-completed-domain-8 .path9:before {
  content: "\EA63";
  color: #107d54; }

.tc-completed-domain-8 .path10:before {
  content: "\EA64";
  color: #107d54; }

.tc-completed-domain-8 .path11:before {
  content: "\EA65";
  color: #107d54; }

.tc-presentation:before {
  content: "\EA4E"; }

.tc-bold-arrow:before {
  content: "\EA4D"; }

.tc-share-arrow:before {
  content: "\EA4C"; }

.tc-password-v2:before {
  content: "\EA33";
  color: #7f7f7f; }

.tc-email-v2:before {
  content: "\EA34";
  color: #7f7f7f; }

.tc-mail:before {
  content: "\EA32"; }

.tc-cd-domain-8:before {
  content: "\EA4B"; }

.tc-completed-domain-5 .path1:before {
  content: "\E9EA";
  color: #107d54; }

.tc-completed-domain-5 .path2:before {
  content: "\E9EB";
  color: #107d54; }

.tc-completed-domain-5 .path3:before {
  content: "\E9EE";
  color: #107d54; }

.tc-completed-domain-5 .path4:before {
  content: "\E9EF";
  color: #107d54; }

.tc-completed-domain-5 .path5:before {
  content: "\E9F0";
  color: #33b55f; }

.tc-completed-domain-5 .path6:before {
  content: "\E9F1";
  color: #107d54; }

.tc-completed-domain-5 .path7:before {
  content: "\E9F2";
  color: #107d54; }

.tc-completed-domain-5 .path8:before {
  content: "\E9F3";
  color: #107d54; }

.tc-completed-domain-4 .path1:before {
  content: "\E9F4";
  color: #107d54; }

.tc-completed-domain-4 .path2:before {
  content: "\E9F5";
  color: #107d54; }

.tc-completed-domain-4 .path3:before {
  content: "\E9F6";
  color: #107d54; }

.tc-completed-domain-4 .path4:before {
  content: "\E9F7";
  color: #107d54; }

.tc-completed-domain-4 .path5:before {
  content: "\E9F8";
  color: #33b55f; }

.tc-completed-domain-4 .path6:before {
  content: "\E9F9";
  color: #33b55f; }

.tc-completed-domain-4 .path7:before {
  content: "\E9FA";
  color: #33b55f; }

.tc-completed-domain-4 .path8:before {
  content: "\E9FB";
  color: #33b55f; }

.tc-completed-domain-4 .path9:before {
  content: "\E9FC";
  color: #33b55f; }

.tc-completed-domain-4 .path10:before {
  content: "\E9FD";
  color: #107d54; }

.tc-completed-domain-4 .path11:before {
  content: "\E9FE";
  color: #107d54; }

.tc-completed-domain-4 .path12:before {
  content: "\E9FF";
  color: #107d54; }

.tc-completed-domain-3 .path1:before {
  content: "\EA00";
  color: #107d54; }

.tc-completed-domain-3 .path2:before {
  content: "\EA01";
  color: #107d54; }

.tc-completed-domain-3 .path3:before {
  content: "\EA02";
  color: #107d54; }

.tc-completed-domain-3 .path4:before {
  content: "\EA03";
  color: #107d54; }

.tc-completed-domain-3 .path5:before {
  content: "\EA04";
  color: #33b55f; }

.tc-completed-domain-3 .path6:before {
  content: "\EA05";
  color: #33b55f; }

.tc-completed-domain-3 .path7:before {
  content: "\EA06";
  color: #33b55f; }

.tc-completed-domain-3 .path8:before {
  content: "\EA07";
  color: #33b55f; }

.tc-completed-domain-3 .path9:before {
  content: "\EA08";
  color: #33b55f; }

.tc-completed-domain-3 .path10:before {
  content: "\EA09";
  color: #33b55f; }

.tc-completed-domain-3 .path11:before {
  content: "\EA0A";
  color: #33b55f; }

.tc-completed-domain-3 .path12:before {
  content: "\EA0B";
  color: #33b55f; }

.tc-completed-domain-3 .path13:before {
  content: "\EA0C";
  color: #33b55f; }

.tc-completed-domain-3 .path14:before {
  content: "\EA0D";
  color: #33b55f; }

.tc-completed-domain-3 .path15:before {
  content: "\EA0E";
  color: #107d54; }

.tc-completed-domain-3 .path16:before {
  content: "\EA0F";
  color: #107d54; }

.tc-completed-domain-3 .path17:before {
  content: "\EA10";
  color: #107d54; }

.tc-completed-domain-2 .path1:before {
  content: "\EA11";
  color: #107d54; }

.tc-completed-domain-2 .path2:before {
  content: "\EA12";
  color: #107d54; }

.tc-completed-domain-2 .path3:before {
  content: "\EA13";
  color: #107d54; }

.tc-completed-domain-2 .path4:before {
  content: "\EA14";
  color: #107d54; }

.tc-completed-domain-2 .path5:before {
  content: "\EA15";
  color: #33b55f; }

.tc-completed-domain-2 .path6:before {
  content: "\EA16";
  color: #33b55f; }

.tc-completed-domain-2 .path7:before {
  content: "\EA17";
  color: #33b55f; }

.tc-completed-domain-2 .path8:before {
  content: "\EA18";
  color: #33b55f; }

.tc-completed-domain-2 .path9:before {
  content: "\EA19";
  color: #33b55f; }

.tc-completed-domain-2 .path10:before {
  content: "\EA1A";
  color: #33b55f; }

.tc-completed-domain-2 .path11:before {
  content: "\EA1B";
  color: #33b55f; }

.tc-completed-domain-2 .path12:before {
  content: "\EA1C";
  color: #33b55f; }

.tc-completed-domain-2 .path13:before {
  content: "\EA1D";
  color: #33b55f; }

.tc-completed-domain-2 .path14:before {
  content: "\EA1E";
  color: #33b55f; }

.tc-completed-domain-2 .path15:before {
  content: "\EA1F";
  color: #33b55f; }

.tc-completed-domain-2 .path16:before {
  content: "\EA20";
  color: #33b55f; }

.tc-completed-domain-2 .path17:before {
  content: "\EA21";
  color: #33b55f; }

.tc-completed-domain-2 .path18:before {
  content: "\EA22";
  color: #33b55f; }

.tc-completed-domain-2 .path19:before {
  content: "\EA23";
  color: #107d54; }

.tc-completed-domain-2 .path20:before {
  content: "\EA24";
  color: #107d54; }

.tc-completed-domain-2 .path21:before {
  content: "\EA25";
  color: #107d54; }

.tc-completed-domain-1 .path1:before {
  content: "\EA26";
  color: #107d54; }

.tc-completed-domain-1 .path2:before {
  content: "\EA27";
  color: #107d54; }

.tc-completed-domain-1 .path3:before {
  content: "\EA28";
  color: #107d54; }

.tc-completed-domain-1 .path4:before {
  content: "\EA29";
  color: #107d54; }

.tc-completed-domain-1 .path5:before {
  content: "\EA2A";
  color: #33b55f; }

.tc-completed-domain-1 .path6:before {
  content: "\EA2B";
  color: #33b55f; }

.tc-completed-domain-1 .path7:before {
  content: "\EA2C";
  color: #33b55f; }

.tc-completed-domain-1 .path8:before {
  content: "\EA2D";
  color: #33b55f; }

.tc-completed-domain-1 .path9:before {
  content: "\EA2E";
  color: #33b55f; }

.tc-completed-domain-1 .path10:before {
  content: "\EA2F";
  color: #33b55f; }

.tc-completed-domain-1 .path11:before {
  content: "\EA30";
  color: #33b55f; }

.tc-completed-domain-1 .path12:before {
  content: "\EA31";
  color: #33b55f; }

.tc-completed-domain-1 .path13:before {
  content: "\EA35";
  color: #33b55f; }

.tc-completed-domain-1 .path14:before {
  content: "\EA36";
  color: #33b55f; }

.tc-completed-domain-1 .path15:before {
  content: "\EA37";
  color: #33b55f; }

.tc-completed-domain-1 .path16:before {
  content: "\EA38";
  color: #33b55f; }

.tc-completed-domain-1 .path17:before {
  content: "\EA39";
  color: #33b55f; }

.tc-completed-domain-1 .path18:before {
  content: "\EA3A";
  color: #33b55f; }

.tc-completed-domain-1 .path19:before {
  content: "\EA3B";
  color: #33b55f; }

.tc-completed-domain-1 .path20:before {
  content: "\EA3C";
  color: #33b55f; }

.tc-completed-domain-1 .path21:before {
  content: "\EA3D";
  color: #107d54; }

.tc-completed-domain-1 .path22:before {
  content: "\EA3E";
  color: #107d54; }

.tc-completed-domain-1 .path23:before {
  content: "\EA3F";
  color: #107d54; }

.tc-completed-domain-6 .path1:before {
  content: "\EA40";
  color: #107d54; }

.tc-completed-domain-6 .path2:before {
  content: "\EA41";
  color: #107d54; }

.tc-completed-domain-6 .path3:before {
  content: "\EA42";
  color: #107d54; }

.tc-completed-domain-6 .path4:before {
  content: "\EA43";
  color: #107d54; }

.tc-completed-domain-6 .path5:before {
  content: "\EA44";
  color: #33b55f; }

.tc-completed-domain-6 .path6:before {
  content: "\EA45";
  color: #33b55f; }

.tc-completed-domain-6 .path7:before {
  content: "\EA46";
  color: #33b55f; }

.tc-completed-domain-6 .path8:before {
  content: "\EA47";
  color: #33b55f; }

.tc-completed-domain-6 .path9:before {
  content: "\EA48";
  color: #107d54; }

.tc-completed-domain-6 .path10:before {
  content: "\EA49";
  color: #107d54; }

.tc-completed-domain-6 .path11:before {
  content: "\EA4A";
  color: #107d54; }

.tc-completed-domain-1, .tc-completed-domain-2, .tc-completed-domain-3, .tc-completed-domain-4,
.tc-completed-domain-5, .tc-completed-domain-6, .tc-completed-domain-8,
.tc-completed-domain-default {
  position: relative; }
  .tc-completed-domain-1 .path1,
  .tc-completed-domain-1 .path2,
  .tc-completed-domain-1 .path3,
  .tc-completed-domain-1 .path4,
  .tc-completed-domain-1 .path5,
  .tc-completed-domain-1 .path6,
  .tc-completed-domain-1 .path7,
  .tc-completed-domain-1 .path8,
  .tc-completed-domain-1 .path9,
  .tc-completed-domain-1 .path10,
  .tc-completed-domain-1 .path11,
  .tc-completed-domain-1 .path12,
  .tc-completed-domain-1 .path13,
  .tc-completed-domain-1 .path14,
  .tc-completed-domain-1 .path15,
  .tc-completed-domain-1 .path16,
  .tc-completed-domain-1 .path17,
  .tc-completed-domain-1 .path18,
  .tc-completed-domain-1 .path19,
  .tc-completed-domain-1 .path20,
  .tc-completed-domain-1 .path21,
  .tc-completed-domain-1 .path22,
  .tc-completed-domain-1 .path23, .tc-completed-domain-2 .path1,
  .tc-completed-domain-2 .path2,
  .tc-completed-domain-2 .path3,
  .tc-completed-domain-2 .path4,
  .tc-completed-domain-2 .path5,
  .tc-completed-domain-2 .path6,
  .tc-completed-domain-2 .path7,
  .tc-completed-domain-2 .path8,
  .tc-completed-domain-2 .path9,
  .tc-completed-domain-2 .path10,
  .tc-completed-domain-2 .path11,
  .tc-completed-domain-2 .path12,
  .tc-completed-domain-2 .path13,
  .tc-completed-domain-2 .path14,
  .tc-completed-domain-2 .path15,
  .tc-completed-domain-2 .path16,
  .tc-completed-domain-2 .path17,
  .tc-completed-domain-2 .path18,
  .tc-completed-domain-2 .path19,
  .tc-completed-domain-2 .path20,
  .tc-completed-domain-2 .path21,
  .tc-completed-domain-2 .path22,
  .tc-completed-domain-2 .path23, .tc-completed-domain-3 .path1,
  .tc-completed-domain-3 .path2,
  .tc-completed-domain-3 .path3,
  .tc-completed-domain-3 .path4,
  .tc-completed-domain-3 .path5,
  .tc-completed-domain-3 .path6,
  .tc-completed-domain-3 .path7,
  .tc-completed-domain-3 .path8,
  .tc-completed-domain-3 .path9,
  .tc-completed-domain-3 .path10,
  .tc-completed-domain-3 .path11,
  .tc-completed-domain-3 .path12,
  .tc-completed-domain-3 .path13,
  .tc-completed-domain-3 .path14,
  .tc-completed-domain-3 .path15,
  .tc-completed-domain-3 .path16,
  .tc-completed-domain-3 .path17,
  .tc-completed-domain-3 .path18,
  .tc-completed-domain-3 .path19,
  .tc-completed-domain-3 .path20,
  .tc-completed-domain-3 .path21,
  .tc-completed-domain-3 .path22,
  .tc-completed-domain-3 .path23, .tc-completed-domain-4 .path1,
  .tc-completed-domain-4 .path2,
  .tc-completed-domain-4 .path3,
  .tc-completed-domain-4 .path4,
  .tc-completed-domain-4 .path5,
  .tc-completed-domain-4 .path6,
  .tc-completed-domain-4 .path7,
  .tc-completed-domain-4 .path8,
  .tc-completed-domain-4 .path9,
  .tc-completed-domain-4 .path10,
  .tc-completed-domain-4 .path11,
  .tc-completed-domain-4 .path12,
  .tc-completed-domain-4 .path13,
  .tc-completed-domain-4 .path14,
  .tc-completed-domain-4 .path15,
  .tc-completed-domain-4 .path16,
  .tc-completed-domain-4 .path17,
  .tc-completed-domain-4 .path18,
  .tc-completed-domain-4 .path19,
  .tc-completed-domain-4 .path20,
  .tc-completed-domain-4 .path21,
  .tc-completed-domain-4 .path22,
  .tc-completed-domain-4 .path23,
  .tc-completed-domain-5 .path1,
  .tc-completed-domain-5 .path2,
  .tc-completed-domain-5 .path3,
  .tc-completed-domain-5 .path4,
  .tc-completed-domain-5 .path5,
  .tc-completed-domain-5 .path6,
  .tc-completed-domain-5 .path7,
  .tc-completed-domain-5 .path8,
  .tc-completed-domain-5 .path9,
  .tc-completed-domain-5 .path10,
  .tc-completed-domain-5 .path11,
  .tc-completed-domain-5 .path12,
  .tc-completed-domain-5 .path13,
  .tc-completed-domain-5 .path14,
  .tc-completed-domain-5 .path15,
  .tc-completed-domain-5 .path16,
  .tc-completed-domain-5 .path17,
  .tc-completed-domain-5 .path18,
  .tc-completed-domain-5 .path19,
  .tc-completed-domain-5 .path20,
  .tc-completed-domain-5 .path21,
  .tc-completed-domain-5 .path22,
  .tc-completed-domain-5 .path23, .tc-completed-domain-6 .path1,
  .tc-completed-domain-6 .path2,
  .tc-completed-domain-6 .path3,
  .tc-completed-domain-6 .path4,
  .tc-completed-domain-6 .path5,
  .tc-completed-domain-6 .path6,
  .tc-completed-domain-6 .path7,
  .tc-completed-domain-6 .path8,
  .tc-completed-domain-6 .path9,
  .tc-completed-domain-6 .path10,
  .tc-completed-domain-6 .path11,
  .tc-completed-domain-6 .path12,
  .tc-completed-domain-6 .path13,
  .tc-completed-domain-6 .path14,
  .tc-completed-domain-6 .path15,
  .tc-completed-domain-6 .path16,
  .tc-completed-domain-6 .path17,
  .tc-completed-domain-6 .path18,
  .tc-completed-domain-6 .path19,
  .tc-completed-domain-6 .path20,
  .tc-completed-domain-6 .path21,
  .tc-completed-domain-6 .path22,
  .tc-completed-domain-6 .path23, .tc-completed-domain-8 .path1,
  .tc-completed-domain-8 .path2,
  .tc-completed-domain-8 .path3,
  .tc-completed-domain-8 .path4,
  .tc-completed-domain-8 .path5,
  .tc-completed-domain-8 .path6,
  .tc-completed-domain-8 .path7,
  .tc-completed-domain-8 .path8,
  .tc-completed-domain-8 .path9,
  .tc-completed-domain-8 .path10,
  .tc-completed-domain-8 .path11,
  .tc-completed-domain-8 .path12,
  .tc-completed-domain-8 .path13,
  .tc-completed-domain-8 .path14,
  .tc-completed-domain-8 .path15,
  .tc-completed-domain-8 .path16,
  .tc-completed-domain-8 .path17,
  .tc-completed-domain-8 .path18,
  .tc-completed-domain-8 .path19,
  .tc-completed-domain-8 .path20,
  .tc-completed-domain-8 .path21,
  .tc-completed-domain-8 .path22,
  .tc-completed-domain-8 .path23,
  .tc-completed-domain-default .path1,
  .tc-completed-domain-default .path2,
  .tc-completed-domain-default .path3,
  .tc-completed-domain-default .path4,
  .tc-completed-domain-default .path5,
  .tc-completed-domain-default .path6,
  .tc-completed-domain-default .path7,
  .tc-completed-domain-default .path8,
  .tc-completed-domain-default .path9,
  .tc-completed-domain-default .path10,
  .tc-completed-domain-default .path11,
  .tc-completed-domain-default .path12,
  .tc-completed-domain-default .path13,
  .tc-completed-domain-default .path14,
  .tc-completed-domain-default .path15,
  .tc-completed-domain-default .path16,
  .tc-completed-domain-default .path17,
  .tc-completed-domain-default .path18,
  .tc-completed-domain-default .path19,
  .tc-completed-domain-default .path20,
  .tc-completed-domain-default .path21,
  .tc-completed-domain-default .path22,
  .tc-completed-domain-default .path23 {
    position: absolute;
    top: 0;
    left: 0; }

.tc-measurement:before {
  content: "\E9E9"; }

.tc-compass:before {
  content: "\E9E8"; }

.tc-leaf:before {
  content: "\E9EC"; }

.tc-text:before {
  content: "\E9ED"; }

.tc-add-artifact:before {
  content: "\E9E6"; }

.tc-camera:before {
  content: "\E9E7"; }

.tc-save-upload:before {
  content: "\E9E4";
  color: #1A7CD9; }

.tc-save-url:before {
  content: "\E9E5";
  color: #1A7CD9; }

.tc-vision:before {
  content: "\E9E1"; }

.tc-profile:before {
  content: "\E9E2"; }

.tc-dashboard:before {
  content: "\E9E3"; }

.tc-cd-domain-1:before {
  content: "\E9DC"; }

.tc-cd-domain-2:before {
  content: "\E9DD"; }

.tc-cd-domain-3:before {
  content: "\E9DE"; }

.tc-cd-domain-4:before {
  content: "\E9DF"; }

.tc-cd-domain-5:before {
  content: "\E9E0"; }

.tc-warning:before {
  content: "\E9DB"; }

.tc-add-new-row-icon:before {
  content: "\E9DA"; }

.tc-note-fill:before {
  content: "\E9D9"; }

.tc-add-note:before {
  content: "\E9D8"; }

.tc-data-point-icon:before {
  content: "\E9CC"; }

.tc-add-balloon-icon:before {
  content: "\E9CD"; }

.tc-video_vector_icon:before {
  content: "\E9CE"; }

.tc-link-icon-portfolio:before {
  content: "\E9CF"; }

.tc-short-arrow:before {
  content: "\E9D0"; }

.tc-partner-portfolio-teacher-icon:before {
  content: "\E9D1"; }

.tc-partner-portfolio-strategy-icon:before {
  content: "\E9D2"; }

.tc-partner-portfolio-quote-icon:before {
  content: "\E9D3"; }

.tc-partner-portfolio-play-icon:before {
  content: "\E9D4"; }

.tc-partner-portfolio-narrative-icon:before {
  content: "\E9D5"; }

.tc-partner-portfolio-artifact-icon:before {
  content: "\E9D7"; }

.tc-coach-dashboard-remove-team-member:before {
  content: "\E9CB"; }

.tc-coach-dashboard-add-team:before {
  content: "\E9CA"; }

.tc-sga-nb-340:before {
  content: "\E9C9"; }

.tc-help:before {
  content: "\E900"; }

.tc-map:before {
  content: "\E9C6"; }

.tc-browser-arrow:before {
  content: "\E9C5"; }

.tc-target-v2:before {
  content: "\E9D6"; }

.tc-dots-8:before {
  content: "\E9A7"; }

.tc-beta-flag:before {
  content: "\E9A6"; }

.tc-dots-3:before {
  content: "\E9A5"; }

.tc-arrow-up:before {
  content: "\E906"; }

.tc-pin:before {
  content: "\E9A0"; }

.tc-pin-fill:before {
  content: "\E9C7"; }

.tc-note:before {
  content: "\E9A1"; }

.tc-playlist-play:before {
  content: "\E9A2"; }

.tc-playlist-add:before {
  content: "\E9A3"; }

.tc-growth-map-menu:before {
  content: "\E9A4"; }

/****** coach dashboard masquerade btn ******/
.tc-refresh:before {
  content: "\E907"; }

.tc-print:before {
  content: "\E908"; }

.tc-delete:before {
  content: "\E909"; }

.tc-fullscreen:before {
  content: "\E90A"; }

.tc-masquerade .path1:before {
  content: "\E902"; }

.tc-masquerade .path2:before {
  content: "\E903"; }

.tc-masquerade .path3:before {
  content: "\E904"; }

.tc-masquerade .path4:before {
  content: "\E905"; }

.tc-masquerade {
  position: relative; }
  .tc-masquerade .path1,
  .tc-masquerade .path2,
  .tc-masquerade .path3,
  .tc-masquerade .path4 {
    position: absolute;
    top: 0;
    left: 0; }

.tc-balloon:before {
  content: "\E957"; }

.tc-edit-sga:before {
  content: "\E901"; }

.tc-user:before {
  content: "\E971"; }

.tc-search:before {
  content: "\E99F"; }

.tc-hamburger:before {
  content: "\E800"; }

.tc-outlink:before {
  content: "\E615"; }

.tc-clock:before {
  content: "\E652"; }

.tc-subject-4:before {
  content: "\E650"; }

.tc-subject-1:before {
  content: "\E651"; }

.tc-subject-2:before {
  content: "\E653"; }

.tc-lock:before {
  content: "\E649"; }

.tc-check:before {
  content: "\E600"; }

.tc-smiles-3:before {
  content: "\E634"; }

.tc-smiles-2:before {
  content: "\E635"; }

.tc-smiles-1:before {
  content: "\E636"; }

.tc-arrow:before {
  content: "\E605"; }

.tc-pencil:before {
  content: "\E607"; }

.tc-tml-learn:before {
  content: "\E608"; }

.tc-tml-measure:before {
  content: "\E609"; }

.tc-tml-teach:before {
  content: "\E60A"; }

.tc-x:before {
  content: "\E60B"; }

.tc-upload:before {
  content: "\E60C"; }

.tc-file-text:before {
  content: "\E613"; }

.tc-file-audio:before {
  content: "\E60D"; }

.tc-file-photo:before {
  content: "\E60F"; }

.tc-file-document:before {
  content: "\E610"; }

.tc-flag-end:before {
  content: "\E611"; }

.tc-file-link:before {
  content: "\E612"; }

.tc-timer:before {
  content: "\E615"; }

.tc-file-video:before {
  content: "\E616"; }

.tc-target:before {
  content: "\E614"; }

.tc-comment:before {
  content: "\E617"; }

.tc-star:before {
  content: "\E619"; }

.tc-full-screen:before {
  content: "\E647"; }

.tc-download:before {
  content: "\E648"; }

.tc-student-f:before {
  content: "\E644"; }

.tc-student-m:before {
  content: "\E645"; }

.tc-notification:before {
  content: "\E646"; }

.tc-coach-dashboard-add-team:before {
  content: "\E9CA"; }

.tc-coach-dashboard-remove-team-member:before {
  content: "\E9CB"; }

/****** SGA ICONS ******/
.tc-sga-nb-340:before {
  content: "\E9C9"; }

.tc-sga-162:before {
  content: "\E64E"; }

.tc-sga-162-active:before {
  content: "\E64F"; }

.tc-sga-154-active:before {
  content: "\E601"; }

.tc-sga-154:before {
  content: "\E602"; }

.tc-sga-170:before {
  content: "\E603"; }

.tc-sga-170-active:before {
  content: "\E604"; }

.tc-sga-177:before {
  content: "\E606"; }

.tc-sga-177-active:before {
  content: "\E60E"; }

.tc-sga-203-active:before {
  content: "\E618"; }

.tc-sga-203:before {
  content: "\E61A"; }

.tc-sga-183-active:before {
  content: "\E61B"; }

.tc-sga-183:before {
  content: "\E61C"; }

.tc-sga-189-active:before {
  content: "\E61D"; }

.tc-sga-189:before {
  content: "\E61E"; }

.tc-sga-197-active:before {
  content: "\E61F"; }

.tc-sga-197:before {
  content: "\E620"; }

.tc-sga-56-active:before {
  content: "\E621"; }

.tc-sga-56:before {
  content: "\E622"; }

.tc-sga-63:before {
  content: "\E623"; }

.tc-sga-63-active:before {
  content: "\E624"; }

.tc-sga-74-active:before {
  content: "\E625"; }

.tc-sga-77:before {
  content: "\E626"; }

.tc-sga-74:before {
  content: "\E627"; }

.tc-sga-77-active:before {
  content: "\E628"; }

.tc-sga-43:before {
  content: "\E629"; }

.tc-sga-19:before {
  content: "\E62A"; }

.tc-sga-19-active:before {
  content: "\E62B"; }

.tc-sga-34:before {
  content: "\E62C"; }

.tc-sga-28:before {
  content: "\E62D"; }

.tc-sga-34-active:before {
  content: "\E62E"; }

.tc-sga-12:before {
  content: "\E62F"; }

.tc-sga-28-active:before {
  content: "\E630"; }

.tc-sga-12-active:before {
  content: "\E631"; }

.tc-sga-43-active:before {
  content: "\E632"; }

.tc-sga-149:before {
  content: "\E633"; }

.tc-sga-149-active:before {
  content: "\E637"; }

.tc-sga-214-active:before {
  content: "\E638"; }

.tc-sga-214:before {
  content: "\E639"; }

.tc-sga-107-active:before {
  content: "\E63A"; }

.tc-sga-107:before {
  content: "\E63B"; }

.tc-sga-148-active:before {
  content: "\E63C"; }

.tc-sga-148:before {
  content: "\E63D"; }

.tc-sga-113-active:before {
  content: "\E63E"; }

.tc-sga-113:before {
  content: "\E63F"; }

.tc-sga-210:before {
  content: "\E640"; }

.tc-sga-210-active:before {
  content: "\E641"; }

.tc-sga-212:before {
  content: "\E642"; }

.tc-sga-212-active:before {
  content: "\E643"; }

.tc-sga-213:before {
  content: "\E64A"; }

.tc-sga-213-active:before {
  content: "\E64B"; }

.tc-sga-211:before {
  content: "\E64C"; }

.tc-sga-211-active:before {
  content: "\E64D"; }

.tc-sga-nb-148:before {
  content: "\E9A8"; }

.tc-sga-nb-107:before {
  content: "\E9A9"; }

.tc-sga-nb-113:before {
  content: "\E9AA"; }

.tc-sga-nb-211:before {
  content: "\E9AB"; }

.tc-sga-nb-212:before {
  content: "\E9AC"; }

.tc-sga-nb-19:before {
  content: "\E9AD"; }

.tc-sga-nb-149:before {
  content: "\E9AE"; }

.tc-sga-nb-34:before {
  content: "\E9AF"; }

.tc-sga-nb-43:before {
  content: "\E9B0"; }

.tc-sga-nb-28:before {
  content: "\E9B1"; }

.tc-sga-nb-12:before {
  content: "\E9B2"; }

.tc-sga-nb-63:before {
  content: "\E9B3"; }

.tc-sga-nb-77:before {
  content: "\E9B4"; }

.tc-sga-nb-56:before {
  content: "\E9B5"; }

.tc-sga-nb-74:before {
  content: "\E9B6"; }

.tc-sga-nb-177:before {
  content: "\E9B7"; }

.tc-sga-nb-162:before {
  content: "\E9B8"; }

.tc-sga-nb-189:before {
  content: "\E9B9"; }

.tc-sga-nb-203:before {
  content: "\E9BA"; }

.tc-sga-nb-197:before {
  content: "\E9BB"; }

.tc-sga-nb-170:before {
  content: "\E9BC"; }

.tc-sga-nb-183:before {
  content: "\E9BD"; }

.tc-sga-nb-154:before {
  content: "\E9BE"; }

.tc-sga-nb-303:before {
  content: "\E9BF"; }

.tc-sga-nb-301:before {
  content: "\E9C0"; }

.tc-sga-nb-306:before {
  content: "\E9C1"; }

.tc-sga-nb-304:before {
  content: "\E9C2"; }

.tc-sga-nb-302:before {
  content: "\E9C3"; }

.tc-sga-nb-305:before {
  content: "\E9C4"; }

.tc-sga-nb-245:before {
  content: "\E9A8"; }

.tc-sga-nb-246:before {
  content: "\E9A9"; }

.tc-sga-nb-248:before {
  content: "\E9AA"; }

.tc-sga-nb-249:before {
  content: "\E9AB"; }

.tc-sga-nb-247:before {
  content: "\E9AC"; }

/****** File Icons ******/
.file-type-icon {
  float: left;
  color: #CECECE;
  font-size: 21px; }

.file-type-icon.ext-mov:before,
.file-type-icon.ext-avi:before,
.file-type-icon.ext-mpeg:before,
.file-type-icon.ext-mpg:before,
.file-type-icon.ext-asf:before,
.file-type-icon.ext-flv:before,
.file-type-icon.ext-wmv:before,
.file-type-icon.ext-mp4:before,
.file-type-icon.ext-mpe:before,
.file-type-icon.ext-mts:before,
.file-type-icon.ext-m2ts:before,
.file-type-icon.ext-m4v:before {
  content: "\E616"; }

.file-type-icon.ext-mp3:before,
.file-type-icon.ext-wav:before,
.file-type-icon.ext-wma:before {
  content: "\E60D"; }

.file-type-icon.ext-jpg:before,
.file-type-icon.ext-png:before,
.file-type-icon.ext-gif:before,
.file-type-icon.ext-jpeg:before,
.file-type-icon.ext-bmp:before,
.file-type-icon.ext-tif:before,
.file-type-icon.ext-tiff:before {
  content: "\E60F"; }

.file-type-icon.ext-:before,
.file-type-icon.ext-default:before,
.ext-undefined:before,
.file-type-icon.ext-doc:before,
.file-type-icon.ext-docx:before,
.file-type-icon.ext-ppt:before,
.file-type-icon.ext-pptx:before,
.file-type-icon.ext-xls:before,
.file-type-icon.ext-xlsx:before,
.file-type-icon.ext-pdf:before,
.file-type-icon.ext-rtf:before,
.file-type-icon.ext-xbk:before,
.file-type-icon.ext-txt:before,
.file-type-icon.ext-notebook:before,
.file-type-icon.ext-pub:before,
.file-type-icon.ext-ige:before,
.file-type-icon.ext-ia1:before,
.file-type-icon.ext-ia2:before,
.file-type-icon.ext-ipa:before,
.file-type-icon.ext-latex:before,
.file-type-icon.ext-flipchart:before,
.file-type-icon.ext-ggb:before {
  content: "\E610"; }

.file-type-icon.ext-pages:before,
.file-type-icon.ext-numbers:before,
.file-type-icon.ext-key:before,
.file-type-icon.ext-mp3:before,
.file-type-icon.ext-m4a:before,
.file-type-icon.ext-tmp:before,
.file-type-icon.ext-flp:before,
.file-type-icon.ext-mht:before,
.file-type-icon.ext-htm:before,
.file-type-icon.ext-odt:before,
.file-type-icon.ext-docm:before,
.file-type-icon.ext-apx3:before,
.file-type-icon.ext-pot:before,
.file-type-icon.ext-wpl:before,
.file-type-icon.ext-isf:before,
.file-type-icon.ext-mus:before,
.file-type-icon.ext-csv:before,
.file-type-icon.ext-dot:before,
.file-type-icon.ext-xps:before,
.file-type-icon.ext-jgm:before,
.file-type-icon.ext-pptm:before,
.file-type-icon.ext-dotx:before,
.file-type-icon.ext-potx:before,
.file-type-icon.ext-gsp:before,
.file-type-icon.ext-galleryitem:before,
.file-type-icon.ext-sib:before,
.file-type-icon.ext-one:before,
.file-type-icon.ext-iwb:before,
.file-type-icon.ext-etng:before,
.file-type-icon.ext-wma:before,
.file-type-icon.ext-wav:before,
.file-type-icon.ext-epub:before,
.file-type-icon.ext-wtt:before,
.file-type-icon.ext-wtml:before,
.file-type-icon.ext-wwtfig:before,
.file-type-icon.ext-tns:before,
.file-type-icon.ext-tnsp:before,
.file-type-icon.ext-8xp:before,
.file-type-icon.ext-8xi:before,
.file-type-icon.ext-8xl:before,
.file-type-icon.ext-8xv:before,
.file-type-icon.ext-xlsm:before {
  content: "\E610"; }

/****** Artifact Content Type Icons ******/
.file-type-icon.ext-link:before {
  content: "\E612"; }

.file-type-icon.ext-text:before {
  content: "\E613"; }

/****** V4 ICONS ******/
.tc-v4-unlock:before {
  content: "\EA97"; }

.tc-v4-lock:before {
  content: "\EA98"; }

.tc-v4-domain-default:before {
  content: "\EA88"; }

.tc-v4-domain-11:before {
  content: "\EA89"; }

.tc-v4-domain-10:before {
  content: "\EA8A"; }

.tc-v4-domain-8:before {
  content: "\EA8B"; }

.tc-v4-domain-7:before {
  content: "\EA8C"; }

.tc-v4-domain-5:before {
  content: "\EA94"; }

.tc-v4-domain-4:before {
  content: "\EA95"; }

.tc-v4-domain-3:before {
  content: "\EA96"; }

.tc-v4-domain-2:before {
  content: "\EA8D"; }

.tc-v4-domain-9:before {
  content: "\EAA1"; }

.tc-v4-circle-arrow:before {
  content: "\EA86"; }

.tc-v4-coaching:before {
  content: "\EA85"; }

.tc-v4-profile-white-bg-lg .path1:before {
  content: "\EA82";
  color: white; }

.tc-v4-profile-white-bg-lg .path2:before {
  content: "\EA83";
  margin-left: -1em; }

.tc-v4-profile-white-bg-lg .path3:before {
  content: "\EA84";
  margin-left: -1em; }

.tc-v4-leaf-lg:before {
  content: "\EA81"; }

.tc-v4-leaf:before {
  content: "\EA66"; }

.tc-v4-tablet:before {
  content: "\EA67"; }

.tc-v4-calendar:before {
  content: "\EA68"; }

.tc-v4-camera-lg:before {
  content: "\EA69"; }

.tc-v4-timer:before {
  content: "\EA6A"; }

.tc-v4-ela:before {
  content: "\EA6B"; }

.tc-v4-laptop:before {
  content: "\EA6C"; }

.tc-v4-heart-filled:before {
  content: "\EA6D"; }

.tc-v4-heart-empty:before {
  content: "\EA6E"; }

.tc-v4-link-lg:before {
  content: "\EA6F"; }

.tc-v4-link:before {
  content: "\EA70"; }

.tc-v4-math:before {
  content: "\EA71"; }

.tc-v4-pencil:before {
  content: "\EA72"; }

.tc-v4-profile-lg:before {
  content: "\EA73"; }

.tc-v4-profile:before {
  content: "\EA74"; }

.tc-v4-reflection:before {
  content: "\EA75"; }

.tc-v4-reflection-lg:before {
  content: "\EA76"; }

.tc-v4-page:before {
  content: "\EA77"; }

.tc-v4-science:before {
  content: "\EA78"; }

.tc-v4-settings:before {
  content: "\EA79"; }

.tc-v4-camera:before {
  content: "\EA7A"; }

.tc-v4-strategy:before {
  content: "\EA7B"; }

.tc-v4-strategy-lg:before {
  content: "\EA7C"; }

.tc-v4-text:before {
  content: "\EA7D"; }

.tc-v4-text-lg:before {
  content: "\EA7E"; }

.tc-v4-upload-lg:before {
  content: "\EA7F"; }

.tc-v4-upload:before {
  content: "\EA80"; }

/****** reused site wide styles ******/
body {
  font-weight: normal;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #3D3D3D;
  height: auto;
  overflow: auto;
  position: static;
  min-width: 1190px; }
  body.no-scroll, body.no-scroll-filters-opened {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden; }
  body.fluid {
    min-width: 0; }
  body.fluid-layout {
    width: 100%;
    min-width: 0;
    max-width: auto; }
  body.responsive-layout {
    min-width: 0px; }

.tc__breakword {
  word-wrap: break-word; }

.tc__seperator {
  border-top: 3px solid #a8a6a0;
  width: 100%; }

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

.tc__left-text {
  text-align: left; }

.tc__right-text {
  text-align: right; }

.tc__hidden {
  display: none !important; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tc__clear:after {
  content: '';
  display: block;
  clear: both; }

/****** capsules ******/
.tc__capsule {
  text-align: left;
  display: inline-block;
  min-height: 50px;
  width: 100%;
  margin: 10px 0 30px;
  background: white;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #CECECE;
  position: relative; }
  .tc__capsule.cute-12-desktop {
    padding: 30px 50px 30px 30px; }
    .tc__capsule.cute-12-desktop.tc__capsule--profile-sga {
      padding: 30px; }

.tc__capsule--hoverable:hover {
  cursor: pointer;
  -webkit-box-shadow: #1A7CD9 0 0 4px 1px;
  -moz-box-shadow: #1A7CD9 0 0 4px 1px;
  box-shadow: #1A7CD9 0 0 4px 1px; }
  .tc__capsule--hoverable:hover .tc__capsule-headline a {
    color: #176bbf; }

.tc__capsule--unhoverable {
  cursor: default; }
  .tc__capsule--unhoverable.title {
    font-size: 18px;
    line-height: 20px;
    font-family: "Circular Bold", Helvetica, sans-serif; }

.tc__capsule-headline {
  padding-bottom: 20px;
  cursor: pointer; }
  .tc__capsule-headline a {
    color: #222222;
    text-decoration: none; }
    .tc__capsule-headline a:hover {
      color: #176bbf;
      text-decoration: underline; }

.tc__capsule-link {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.tc__capsule-angle {
  font-size: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  color: #176bbf;
  margin-top: -20px;
  margin-right: 10px; }

/****** Studed growth area ******/
.tc__sga {
  color: #104b82;
  text-align: center; }
  .tc__sga a {
    color: #104b82;
    cursor: pointer; }
    .tc__sga a:hover {
      color: #176bbf;
      text-decoration: none; }
    .tc__sga a.active {
      color: #104b82; }
      .tc__sga a.active:hover {
        color: #104b82; }

.tc__sga-icon {
  font-size: 144px; }

.tc__sga-title {
  padding: 0;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 20px;
  margin-top: 10px; }

/***** TML LOOP Icons ******/
.tml-step {
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.tml-step--teach {
  color: #cc441b;
  border: 3px solid #cc441b; }
  .tml-step--teach.completed {
    background: #cc441b; }

.tml-step--measure {
  color: #9fbf1d;
  border: 3px solid #9fbf1d; }
  .tml-step--measure.completed {
    background: #9fbf1d; }

.tml-step--learn {
  color: #1560ab;
  border: 3px solid #1560ab; }
  .tml-step--learn.completed {
    background: #1560ab; }

.tml-step-icon {
  font-size: 56px;
  padding-top: 12px; }

.tml-step-caption {
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: capitalize; }

.tml-step--overview {
  width: 90px;
  height: 90px; }

.tml-step-icon--overview {
  font-size: 50px; }

.tml-step-caption--overview {
  font-size: 14px; }

/****** TML Chart ******/
.tml__chart-title {
  font-size: 24px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  text-align: center;
  font-weight: normal;
  padding-bottom: 30px; }

.tml__chart-highlight--5 {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.tml__chart-highlight--7 {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

/* A pure CSS "spinner" */
.littlespinner {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: rotation 400ms linear infinite;
  animation: rotation 400ms linear infinite; }

.bigspinner {
  height: 60px;
  width: 60px;
  margin: 94px auto 0 auto;
  position: relative;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(204, 204, 204, 0.15);
  border-right: 6px solid rgba(204, 204, 204, 0.15);
  border-bottom: 6px solid rgba(204, 204, 204, 0.15);
  border-top: 6px solid rgba(153, 153, 153, 0.8);
  border-radius: 100%; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

/****** Tabs ******/
.tc__tab {
  color: #1e2326;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-decoration: none;
  border-bottom: 8px solid white;
  padding-top: 0;
  cursor: pointer; }
  .tc__tab.active {
    color: #8ba911;
    border-bottom: 8px solid #8ba911; }
  .tc__tab:hover {
    color: #8ba911; }

/****** Students Impacted ******/
.students-impacted__value {
  color: #e25b31;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 24px; }

.students-impacted {
  display: inline-block;
  margin: 0 auto;
  text-align: center; }

.students-impacted__icon {
  display: inline-block;
  font-size: 20px;
  margin: 2px; }

.students-impacted__icon--r {
  color: #df4c1e; }

.students-impacted__icon--g {
  color: #8ba911; }

.students-impacted__icon--b {
  color: #176bbf; }

.students-impacted__more {
  font-size: 18px;
  display: inline-block;
  padding-left: 5px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

/****** Strategy Implementations ******/
.strategies__none {
  text-align: center;
  padding: 40px 0; }

/****** Private label ******/
.tc__private {
  color: #9fbf1d;
  font-style: normal;
  float: left;
  clear: left; }

.tc__private-icon {
  float: left;
  font-size: 16px;
  margin-top: 1px;
  margin-right: 5px; }

.tc__private-caption {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  float: left;
  margin-top: 2px; }

.tc__private--activity {
  float: none;
  clear: none; }

.tc__private-icon--activity {
  font-size: 14px; }

.tc__private-caption--activity {
  font-size: 12px;
  margin-top: 2px; }

.artifact-overlay-parent.artifact-opened {
  overflow: hidden; }

.tc__cke-container {
  border: 1px solid transparent;
  position: relative;
  margin-left: -1px; }

.tc__cke-container--focused {
  border: 1px solid #1A7CD9; }

.tc__cke-loading {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: solid 3px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px; }

/****** Mobile Styles
TODO: add to a new file
******/
@media only screen and (max-width: 48em) {
  .responsive-layout .tc__mobile-header {
    position: fixed;
    width: 100%;
    z-index: 401;
    background: white;
    height: 3.25rem;
    padding: 0;
    line-height: 32px;
    top: 0;
    cursor: pointer; }
    .responsive-layout .tc__mobile-header:after {
      content: '';
      -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
      -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
      box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3.25rem;
      margin-bottom: 0; }
  .responsive-layout .tc__back {
    z-index: 402; }
  .responsive-layout .tc__back-arrow {
    color: #176bbf;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    font-size: 21px;
    margin-left: -.5rem;
    margin-top: .3rem; }
  .responsive-layout .tc__back-caption {
    float: left;
    color: #176bbf;
    font-size: 13px;
    margin-left: .98rem;
    font-family: MuseoSans-700, Helvetica, sans-serif; }
  .responsive-layout .tc__mobile-header-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.25rem;
    line-height: 30px;
    font-size: 16px;
    font-family: MuseoSans-700, Helvetica, sans-serif;
    color: #2a3136; }
  .responsive-layout .tc__mobile-sub-head {
    margin-top: 50px;
    z-index: 2;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
    .responsive-layout .tc__mobile-sub-head.hide {
      margin-top: -40px; } }

.tc__back-to-top {
  display: block;
  font-size: 22px;
  padding-top: 8px; }
  .tc__back-to-top:hover {
    text-decoration: none; }

/****** Text changing animation ******/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.titleCase {
  text-transform: capitalize; }

/****** move artifact 2017 ******/
.artifact-move {
  margin-top: 1.3rem; }
  .artifact-move a {
    display: inline-block; }

.artifact-move__caption,
.artifact-move__icon {
  float: left; }

.artifact-move__icon {
  margin-right: 0.65rem; }

.abridge-text {
  position: relative;
  overflow: hidden; }
  .abridge-text.fade-last-line:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), white);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    height: 1em;
    width: 100%;
    margin-top: 0.95rem; }
  .abridge-text.fade-whole:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    height: 40%;
    min-height: 1em;
    width: 100%; }

.abridge-text--grey.fade-whole:after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #eff1f2);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #eff1f2);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eff1f2); }

.abridge-text__show-more {
  margin-top: 15px; }

/***** V4 *****/
.bl4__page-background {
  position: fixed;
  background-color: #eff1f2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1; }

.bl4__user-image {
  width: 50px; }
  .bl4__user-image.scale-to-width {
    width: 50px; }
  .bl4__user-image.scale-to-height {
    height: 50px;
    width: auto; }

.bl4__user-image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.bl4__user-image-mask {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 50px;
  width: 50px;
  flex: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto; }

.bl4__user-image-mask--border {
  border: 3px solid white;
  -webkit-box-shadow: #CECECE 0 2px 4px 0;
  -moz-box-shadow: #CECECE 0 2px 4px 0;
  box-shadow: #CECECE 0 2px 4px 0; }

.bl4__user-image-xx-small-mask {
  height: 30px;
  width: 30px;
  border: 2px solid white; }

.bl4__favorite {
  border-bottom: #f5f4f4;
  padding: 0.65rem 0; }

.bl4__capsule {
  position: relative;
  text-align: left;
  display: inline-block;
  min-height: 50px;
  width: 100%;
  background: white;
  padding: 1.3rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 20px; }
  .bl4__capsule:after {
    content: '';
    display: block;
    clear: both; }

.bl4__capsule--flat {
  border: 1px solid #CECECE;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.bl4__capsule--header-graphic {
  z-index: 1; }
  .bl4__capsule--header-graphic:before {
    content: '';
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    position: absolute;
    height: 20px;
    background: no-repeat center/cover url("/www/teachcycle/images/email/V2/header-bkgd-image.png");
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1; }

.bl4__capsule--result {
  padding: 20px; }

.bl4__capsule--result-with-footer {
  padding-bottom: 0; }

.bl4-capsule__content {
  width: 100%;
  float: left; }

.bl4-capsule__image {
  width: 160px; }
  .bl4-capsule__image.scale-to-width {
    width: 160px; }
  .bl4-capsule__image.scale-to-height {
    height: 124px;
    width: auto; }

.bl4-capsule__image-mask {
  width: 160px;
  height: 124px;
  overflow: hidden; }

.bl4-capsule__small-image-mask {
  float: left;
  width: 160px;
  height: 124px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #CECECE; }

.bl4-capsule__image-mask {
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #CECECE;
  margin-bottom: 20px; }

.bl4-capsule__details {
  float: left;
  width: 100%;
  padding-right: 20px; }

.bl4-capsule__footer-details {
  width: 656px; }
  .bl4-capsule__footer-details::after {
    content: '';
    display: block;
    clear: both; }

.bl4-capsule__details--has-image {
  width: 82.5%; }

.bl4-capsule__details--has-small-image {
  width: 82%; }

.bl4-capsule__footer {
  display: flex;
  align-items: center;
  width: 100%;
  border-top: 1px solid #CECECE;
  padding: 20px 0; }
  .bl4-capsule__footer:after {
    content: '';
    display: block;
    clear: both; }

.bl4__capsule-sticky-footer {
  padding-top: 10px; }

.bl4__capsule-expand-footer {
  position: absolute;
  height: 36px;
  display: flex;
  align-items: center;
  background: #E8E8E8;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  color: #2196F3;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  padding: 5px 30px; }
  .bl4__capsule-expand-footer .tc-v4-circle-arrow {
    font-size: 16px;
    margin-right: 10px; }
    .bl4__capsule-expand-footer .tc-v4-circle-arrow.up {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.bl4-capsule--hoverable:hover {
  cursor: pointer;
  -webkit-box-shadow: #1A7CD9 0 0 4px 1px;
  -moz-box-shadow: #1A7CD9 0 0 4px 1px;
  box-shadow: #1A7CD9 0 0 4px 1px; }
  .bl4-capsule--hoverable:hover .bl4-capsule__headline a {
    color: #3d7ebb; }

.tc-v4-profile__bg {
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: white; }

/****** buttons ******/
.tc__btn {
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  font-family: "Circular Bold", Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .tc__btn.disabled {
    cursor: default;
    color: #dbdad7;
    border: 1px solid #dbdad7;
    background: #f1f1ef;
    pointer-events: none; }
    .tc__btn.disabled .spinner-icon {
      display: inline-block;
      width: 18px;
      height: 18px;
      box-sizing: border-box;
      border: solid 2px transparent;
      border-top-color: #29d;
      border-left-color: #29d;
      border-radius: 50%;
      -webkit-animation: nprogress-spinner 400ms linear infinite;
      animation: nprogress-spinner 400ms linear infinite; }

.tc__btn--v3.disabled {
  position: relative;
  padding-right: 35px; }
  .tc__btn--v3.disabled .spinner-icon {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #dbdad7;
    border-left-color: #dbdad7;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite; }

.tc__btn--blue {
  height: 42px;
  padding: 0 30px;
  margin: 10px 0;
  color: white;
  font-size: 18px;
  line-height: 42px;
  background: #2975cc;
  border: 1px solid #1560ab;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
  box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
  background-image: -owg-linear-gradient(#1b7ee0, #1560ab);
  background-image: -webkit-linear-gradient(#1b7ee0, #1560ab);
  background-image: -moz-linear-gradient(#1b7ee0, #1560ab);
  background-image: -o-linear-gradient(#1b7ee0, #1560ab);
  background-image: linear-gradient(#1b7ee0, #1560ab); }
  .tc__btn--blue:hover:not(.disabled) {
    -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 2px 0 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 2px 0 0 inset;
    box-shadow: rgba(255, 255, 255, 0.1) 0 2px 0 0 inset;
    background-image: -owg-linear-gradient(#1560ab, #1b7ee0);
    background-image: -webkit-linear-gradient(#1560ab, #1b7ee0);
    background-image: -moz-linear-gradient(#1560ab, #1b7ee0);
    background-image: -o-linear-gradient(#1560ab, #1b7ee0);
    background-image: linear-gradient(#1560ab, #1b7ee0); }

.tc__btn--flat-blue {
  position: relative;
  min-width: 140px;
  padding: 10px 20px;
  margin: 10px 0;
  color: white;
  font-size: 14px;
  line-height: 14px;
  background: #1A7CD9;
  border: 2px solid #1A7CD9;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
  .tc__btn--flat-blue:hover:not(.disabled) {
    background: #124e93;
    border-color: #124e93; }
  .tc__btn--flat-blue .littlespinner {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 10px;
    left: 3px; }

.tc__btn--grey {
  padding: 10px 20px;
  font-size: 14px;
  background-image: -owg-linear-gradient(white, #f1f1ef);
  background-image: -webkit-linear-gradient(white, #f1f1ef);
  background-image: -moz-linear-gradient(white, #f1f1ef);
  background-image: -o-linear-gradient(white, #f1f1ef);
  background-image: linear-gradient(white, #f1f1ef);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: solid 2px #1560ab;
  color: #176bbf; }
  .tc__btn--grey:hover:not(.disabled) {
    background: linear-gradient(#f1f1ef, white); }

.tc__btn--flat-grey {
  min-width: 140px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 14px;
  background: white;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: solid 2px #1A7CD9;
  color: #1A7CD9; }
  .tc__btn--flat-grey:hover:not(.disabled) {
    background: #f1f1ef; }

.tc__btn--grey-with-orange-outline {
  padding: 10px 20px;
  font-size: 14px;
  background-image: -owg-linear-gradient(white, #f1f1ef);
  background-image: -webkit-linear-gradient(white, #f1f1ef);
  background-image: -moz-linear-gradient(white, #f1f1ef);
  background-image: -o-linear-gradient(white, #f1f1ef);
  background-image: linear-gradient(white, #f1f1ef);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: solid 2px #cc441b;
  color: #df4c1e; }
  .tc__btn--grey-with-orange-outline:hover:not(.disabled) {
    background: linear-gradient(#f1f1ef, white); }

.tc__btn--flat-red {
  position: relative;
  min-width: 140px;
  padding: 10px 20px;
  font-size: 14px;
  background: #df4c1e;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  border: solid 2px #df4c1e;
  color: white; }
  .tc__btn--flat-red:hover:not(.disabled) {
    background: #cc441b;
    border-color: #cc441b; }
  .tc__btn--flat-red .littlespinner {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 10px;
    left: 3px; }

.tc__btn--flat-orange {
  position: relative;
  min-width: 140px;
  padding: 10px 20px;
  margin: 10px 0;
  color: white;
  font-size: 14px;
  line-height: 14px;
  background: #F4AB2A;
  border: 2px solid #F4AB2A;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
  .tc__btn--flat-orange:hover:not(.disabled) {
    background: #e19d26;
    border-color: #e19d26; }
  .tc__btn--flat-orange .littlespinner {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 10px;
    left: 3px; }

.tc__btn--small {
  height: 30px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 28px; }

.tc__btn--artifact {
  width: 160px;
  height: 32px;
  border: 3px solid #1560ab;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: white;
  line-height: 28px;
  font-size: 14px;
  color: #176bbf; }

.tc__btn--remove-artifact-cancel,
.tc__btn--delete-team-cancel {
  height: 42px;
  padding: 0 30px;
  font-size: 18px;
  line-height: 42px; }

.tc__btn--remove-artifact-submit,
.tc__btn--remove-artifact-cancel,
.tc__btn--delete-team-submit,
.tc__btn--delete-team-cancel {
  width: 150px; }

.tc__btn--no-margin {
  margin: 0; }

.tc__btn--flat-blue-v3 {
  background: #2196F3;
  border-color: #2196F3; }

.tc__btn--flat-white-v3 {
  border-color: #2196F3;
  color: #2196F3; }

.bl4__btn {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  min-width: 140px;
  background-color: white;
  font-size: 14px;
  line-height: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  color: #3D3D3D;
  text-align: center;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #7f7f7f;
  padding: 10px 20px;
  cursor: pointer; }
  .bl4__btn:hover:not(.disabled) {
    background: #F9F9F9; }
  .bl4__btn.disabled {
    color: #dbdad7;
    border: 2px solid #dbdad7;
    background: #f1f1ef;
    pointer-events: none;
    cursor: default; }
  .bl4__btn .littlespinner {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 10px;
    left: 3px; }

.bl4__btn--small {
  min-width: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 5px 20px; }

.bl4__btn--blue {
  background: #2196F3;
  color: white;
  border: 2px solid #2196F3; }
  .bl4__btn--blue:hover:not(.disabled) {
    background: #1A7CD9;
    border-color: #1A7CD9; }

.bl4__btn--blue-border {
  background: white;
  color: #2196F3;
  border: solid 2px #2196F3; }

.bl4__btn--red {
  background: #df4c1e;
  color: white;
  border: solid 2px #df4c1e; }
  .bl4__btn--red:hover:not(.disabled) {
    background: #cc441b;
    border-color: #cc441b; }

.bl4__btn--orange {
  background: #F4AB2A;
  color: white;
  border: 2px solid #F4AB2A; }
  .bl4__btn--orange:hover:not(.disabled) {
    background: #e19d26;
    border-color: #e19d26; }

.strategy-v4__btn--selected-favorite {
  border-color: #CECECE; }

/****** Radio Button ******/
.tc__radio {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: relative;
  box-sizing: content-box;
  border: 2px solid #c2c0ba;
  background: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: rgba(81, 93, 102, 0.2) 0 3px 0 0 inset;
  -moz-box-shadow: rgba(81, 93, 102, 0.2) 0 3px 0 0 inset;
  box-shadow: rgba(81, 93, 102, 0.2) 0 3px 0 0 inset; }
  .tc__radio:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .tc__radio.selected:after {
    background: #1e2326; }
  .tc__radio.disabled {
    cursor: default;
    border: 2px solid #dbdad7;
    background: #f1f1ef;
    pointer-events: none; }
    .tc__radio.disabled.selected:after {
      background: #a8a6a0; }

/****** Inputs and Text area******/
input.tc__input, textarea.tc__input, div.tc__input {
  padding: 0 5px;
  border: 1px solid #CECECE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  input.tc__input[type=number]::-webkit-inner-spin-button,
  input.tc__input [type=number]::-webkit-outer-spin-button, textarea.tc__input[type=number]::-webkit-inner-spin-button,
  textarea.tc__input [type=number]::-webkit-outer-spin-button, div.tc__input[type=number]::-webkit-inner-spin-button,
  div.tc__input [type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  input.tc__input:focus, textarea.tc__input:focus, div.tc__input:focus {
    color: #1e2326;
    border: 1px solid #1A7CD9;
    outline: 0; }
  input.tc__input.error, textarea.tc__input.error, div.tc__input.error {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }

input.tc__input {
  height: 32px;
  line-height: 32px;
  font-family: "Circular Book", Helvetica, sans-serif; }

input.tc__input--measurement {
  width: 100%;
  height: 166px;
  padding: 40px 0 80px;
  font-size: 36px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #1560ab;
  text-align: center; }
  input.tc__input--measurement::-ms-clear {
    width: 0;
    height: 0;
    display: none; }

.tc__input--measurement::-webkit-input-placeholder {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  color: #7f7f7f;
  padding-top: 10px; }

.tc__input--measurement:-moz-placeholder {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  color: #7f7f7f;
  padding-top: 10px; }

.tc__input--measurement:-ms-input-placeholder {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  color: #7f7f7f; }

input.tc__input--loop-measurement {
  width: 100%;
  height: auto;
  padding: 14px 0 78px;
  font-size: 36px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #1560ab;
  text-align: center;
  border: 1px solid #c2c0ba;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: white; }
  input.tc__input--loop-measurement::-ms-clear {
    width: 0;
    height: 0;
    display: none; }
  input.tc__input--loop-measurement.view-only {
    color: #1e2326; }

textarea.tc__input {
  resize: none;
  padding: 8px;
  font-family: "Circular Book", Helvetica, sans-serif; }
  textarea.tc__input::-webkit-input-placeholder {
    font-size: 16px;
    font-family: "Circular Book", Helvetica, sans-serif;
    line-height: 20px;
    color: #7f7f7f; }
  textarea.tc__input:-moz-placeholder {
    font-size: 16px;
    font-family: "Circular Book", Helvetica, sans-serif;
    line-height: 20px;
    color: #7f7f7f; }
  textarea.tc__input:-ms-input-placeholder {
    font-size: 16px;
    font-family: "Circular Book", Helvetica, sans-serif;
    line-height: 20px;
    color: #7f7f7f; }

textarea.tc__input--artifact-notes {
  width: 100%;
  height: 210px;
  margin: 20px 0; }

input.tc__input--name {
  width: 100%;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  text-align: left;
  margin: 10px; }

/****** check box ******/
.tc__checkbox {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: relative;
  box-sizing: content-box;
  border: 2px solid #c2c0ba;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  float: left;
  -webkit-box-shadow: rgba(81, 93, 102, 0.2) 0 3px 0 0 inset;
  -moz-box-shadow: rgba(81, 93, 102, 0.2) 0 3px 0 0 inset;
  box-shadow: rgba(81, 93, 102, 0.2) 0 3px 0 0 inset; }
  .tc__checkbox .tc-check {
    display: none; }
  .tc__checkbox.checked .tc-check {
    position: absolute;
    display: block;
    color: #1e2326;
    font-size: 18px;
    margin: -2px 0 0 -2px; }

.tc__checkbox-input {
  display: none; }

/****** inline form errors ******/
.tc__error {
  color: #cc441b;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  margin-bottom: -25px;
  z-index: 1; }

.tc__error--relative {
  color: #cc441b;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 15px;
  text-align: left;
  float: left;
  clear: left;
  padding-top: 5px;
  width: 100%;
  position: relative; }

.tc__error--top {
  bottom: initial;
  margin-bottom: 0;
  top: 0;
  margin-top: -25px; }

.tc__error--inline-form {
  left: 25%; }

.tc__error--upload {
  margin-bottom: -68px; }

.tc__error--block {
  text-align: center;
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0.65rem 0; }

.bl4__error {
  color: #cc441b;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  margin-bottom: -20px;
  z-index: 1; }

/****** select input ******/
.tc__select {
  display: inline-block;
  position: relative;
  border: 1px solid #CECECE;
  color: #1A7CD9;
  height: 32px;
  line-height: 32px;
  font-family: "Circular Book", Helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-image: -owg-linear-gradient(white, #f7f7f5);
  background-image: -webkit-linear-gradient(white, #f7f7f5);
  background-image: -moz-linear-gradient(white, #f7f7f5);
  background-image: -o-linear-gradient(white, #f7f7f5);
  background-image: linear-gradient(white, #f7f7f5);
  cursor: pointer; }
  .tc__select:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #1e2326;
    position: absolute;
    top: 10px;
    right: 10px; }
  .tc__select.active {
    background: #f7f7f5; }
    .tc__select.active .tc__select-dropdown {
      display: block; }
  .tc__select.error {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }
  .tc__select.disabled {
    cursor: default;
    color: #dbdad7;
    background: #f1f1ef;
    pointer-events: none; }

.tc__select-target {
  background: transparent;
  width: 100%;
  border: 0;
  border-radius: 0;
  height: 32px;
  -webkit-appearance: none;
  outline: 0;
  position: absolute;
  top: 0;
  right: 0;
  color: #1e2326;
  z-index: 10;
  opacity: 0;
  cursor: pointer; }

.tc__select--artifact-type {
  width: 450px;
  margin: 0 0 0 30px;
  padding-left: 20px; }

.tc__select-dropdown {
  width: 100%;
  position: absolute;
  display: none;
  top: 37px;
  left: 0;
  border: 1px solid #c2c0ba;
  color: #176bbf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: white;
  cursor: pointer;
  z-index: 100; }

.tc__select-option {
  width: 100%;
  padding-left: 20px;
  border-top: 1px solid #dbdad7; }
  .tc__select-option:first-of-type {
    border-top: 0; }

/****** custom styles ******/
.custom-select {
  min-height: 52px; }

input.tc__input--custom-select {
  width: 100px;
  border: 0;
  float: left; }
  input.tc__input--custom-select:focus {
    outline: 0;
    border: 0; }

input.tc__input--custom-select-empty {
  width: 100%; }

.custom-select.tc__input {
  position: relative;
  border: 1px solid #a8a6a0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 10px 0;
  background: white; }
  .custom-select.tc__input:focus-within {
    border-color: #1A7CD9; }

.custom-select__options {
  position: relative;
  width: 100%;
  left: 0;
  top: 100%;
  border: 1px solid #a8a6a0;
  background: white;
  max-height: 190px;
  overflow-y: auto;
  margin-top: -10px;
  z-index: 2; }

.custom-select__option {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  padding: 0 18px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  cursor: pointer; }
  .custom-select__option:hover {
    background: #d2effb; }

.custom-select__option--variable-height {
  height: auto;
  line-height: 18px;
  padding: 10px 18px;
  white-space: normal; }

.custom-select__option-description {
  color: #a8a6a0;
  font-size: 14px; }

.custom-select__selected {
  background: #dbdad7;
  padding: 7px;
  margin: 0 10px 8px 0;
  font-family: "Circular Book", Helvetica, sans-serif;
  max-width: auto;
  display: inline-block;
  float: left;
  line-height: 20px; }

.custom-select__selected-options {
  width: 100%;
  display: block;
  max-height: 138px;
  overflow-y: auto; }
  .custom-select__selected-options:after {
    content: '';
    clear: both; }

.custom-select__selected-name {
  float: left; }

.custom-select__selected-remove {
  float: left;
  margin: -2px 0 0 10px;
  cursor: pointer;
  font-size: 20px; }

.custom-select__single-selected-remove {
  position: absolute;
  right: 10px;
  margin-top: 4px;
  cursor: pointer;
  font-size: 20px; }

input.tc__input.tc__input--custom-single-select {
  padding-right: 25px; }

input.tc__input--highlight,
textarea.tc__input--highlight {
  border-color: #1A7CD9; }

@-webkit-keyframes indicate-cta {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #CECECE; }
  50% {
    -webkit-transform: scale(1.008, 1.008);
    -moz-transform: scale(1.008, 1.008);
    -ms-transform: scale(1.008, 1.008);
    -o-transform: scale(1.008, 1.008);
    transform: scale(1.008, 1.008);
    border-color: #1A7CD9; }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #1A7CD9; } }

@keyframes indicate-cta {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #CECECE; }
  50% {
    -webkit-transform: scale(1.008, 1.008);
    -moz-transform: scale(1.008, 1.008);
    -ms-transform: scale(1.008, 1.008);
    -o-transform: scale(1.008, 1.008);
    transform: scale(1.008, 1.008);
    border-color: #1A7CD9; }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #1A7CD9; } }

input.tc__input.tc__input--indicate-cta,
textarea.tc__input.tc__input--indicate-cta {
  animation: indicate-cta 1s;
  -webkit-animation: indicate-cta 1s; }

.cke:focus-within {
  border-color: #1A7CD9; }

/*** ReCaptchas ***/
.tc__recaptcha.error {
  color: #cc441b;
  border: 1px solid #cc441b;
  background: #ffece5;
  -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
  -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
  box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }

.r-ss-remove-button {
  opacity: .25;
  position: absolute;
  width: 14px;
  height: 14px;
  padding: 0;
  color: #333;
  background-color: #ccc;
  font-size: 10px;
  border: 1px solid #333;
  cursor: pointer;
  z-index: 1;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.r-ss-remove-button > span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: 'X';
  line-height: normal; }

.r-ss-remove-button:hover,
.r-ss-remove-button:focus {
  opacity: 1;
  color: #000;
  background-color: #eee; }

.r-ss-wrap {
  position: relative;
  width: 100%;
  -webkit-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  -moz-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.r-ss-wrap.r-ss-expanded {
  z-index: 1;
  background-color: #FFF; }

.r-ss-wrap * {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.r-ss-button {
  background: none;
  background-color: none;
  border: none; }

.r-ss-trigger {
  position: relative;
  display: block;
  line-height: 30px;
  padding: .25rem 50px .25rem .25rem;
  border-color: #333;
  border: 1px solid rgba(51, 51, 51, 0.45);
  text-decoration: none;
  color: #333;
  -webkit-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  -moz-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  outline: none;
  word-wrap: break-word; }

.r-ss-trigger .r-ss-selected-label {
  padding: 0 .5rem;
  border-left: 1px solid #9e9e9e; }

.r-ss-trigger .r-ss-selected-label:first-child {
  padding-left: 0;
  border-left: none; }

.r-ss-trigger.r-ss-open {
  -webkit-border-radius: 0.25rem 0.25rem 0 0;
  -moz-border-radius: 0.25rem 0.25rem 0 0;
  border-radius: 0.25rem 0.25rem 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.r-ss-trigger.r-ss-open:focus {
  border-color: rgba(51, 51, 51, 0.45); }

.r-ss-trigger.r-ss-placeholder {
  color: rgba(51, 51, 51, 0.45); }

.r-ss-trigger:focus {
  border-color: black; }

.r-ss-trigger .r-ss-selection-clear {
  top: 13px;
  right: 32px;
  opacity: .25;
  position: absolute;
  width: 14px;
  height: 14px;
  padding: 0;
  color: #333;
  background-color: #ccc;
  font-size: 10px;
  border: 1px solid #333;
  cursor: pointer;
  z-index: 1;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.r-ss-trigger .r-ss-selection-clear > span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: 'X';
  line-height: normal; }

.r-ss-trigger .r-ss-selection-clear:hover,
.r-ss-trigger .r-ss-selection-clear:focus {
  opacity: 1;
  color: #000;
  background-color: #eee; }

.r-ss-trigger .carat {
  position: absolute;
  right: .25rem;
  height: 0;
  width: 0;
  border: 11px solid transparent; }

.r-ss-trigger .carat.up {
  bottom: 14px;
  border-color: transparent transparent #333 transparent; }

.r-ss-trigger .carat.down {
  bottom: 1px;
  border-color: #333 transparent transparent transparent; }

.r-ss-search-aria-label {
  display: none; }

.r-ss-search-inner {
  position: relative;
  width: 96%;
  height: 34px;
  padding: 2px 0;
  margin: 0 auto; }

.r-ss-search-inner input {
  border-color: #333;
  border: 1px solid rgba(51, 51, 51, 0.45);
  text-decoration: none;
  color: #333;
  -webkit-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  -moz-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
  width: 100%;
  height: 30px;
  padding: .25rem 18px .25rem .25rem; }

.r-ss-search-inner .r-ss-search-clear {
  top: 8px;
  right: 28px;
  width: 18px;
  height: 18px;
  opacity: .25;
  position: absolute;
  width: 14px;
  height: 14px;
  padding: 0;
  color: #333;
  background-color: #ccc;
  font-size: 10px;
  border: 1px solid #333;
  cursor: pointer;
  z-index: 1;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.r-ss-search-inner .r-ss-search-clear > span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: 'X';
  line-height: normal; }

.r-ss-search-inner .r-ss-search-clear:hover,
.r-ss-search-inner .r-ss-search-clear:focus {
  opacity: 1;
  color: #000;
  background-color: #eee; }

.r-ss-search-inner .r-ss-magnifier {
  position: absolute;
  top: 7px;
  right: .25rem;
  text-indent: -9999px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK5JREFUeNpiZMAPHIDYH4gNoPwLQLwQShME84H4PxCfB+IGIO6Hsv9D2QQ1vwfiACxyCVC5fnzO/o9DM7Ih/5G8hgJgTiUEQGr6mbBIgEzdSIQBB0BqmRjIBx9BBDYDHkCjjhDwxxWdxARiAFSNAznRGACVm49NowA0dN9jSUgNSAkJr+b/SNHoAFW8H4r7cTkbXbMAKdFBkWYQWE+JZmYg1gTiD0AcCKVJAgABBgCVaTZGiswDxwAAAABJRU5ErkJggg==");
  cursor: pointer; }

.r-ss-dropdown {
  position: absolute;
  top: 99%;
  -webkit-border-radius: 0 0 0.25rem 0.25rem;
  -moz-border-radius: 0 0 0.25rem 0.25rem;
  border-radius: 0 0 0.25rem 0.25rem;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFF;
  border-color: #333;
  border: 1px solid transparent;
  border: 1px solid rgba(51, 51, 51, 0.45);
  border-top: none;
  max-height: 350px;
  width: 100%; }

.r-ss-dropdown .r-ss-options-wrap {
  position: relative;
  max-height: 316px;
  width: 100%;
  overflow-y: auto; }

.r-ss-dropdown .r-ss-dropdown-options {
  list-style: none;
  padding: 0;
  margin: 0; }

.r-ss-dropdown .r-ss-option-group-heading {
  width: 100%;
  word-wrap: break-word;
  padding: .25rem;
  background-color: #EDEDED;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  border-top: 1px solid rgba(51, 51, 51, 0.45);
  border-bottom: 1px solid rgba(51, 51, 51, 0.45);
  margin-top: .5rem;
  padding: .5rem .25rem; }

.r-ss-dropdown .r-ss-option-group-heading:focus,
.r-ss-dropdown .r-ss-option-group-heading::selection,
.r-ss-dropdown .r-ss-option-group-heading.focused {
  outline: none;
  background-color: rgba(0, 136, 204, 0.1);
  border-color: 1px solid #000; }

.r-ss-dropdown .r-ss-dropdown-option {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  word-wrap: break-word;
  padding: .25rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.r-ss-dropdown .r-ss-dropdown-option:last-child {
  border-bottom: none; }

.r-ss-dropdown .r-ss-dropdown-option:hover {
  background-color: rgba(51, 51, 51, 0.1); }

.r-ss-dropdown .r-ss-dropdown-option.active {
  background-color: rgba(51, 51, 51, 0.2); }

.r-ss-dropdown .r-ss-dropdown-option.r-ss-selected {
  background-color: #FFD; }

.r-ss-dropdown .r-ss-dropdown-option.r-ss-selected:focus,
.r-ss-dropdown .r-ss-dropdown-option.r-ss-selected::selection {
  background-color: #FFD; }

.r-ss-dropdown .r-ss-dropdown-option:focus,
.r-ss-dropdown .r-ss-dropdown-option::selection {
  outline: none;
  background-color: rgba(0, 136, 204, 0.1);
  border: 1px solid #000; }

.r-ss-page-fetch-indicator {
  list-style: none;
  border-top: 1px solid rgba(51, 51, 51, 0.45);
  opacity: .5;
  margin: 0;
  padding: .25rem 0; }

.r-ss-loader {
  display: block;
  margin: .5rem;
  background-image: url("data:image/gif;base64,R0lGODlhHwAfAPUAAP///zMzM+zs7Nra2snJyb6+vrS0tOLi4sbGxq6urunp6d/f37q6urKysr+/v9bW1vf397m5udzc3Orq6l5eXlFRUXJycs/Pz4yMjKenp3d3d/r6+oaGhmpqatHR0fn5+WxsbFpaWgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA4BiwSQexKh0eEAkrldAZbvlOD5TqYKALWu5XIwnPFwwymY0GsRgAxrwuJwbCi8aAHlYZ3sVdwtRCm8JgVgODwoQAAIXGRpojQwKRGSDCRESYRsGHYZlBFR5AJt2a3kHQlZlERN2QxMRcAiTeaG2QxJ5RnAOv1EOcEdwUMZDD3BIcKzNq3BJcJLUABBwStrNBtjf3GUGBdLfCtadWMzUz6cDxN/IZQMCvdTBcAIAsli0jOHSJeSAqmlhNr0awo7RJ19TJORqdAXVEEVZyjyKtE3Bg3oZE2iK8oeiKkFZGiCaggelSTiA2LhxiZLBSjZjBL2siNBOFQ84LxHA+mYEiRJzBO7ZCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82YAIQxRCm14Ww4PChAAEAoPDlsAFRUgHkRiZAkREmoSEXiVlRgfQgeBaXRpo6MOQlZbERN0Qx4drRUcAAJmnrVDBrkVDwNjr8BDGxq5Z2MPyUQZuRgFY6rRABe5FgZjjdm8uRTh2d5b4NkQY0zX5QpjTc/lD2NOx+WSW0++2RJmUGJhmZVsQqgtCE6lqpXGjBchmt50+hQKEAEiht5gUcTIESR9GhlgE9IH0BiTkxrMmWIHDkose9SwcQlHDsOIk9ygiVbl5JgMLuV4HUmypMkTOkEAACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2LQV3t4UBcvcF9/eFpdYxdgZ5hUYA73YGxruCbVjt78G7hXFqlhY/fLQwR0HIQdGuUrTz5eQdIc0cfIEwByGD0MKvcGSaFGjR8GyeAPhIUofQGNQSgrB4IsdOCqx7FHDBiYcOQshYjKDxliVDpRjunCjdSTJkiZP6AQBACH5BAkKAAAALAAAAAAfAB8AAAb/QIBwSBQMCAUDwFAgDATEqHR4QCSuVwD2ijhMpwrCFqsdJwiK73DBMGfdCcZCDWjAE2V347vY3/NmdXNECm14Ww4PChAAEAoPDltlDGlDYmQJERJqEhGHWARUgZVqaWZeAFZbERN0QxOeWwgAAmabrkMSZkZjDrhRkVtHYw+/RA9jSGOkxgpjSWOMxkIQY0rT0wbR2I3WBcvczltNxNzIW0693MFYT7bTumNQqlisv7BjswAHo64egFdQAbj0RtOXDQY6VAAUakihN1gSLaJ1IYOGChgXXqEUpQ9ASRlDYhT0xQ4cACJDhqDD5mRKjCAYuArjBmVKDP9+VRljMyMHDwcfuBlBooSCBQwJiqkJAgAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEgUDAgFA8BQIAwExKh0eEAkrlcA9oo4TKcKwharHScIiu9wwTBn3QnGQg1owBNld+O72N/zZnVzRApteFsODwoQABAKDw5bZQxpQ2JkCRESahIRh1gEVIGVamlmXgBWWxETdEMTnlsIAAJmm65DEmZGYw64UZFbR2MPv0QPY0hjpMYKY0ljjMZCEGNK09MG0diN1gXL3M5bTcTcyFtOvdzBWE+207pjUKpYrL+wY7MAB4EerqZjUAG4lKVCBwMbvnT6dCXUkEIFK0jUkOECFEeQJF2hFKUPAIkgQwIaI+hLiJAoR27Zo4YBCJQgVW4cpMYDBpgVZKL59cEBhw+U+QROQ4bBAoUlTZ7QCQIAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfju9jf82Z1c0QKbXhbDg8KEAAQCg8OW2UMaUNiZAkREmoSEYdYBFSBlWppZl4AVlsRE3RDE55bCAACZpuuQxJmRmMOuFGRW0djD79ED2NIY6TGCmNJY4zGQhBjStPTFBXb21DY1VsGFtzbF9gAzlsFGOQVGefIW2LtGhvYwVgDD+0V17+6Y6BwaNfBwy9YY2YBcMAPnStTY1B9YMdNiyZOngCFGuIBxDZAiRY1eoTvE6UoDEIAGrNSUoNBUuzAaYlljxo2M+HIeXiJpRsRNMaq+JSFCpsRJEqYOPH2JQgAIfkECQoAAAAsAAAAAB8AHwAABv9AgHBIFAwIBQPAUCAMBMSodHhAJK5XAPaKOEynCsIWqx0nCIrvcMEwZ90JxkINaMATZXfjywjlzX9jdXNEHiAVFX8ODwoQABAKDw5bZQxpQh8YiIhaERJqEhF4WwRDDpubAJdqaWZeAByoFR0edEMTolsIAA+yFUq2QxJmAgmyGhvBRJNbA5qoGcpED2MEFrIX0kMKYwUUslDaj2PA4soGY47iEOQFY6vS3FtNYw/m1KQDYw7mzFhPZj5JGzYGipUtESYowzVmF4ADgOCBCZTgFQAxZBJ4AiXqT6ltbUZhWdToUSR/Ii1FWbDnDkUyDQhJsQPn5ZU9atjUhCPHVhgTNy/RSKsiqKFFbUaQKGHiJNyXIAAh+QQJCgAAACwAAAAAHwAfAAAG/0CAcEh8JDAWCsBQIAwExKhU+HFwKlgsIMHlIg7TqQeTLW+7XYIiPGSAymY0mrFgA0LwuLzbCC/6eVlnewkADXVECgxcAGUaGRdQEAoPDmhnDGtDBJcVHQYbYRIRhWgEQwd7AB52AGt7YAAIchETrUITpGgIAAJ7ErdDEnsCA3IOwUSWaAOcaA/JQ0amBXKa0QpyBQZyENFCEHIG39HcaN7f4WhM1uTZaE1y0N/TacZoyN/LXU+/0cNyoMxCUytYLjm8AKSS46rVKzmxADhjlCACMFGkBiU4NUQRxS4OHijwNqnSJS6ZovzRyJAQo0NhGrgs5bIPmwWLCLHsQsfhxBWTe9QkOzCwC8sv5Ho127akyRM7QQAAOwAAAAAAAAAAAA==");
  background-position: center center;
  background-repeat: no-repeat;
  height: 31px; }

.r-ss-tag {
  display: inline-block;
  position: relative;
  padding: 0 20px 0 7px;
  margin: 0 0 .25rem .95rem;
  background-color: #EDEDED;
  color: #333;
  max-width: 95%;
  min-height: 24px;
  text-overflow: ellipsis;
  line-height: 22px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 1px 1px 1px #333;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.r-ss-tag:after {
  content: '';
  position: absolute;
  left: -0.2rem;
  top: 9px;
  height: 5px;
  width: 5px;
  background-color: #FFF;
  border: 1px solid #999;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.r-ss-tag:before {
  content: '';
  position: absolute;
  left: -23px;
  top: 0;
  height: 0;
  width: 0;
  border-top: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #EDEDED; }

.r-ss-tag .r-ss-tag-remove {
  top: 2px;
  right: 2px;
  opacity: .25;
  position: absolute;
  width: 14px;
  height: 14px;
  padding: 0;
  color: #333;
  background-color: #ccc;
  font-size: 10px;
  border: 1px solid #333;
  cursor: pointer;
  z-index: 1;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.r-ss-tag .r-ss-tag-remove > span:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: 'X';
  line-height: normal; }

.r-ss-tag .r-ss-tag-remove:hover,
.r-ss-tag .r-ss-tag-remove:focus {
  opacity: 1;
  color: #000;
  background-color: #eee; }

.full-width {
  position: relative; }

.headline {
  font-family: MuseoSlab;
  font-weight: normal; }

.btn {
  float: left;
  color: #fff;
  font-family: MuseoSans-700;
  font-size: 14px;
  font-weight: normal;
  line-height: 32px;
  margin-top: 14px;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  background: #2975cc;
  border: 1px solid #143251;
  text-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
  box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #0168cf), color-stop(100%, #035cb6));
  background-image: -webkit-linear-gradient(#0168cf, #035cb6);
  background-image: -moz-linear-gradient(#0168cf, #035cb6);
  background-image: -o-linear-gradient(#0168cf, #035cb6);
  background-image: linear-gradient(#0168cf, #035cb6);
  cursor: pointer; }

.btn--login {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  padding: 0 36px; }

.content__landing {
  color: #ffffff;
  background-color: #0a3c70; }

.headline__landing {
  color: #e5683f;
  text-align: center;
  font-size: 40px; }

.headline__header {
  padding-top: 20px;
  line-height: 50px;
  color: #cc441b; }

.landing-arrow {
  position: absolute;
  height: 36px;
  left: 0;
  right: 0;
  bottom: -34px;
  margin: 0 auto;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center; }

.landing-arrow__header {
  background-image: url(../images/blue-arrowbar.png);
  height: 36px;
  bottom: 0; }

.landing-arrow__header--margin {
  position: absolute;
  height: 100%;
  width: 15%;
  top: 0;
  background: #b8d2f6; }

.landing-arrow__header--margin__left {
  left: 0; }

.landing-arrow__header--margin__right {
  right: 0; }

.landing-arrow__more {
  background-image: url(../images/icons/arrow-lg-ltblue.png); }

.landing-arrow__how {
  background-image: url(../images/icons/arrow-lg-dkblue.png); }

.header__landing {
  background-color: #ffffff;
  background-image: url(../images/teaching-bg.jpg);
  height: 476px;
  color: #333333;
  text-align: center;
  padding-top: 20px; }

.header__tc-bl-logo {
  width: 375px; }

.header__landing--tc-logo {
  float: left; }

.header__landing--bl-logo {
  float: right;
  padding-top: 50px; }

.header__landing--created-by {
  font-family: MuseoItalic;
  color: #a0ba3a;
  font-size: 12px;
  display: inline-block;
  padding-top: 62px; }

.header__landing--blurb {
  font-family: MuseoSlab;
  color: #333333;
  font-size: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px; }

.more__landing {
  background: #b8d2f6;
  height: 430px;
  color: #54565b;
  text-align: center;
  font-family: MuseoSans-500; }
  .more__landing .more--comparison {
    padding-top: 4px; }
    .more__landing .more--comparison .row {
      border-bottom: 1px solid #898b8e;
      font-size: 18px;
      line-height: 25px; }
    .more__landing .more--comparison .row:last-of-type {
      border-bottom: none; }
  .more__landing .more--header__traditional {
    font-family: MuseoSans-900;
    color: #54565b;
    letter-spacing: 1px;
    padding-top: 22px; }
  .more__landing .more--header__teachcycle {
    font-family: MuseoSans-900;
    color: #76777b;
    letter-spacing: 1px; }
  .more__landing .more--teachcycle-aspect {
    font-family: MuseoSans-900;
    color: #215fa6;
    letter-spacing: 1px; }

.how__landing {
  background-color: #215fa6;
  height: 545px;
  padding-top: 30px; }
  .how__landing .how--step {
    width: 440px;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -10px;
    font-family: MuseoSans-500;
    line-height: 24px; }
  .how__landing .how--step--number {
    font-family: MuseoSans-700;
    color: #fd835a; }
  .how__landing .how--step-titles {
    font-family: MuseoSans-900;
    color: #c1d72e;
    letter-spacing: 1px; }

.cycle__landing--container {
  position: relative;
  margin: 0 auto;
  padding-left: 60px;
  width: 370px;
  height: 365px; }
  .cycle__landing--container .cycle--caption {
    position: absolute;
    text-align: center;
    width: 190px;
    font-family: MuseoSans-500;
    font-size: 16px;
    line-height: 20px; }
  .cycle__landing--container a.cycle--caption--bl-link {
    color: #ffffff;
    text-decoration: underline; }
    .cycle__landing--container a.cycle--caption--bl-link:hover {
      text-decoration: none; }
  .cycle__landing--container .cycle--caption__Teach {
    top: 0;
    right: 0;
    margin-right: -126px;
    margin-top: 24px;
    background-image: url(../images/icons/arrow-sm-orange.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 16px; }
  .cycle__landing--container .cycle--caption__Measure {
    width: 150px;
    bottom: 0;
    right: 0;
    margin-right: -72px;
    margin-bottom: -32px;
    background-image: url(../images/icons/arrow-sm-blue.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 15px; }
  .cycle__landing--container .cycle--caption__Learn {
    width: 160px;
    left: 0;
    bottom: 0;
    margin-left: -90px;
    margin-bottom: 50px;
    background-image: url(../images/icons/arrow-sm-green.png);
    background-repeat: no-repeat;
    background-position: 90% 70%;
    padding-right: 8px; }

.testimonials__landing {
  background-color: #0a3c70;
  height: 390px;
  font-family: MuseoSlab;
  font-size: 20px;
  text-align: center;
  line-height: 26px; }
  .testimonials__landing .headline__testimonials {
    color: #7fbcff;
    padding: 40px 0 20px; }
  .testimonials__landing .testimonial--blurb {
    margin: auto;
    color: #ffffff; }
  .testimonials__landing .testimonial--blurb__az {
    width: 478px; }
  .testimonials__landing .testimonial--blurb__ky {
    width: 420px; }
  .testimonials__landing .testimonial--author {
    color: #7fbcff;
    font-size: 16px;
    font-family: MuseoSans-500;
    padding-top: 16px; }

.footer__landing {
  background-image: url(../images/grass-bg.png);
  height: 168px;
  padding-top: 50px;
  text-align: center;
  font-family: MuseoSlab;
  font-size: 20px;
  color: #ffffff; }

.footer__landing--bl-logo {
  margin-top: -5px; }

.tc-demo--request-form {
  width: 420px;
  text-align: left;
  color: #54565b;
  font-family: MuseoSans-500;
  font-size: 18px;
  line-height: 22px;
  padding-left: 30px; }
  .tc-demo--request-form .tc-demo--request-form--description {
    padding-top: 4px;
    padding-bottom: 10px;
    line-height: 26px; }
  .tc-demo--request-form .ss-form-question {
    padding: 10px 0; }
  .tc-demo--request-form .ss-q-title {
    float: left;
    width: 130px;
    line-height: 30px; }
  .tc-demo--request-form .ss-q-title--hear-about {
    line-height: 18px;
    padding-right: 10px; }
  .tc-demo--request-form .ss-q-error {
    white-space: nowrap;
    width: 8px;
    color: #cc2929;
    font-size: 13px;
    padding-left: 8px;
    font-family: MuseoSans-500; }
  .tc-demo--request-form .ss-q-short {
    width: 240px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px; }
  .tc-demo--request-form input.ss-q-short, .tc-demo--request-form select.ss-q-short {
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .tc-demo--request-form select.ss-q-short {
    width: 241px; }
  .tc-demo--request-form .foundout--label {
    line-height: 18px; }
  .tc-demo--request-form .ss-navigate {
    width: 250px;
    margin-top: 10px;
    margin-left: 130px; }
  .tc-demo--request-form #ss-submit {
    float: left;
    color: #fff;
    font-family: MuseoSans-700;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    margin-top: 14px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    background: #2975cc;
    border: 1px solid #143251;
    text-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
    box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #0168cf), color-stop(100%, #035cb6));
    background-image: -webkit-linear-gradient(#0168cf, #035cb6);
    background-image: -moz-linear-gradient(#0168cf, #035cb6);
    background-image: -o-linear-gradient(#0168cf, #035cb6);
    background-image: linear-gradient(#0168cf, #035cb6);
    cursor: pointer; }
  .tc-demo--request-form #ss-submit.submitting {
    color: #9ea3a8;
    border: 1px solid #ccced0;
    -webkit-box-shadow: rgba(158, 163, 168, 0.4) 0 -2px 0 0 inset;
    -moz-box-shadow: rgba(158, 163, 168, 0.4) 0 -2px 0 0 inset;
    box-shadow: rgba(158, 163, 168, 0.4) 0 -2px 0 0 inset;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f8f8f9), color-stop(100%, #cccfd2));
    background-image: -webkit-linear-gradient(#f8f8f9, #cccfd2);
    background-image: -moz-linear-gradient(#f8f8f9, #cccfd2);
    background-image: -o-linear-gradient(#f8f8f9, #cccfd2);
    background-image: linear-gradient(#f8f8f9, #cccfd2);
    cursor: default; }
  .tc-demo--request-form #ss-response {
    display: none;
    text-align: center;
    color: #215fa6;
    font-family: MuseoSlab;
    font-size: 34px;
    line-height: 42px;
    margin-top: 120px; }
  .tc-demo--request-form .ss-response__small {
    font-family: MuseoSans-500;
    font-size: 20px;
    line-height: 30px; }
  .tc-demo--request-form iframe.hidden {
    display: none; }
  .tc-demo--request-form .ss-q-error {
    display: none;
    float: left;
    line-height: 30px; }

@keyframes hide-cta {
  from {
    margin-bottom: 0; }
  to {
    margin-bottom: -6.8rem; } }

@-webkit-keyframes hide-cta {
  from {
    margin-bottom: 0; }
  to {
    margin-bottom: -6.8rem; } }

@keyframes show-cta {
  from {
    margin-bottom: -6.8rem; }
  to {
    margin-top: 0rem; } }

@-webkit-keyframes show-cta {
  from {
    margin-bottom: -6.8rem; }
  to {
    margin-bottom: 0rem; } }

@media only screen and (max-width: 48em) {
  .content__landing {
    overflow: hidden;
    background: #b8d2f6; }
    .content__landing .header__landing,
    .content__landing .more__landing,
    .content__landing .how__landing,
    .content__landing .testimonials__landing,
    .content__landing .footer__landing {
      height: auto; }
    .content__landing .header__landing {
      padding-top: 0;
      padding-bottom: 4.65rem;
      background-position-x: center;
      background-size: auto 80%;
      background-repeat: no-repeat;
      background-position-y: bottom; }
      .content__landing .header__landing .headline__header {
        font-size: 24px;
        line-height: 28px; }
    .content__landing .header--tc-logo {
      position: fixed;
      background: white;
      width: 100%;
      padding-top: 0.65rem;
      z-index: 300; }
    .content__landing .header--tc-content {
      padding-top: 0rem; }
    .content__landing .header__tc-bl-logo,
    .content__landing .header__landing--tc-logo {
      float: none;
      width: 75%;
      max-width: 25rem; }
    .content__landing .header__tc-bl-logo {
      max-width: 18rem; }
    .content__landing .header__landing--blurb {
      font-size: 18px;
      line-height: 20px; }
    .content__landing .btn--login {
      position: relative;
      margin: 30px auto 0;
      display: block;
      float: none;
      width: 120px; }
    .content__landing .more__landing {
      padding: 0 1.3rem 1.95rem; }
      .content__landing .more__landing .more--comparison .row {
        font-size: 18px; }
    .content__landing .more--header__traditional {
      font-size: 18px; }
    .content__landing .more--header__teachcycle {
      width: 100%; }
    .content__landing .how__landing .headline__landing {
      font-size: 32px;
      padding-top: 1rem;
      line-height: 38px; }
    .content__landing .how--steps {
      padding-top: 1.3rem;
      padding-bottom: 2.6rem; }
    .content__landing .how--step {
      width: auto;
      margin: 0;
      padding: 0.65rem 0.65rem;
      font-size: 19px;
      line-height: 25px;
      font-family: MuseoSans-300, Helvetica, sans-serif; }
    .content__landing .headline__testimonials {
      font-size: 32px;
      padding-top: 3.25rem; }
    .content__landing .testimonial--blurb {
      width: 100%;
      padding: 0 0.65rem;
      font-size: 18px;
      line-height: 23px; }
    .content__landing .testimonial--author {
      padding-bottom: 1.95rem;
      line-height: 20px; }
    .content__landing .footer__landing {
      padding-bottom: .9rem; }
    .content__landing .landing-arrow__more--mobile,
    .content__landing .landing-arrow__how,
    .content__landing .landing-arrow__more {
      border-left: 40px solid transparent;
      border-right: 40px solid transparent;
      width: 0;
      height: 0;
      left: 50%;
      margin-left: -2.6rem;
      margin-bottom: 5px;
      background-image: none; }
    .content__landing .landing-arrow__more--mobile {
      border-top: 30px solid #0a3c70; }
    .content__landing .landing-arrow__how {
      border-top: 30px solid #215fa6; }
    .content__landing .landing-arrow__more {
      border-top: 30px solid #b8d2f6; }
  .cycle__landing--container {
    padding-top: 3.9rem;
    padding-bottom: 6.6rem;
    padding-left: 0;
    height: auto;
    width: 86%; }
    .cycle__landing--container img {
      width: 100%; }
    .cycle__landing--container .cycle--caption {
      background-image: none;
      font-size: 14px;
      line-height: 19px;
      padding-top: 0;
      font-family: MuseoSans-300, Helvetica, sans-serif; }
    .cycle__landing--container .cycle--caption__Teach {
      width: 12rem;
      left: 50%;
      margin-left: -6rem;
      margin-top: 0;
      padding-left: 0; }
    .cycle__landing--container .cycle--caption__Learn {
      width: 11rem;
      padding: 0;
      margin-bottom: 1.8rem;
      margin-left: -2.1rem; }
    .cycle__landing--container .cycle--caption__Measure {
      width: 11rem;
      margin-right: -2rem;
      margin-bottom: 4.1rem; }
    .cycle__landing--container .caption__arrow {
      height: 0;
      width: 0;
      position: absolute;
      left: 50%;
      margin-left: -0.65rem; }
    .cycle__landing--container .arrow__teach {
      border-top: 10px solid #cc441b;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-top: 0.4rem; }
    .cycle__landing--container .arrow__measure {
      left: 0;
      margin-left: 14%;
      border-bottom: 10px solid #0a3c70;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-top: -1rem; }
    .cycle__landing--container .arrow__learn {
      right: 0;
      left: 100%;
      margin-left: -18%;
      border-bottom: 10px solid #c1d72e;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      margin-top: -1rem; }
  .more__landing.more__landing--mobile {
    padding-left: 0.65rem;
    padding-right: 0.65rem; }
  .tc-demo--request-form {
    width: auto;
    padding-left: 0; }
    .tc-demo--request-form h4 {
      font-family: MuseoSlab, Georgia, serif;
      font-weight: normal;
      font-size: 32px;
      text-align: center;
      color: #215fa6;
      width: 100%;
      float: left;
      padding: 3.25rem 0 1.6rem; }
    .tc-demo--request-form .tc-demo--request-form--description {
      width: 100%;
      float: left;
      font-size: 18px;
      line-height: 20px; }
    .tc-demo--request-form .ss-form-question {
      display: inline-block;
      width: 100%; }
    .tc-demo--request-form .ss-q-title {
      width: 30%;
      font-size: 14px;
      line-height: 18px;
      padding-top: .55rem; }
    .tc-demo--request-form .ss-q-short, .tc-demo--request-form select.ss-q-short {
      width: 65%;
      margin: 0; }
    .tc-demo--request-form .ss-navigate {
      width: auto;
      margin-left: 30%; }
    .tc-demo--request-form .ss-q-error {
      position: absolute;
      left: 31%;
      margin-top: -1.6rem; }
    .tc-demo--request-form #ss-submit {
      margin-top: .3rem; }
  .mobile-cta__landing {
    position: fixed;
    bottom: 0;
    background: #b8d2f6;
    height: 4rem;
    line-height: 4rem;
    font-size: 30px;
    text-align: center;
    color: #215fa6;
    font-family: MuseoSlab, Georgia, serif;
    font-weight: normal;
    width: 100%;
    z-index: 10; }
    .mobile-cta__landing .cute-6-phone {
      padding: 0; }
    .mobile-cta__landing .btn {
      line-height: 2.6rem;
      font-size: 16px;
      padding: 0 5%;
      margin-top: 0.65rem;
      white-space: nowrap; }
    .mobile-cta__landing.mobile-cta__landing--hide {
      animation-name: hide-cta;
      animation-duration: 600ms;
      animation-fill-mode: forwards;
      -webkit-animation-name: hide-cta;
      -webkit-animation-duration: 600ms;
      -webkit-animation-fill-mode: forwards; }
    .mobile-cta__landing.mobile-cta__landing--show {
      animation-name: show-cta;
      animation-duration: 600ms;
      animation-fill-mode: forwards;
      -webkit-animation-name: show-cta;
      -webkit-animation-duration: 600ms;
      -webkit-animation-fill-mode: forwards; } }

.tc__styleguide {
  padding: 20px; }
  .tc__styleguide .swatch__color {
    height: 100px;
    display: inline-block; }
  .tc__styleguide .swatch__block {
    float: left;
    width: 100px;
    height: 100px; }
    .tc__styleguide .swatch__block.orange-1 {
      background: #ff5b29; }
    .tc__styleguide .swatch__block.orange-2 {
      background: #f05526; }
    .tc__styleguide .swatch__block.orange-3 {
      background: #df4c1e; }
    .tc__styleguide .swatch__block.orange-4 {
      background: #cc441b; }
    .tc__styleguide .swatch__block.orange-5 {
      background: #ffece5; }
    .tc__styleguide .swatch__block.orange-6 {
      background: #f54f12; }
    .tc__styleguide .swatch__block.green-1 {
      background: #e0ef90; }
    .tc__styleguide .swatch__block.green-2 {
      background: #c2df21; }
    .tc__styleguide .swatch__block.green-3 {
      background: #aed11f; }
    .tc__styleguide .swatch__block.green-4 {
      background: #9fbf1d; }
    .tc__styleguide .swatch__block.green-5 {
      background: #8ba911; }
    .tc__styleguide .swatch__block.green-6 {
      background: #7f9918; }
    .tc__styleguide .swatch__block.green-7 {
      background: #6d8021; }
    .tc__styleguide .swatch__block.blue-1 {
      background: #1b7ee0; }
    .tc__styleguide .swatch__block.blue-2 {
      background: #1976d2; }
    .tc__styleguide .swatch__block.blue-3 {
      background: #176bbf; }
    .tc__styleguide .swatch__block.blue-4 {
      background: #1560ab; }
    .tc__styleguide .swatch__block.blue-5 {
      background: #125496; }
    .tc__styleguide .swatch__block.blue-6 {
      background: #104b82; }
    .tc__styleguide .swatch__block.blue-7 {
      background: #d2effb; }
    .tc__styleguide .swatch__block.w-grey-1 {
      background: #f1f1ef; }
    .tc__styleguide .swatch__block.w-grey-2 {
      background: #dbdad7; }
    .tc__styleguide .swatch__block.w-grey-3 {
      background: #c2c0ba; }
    .tc__styleguide .swatch__block.w-grey-4 {
      background: #a8a6a0; }
    .tc__styleguide .swatch__block.w-grey-5 {
      background: #33322e; }
    .tc__styleguide .swatch__block.w-grey-6 {
      background: #f7f7f5; }
    .tc__styleguide .swatch__block.c-grey-1 {
      background: #515d66; }
    .tc__styleguide .swatch__block.c-grey-2 {
      background: #424d54; }
    .tc__styleguide .swatch__block.c-grey-3 {
      background: #374046; }
    .tc__styleguide .swatch__block.c-grey-4 {
      background: #2a3136; }
    .tc__styleguide .swatch__block.c-grey-5 {
      background: #1e2326; }
  .tc__styleguide .swatch__caption {
    float: left;
    padding: 20px 0 0 20px;
    line-height: 30px; }
  .tc__styleguide h1, .tc__styleguide h2, .tc__styleguide h3, .tc__styleguide h4, .tc__styleguide h5, .tc__styleguide h6, .tc__styleguide p {
    padding: 10px 0; }
    .tc__styleguide h1.tc__capsule-headline, .tc__styleguide h2.tc__capsule-headline, .tc__styleguide h3.tc__capsule-headline, .tc__styleguide h4.tc__capsule-headline, .tc__styleguide h5.tc__capsule-headline, .tc__styleguide h6.tc__capsule-headline, .tc__styleguide p.tc__capsule-headline {
      padding: 0 0 20px 0; }
  .tc__styleguide p, .tc__styleguide ul, .tc__styleguide ol {
    font-size: 16px;
    font-weight: 300; }
  .tc__styleguide .highlight-text {
    font-color: #7f9918; }
  .tc__styleguide a {
    font-color: #1b7ee0;
    text-decoration: none; }
  .tc__styleguide .dashboardcapsule {
    cursor: pointer;
    position: relative;
    width: 750px;
    padding: 30px 50px 30px 30px; }
  .tc__styleguide .tc__input.focus {
    color: #1e2326;
    border: 1px solid #1e2326;
    outline: 0; }

/*!
Video.js Default Styles (http://videojs.com)
Version 4.12.14
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("/www/teachcycle/videojs/font/vjs.eot");
  src: url("/www/teachcycle/videojs/font/vjs.eot?#iefix") format("embedded-opentype"), url("/www/teachcycle/videojs/font/vjs.woff") format("woff"), url("/www/teachcycle/videojs/font/vjs.ttf") format("truetype"), url("/www/teachcycle/videojs/font/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9); }

.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff; }

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\E009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7); }

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none; }

/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none; }

/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em; }

/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff; }

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: "\E001"; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\E002"; }

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\E006"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\E003"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\E004"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\E005"; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0; }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em; }

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%; }

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2); }

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block; }

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em; }

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left; }

/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em; }

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\E000"; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\E00B"; }

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em; }

/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none; }

/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none; }

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-default-skin .vjs-big-play-button:before {
  content: "\E001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-big-play-button {
  display: none; }

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5); }

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460; }

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75; }

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\E01E";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block; }

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\E00C"; }

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\E008"; }

/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\E00C"; }

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em; }

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff; }

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertically aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none; }

/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none; }

/* Captions Settings Dialog */
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #FFF;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

/* Hide disabled or unsupported controls */
.vjs-hidden {
  display: none !important; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460; }

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
.tc-header {
  height: 80px; }

.tc-header__wrap {
  width: 100%;
  position: relative;
  background: white;
  z-index: 5; }
  .tc-header__wrap:after {
    content: '';
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    margin-bottom: 0px;
    z-index: 1; }

.tc-header__coach-view {
  margin-top: 6px;
  text-align: center; }

.tc-header__rightside {
  position: relative;
  float: right;
  padding: 0 .65rem;
  margin: 0;
  display: block; }

.tc-header__dropdowns {
  padding-top: 10px;
  padding-right: 30px;
  float: right;
  display: inline-block;
  position: relative; }

/****** TeachCycle logo ******/
.tc-header__logo {
  height: 100%;
  cursor: pointer;
  background: url("/www/teachcycle/images/betterlesson-lab-logo.svg");
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: 0.65rem center; }

.tc-header__logo--bl4 {
  height: 100%;
  cursor: pointer;
  background: url("/www/teachcycle/images/betterlesson-logo.svg");
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: .65rem; }

.tc-header__logo--small {
  background-size: auto 34px; }

.tc-header__logo-caption {
  visibility: hidden; }

/****** sign up / login buttons shown when no user ******/
.tc-header__visitor-button {
  margin: 15px 15px 0 0;
  float: right; }

.bl__btn {
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  color: white;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  letter-spacing: 1px;
  height: 28px;
  padding: 0 15px;
  line-height: 28px;
  cursor: pointer; }

.bl__btn--blue {
  background: #1370cc;
  border: 1px solid #166ac1;
  background-image: -owg-linear-gradient(#1b7ee0, #1560ab);
  background-image: -webkit-linear-gradient(#1b7ee0, #1560ab);
  background-image: -moz-linear-gradient(#1b7ee0, #1560ab);
  background-image: -o-linear-gradient(#1b7ee0, #1560ab);
  background-image: linear-gradient(#1b7ee0, #1560ab); }
  .bl__btn--blue:hover {
    -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 2px 0 0 inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 2px 0 0 inset;
    box-shadow: rgba(255, 255, 255, 0.1) 0 2px 0 0 inset;
    background-image: -owg-linear-gradient(#1560ab, #1b7ee0);
    background-image: -webkit-linear-gradient(#1560ab, #1b7ee0);
    background-image: -moz-linear-gradient(#1560ab, #1b7ee0);
    background-image: -o-linear-gradient(#1560ab, #1b7ee0);
    background-image: linear-gradient(#1560ab, #1b7ee0); }

.bl__btn--orange {
  background: #e88102;
  border: 1px solid #dc7a10;
  -webkit-box-shadow: rgba(157, 150, 150, 0.5) 0 2px 5px 0;
  -moz-box-shadow: rgba(157, 150, 150, 0.5) 0 2px 5px 0;
  box-shadow: rgba(157, 150, 150, 0.5) 0 2px 5px 0;
  background-image: -owg-linear-gradient(#e88102, #d57704);
  background-image: -webkit-linear-gradient(#e88102, #d57704);
  background-image: -moz-linear-gradient(#e88102, #d57704);
  background-image: -o-linear-gradient(#e88102, #d57704);
  background-image: linear-gradient(#e88102, #d57704); }
  .bl__btn--orange:hover {
    background-image: -owg-linear-gradient(#d57704, #e88102);
    background-image: -webkit-linear-gradient(#d57704, #e88102);
    background-image: -moz-linear-gradient(#d57704, #e88102);
    background-image: -o-linear-gradient(#d57704, #e88102);
    background-image: linear-gradient(#d57704, #e88102); }

.tc-header__login-icon {
  margin-right: 5px; }

/****** logged in user ******/
.tc-header__user {
  display: block;
  cursor: pointer;
  font-size: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tc-header__user-overlay {
  position: absolute;
  height: 80px;
  width: 100%;
  margin-top: -10px; }

.tc-header__user-name {
  font-family: "Circular Book", Helvetica, sans-serif;
  float: right;
  padding-left: 14px;
  line-height: 60px; }

.tc-header__user-arrow {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  margin-top: 24px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #124e93; }

.tc-header__user-image {
  width: 36px; }
  .tc-header__user-image.scale-to-width {
    width: 36px; }
  .tc-header__user-image.scale-to-height {
    height: 36px;
    width: auto; }

.tc-header__user-image-mask {
  width: 36px;
  height: 36px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.tc-header__user-image-mask {
  float: right;
  margin-top: 14px; }

/****** logged in user dropdown ******/
.tc-header__user-dropdown,
.tc-header__marketing-dropdown {
  display: none;
  position: absolute;
  border-top: 5px solid #33B55F;
  background: white;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 28px;
  list-style-type: none;
  padding: 10px 0;
  margin: 70px 0 0 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 4px 0;
  z-index: 200;
  width: 200px;
  right: 0; }
  .tc-header__user-dropdown.show,
  .tc-header__marketing-dropdown.show {
    display: block; }

.tc-header__marketing-dropdown {
  top: 0;
  left: 0;
  margin-top: 39px; }

.tc-header__user-dropdown-list {
  list-style-type: none; }

.tc-header__user-dropdown-link {
  display: block;
  width: 100%;
  color: #222222;
  text-decoration: none;
  padding: 6px 12px;
  font-family: "Circular Book", Helvetica, sans-serif; }
  .tc-header__user-dropdown-link:hover {
    color: #1A7CD9;
    text-decoration: none; }
  .tc-header__user-dropdown-link.active {
    color: #1A7CD9; }

/****** start a challenge step indicator ******/
.tc-header__steps-container {
  display: inline-block;
  margin-left: 162px; }
  .tc-header__steps-container:after {
    content: '';
    clear: both; }

.tc-header__step {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 20px 0 0 30px;
  border: 2px solid #dbdad7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .tc-header__step.active {
    width: 25px;
    height: 25px;
    margin-top: 17px;
    background: #aed11f;
    border: 0; }
  .tc-header__step.complete {
    background: #176bbf;
    cursor: pointer; }

/****** tml loop ******/
.tc-header--tml {
  height: 120px; }

.tc-header__tml-steps {
  padding: 0; }

.tc-header__tml-step {
  display: inline-block;
  width: 27px;
  height: 27px;
  float: left;
  margin: 44px 15px 0 0;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .tc-header__tml-step.current {
    margin: 15px 15px 0 0;
    width: 90px;
    height: 90px; }

.tc-header__tml-step--teach {
  color: #cc441b;
  border: 3px solid #cc441b; }
  .tc-header__tml-step--teach.completed {
    background: #cc441b; }

.tc-header__tml-step--measure {
  color: #9fbf1d;
  border: 3px solid #9fbf1d; }
  .tc-header__tml-step--measure.completed {
    background: #9fbf1d; }

.tc-header__tml-step--learn {
  color: #1560ab;
  border: 3px solid #1560ab; }
  .tc-header__tml-step--learn.completed {
    background: #1560ab; }

.tc-header__tml-step-icon {
  font-size: 48px;
  padding-top: 10px; }

.tc-header__tml-step-caption {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: capitalize; }

.tc-header__add-artifact {
  float: right;
  margin-top: 34px; }

/***** Beta Link ******/
.tc-header__beta-entrance {
  background: #d4e3f5;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
  padding: 15px 0 10px;
  display: none;
  margin-bottom: 20px; }
  .tc-header__beta-entrance.visible {
    display: block; }

.tc-header__beta-caption,
.tc-header__beta-dropdown-caption {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  text-align: center; }

.tc-header__beta-dropdown-caption {
  padding-top: 10px; }

.tc-header__beta-btn {
  text-transform: uppercase; }

.tc-header__beta-entrance-close {
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 32px;
  text-align: right;
  color: #c2c0ba;
  cursor: pointer; }
  .tc-header__beta-entrance-close:hover {
    color: #a8a6a0; }

.tc-header__beta-exit {
  float: right;
  width: 160px;
  position: relative;
  margin-top: 32px;
  cursor: pointer; }

.tc-header__beta-dropdown {
  position: absolute;
  bottom: -170px;
  left: -178px;
  width: 400px;
  padding: 15px 0 10px;
  display: none;
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(121, 124, 128, 0.2) 0 0 8px 8px;
  -moz-box-shadow: rgba(121, 124, 128, 0.2) 0 0 8px 8px;
  box-shadow: rgba(121, 124, 128, 0.2) 0 0 8px 8px;
  text-align: center;
  border: 1px solid #dbdad7;
  z-index: 3; }
  .tc-header__beta-dropdown.visible {
    display: block; }
  .tc-header__beta-dropdown:before {
    content: '';
    position: absolute;
    top: -20px;
    border-bottom: 10px solid #dbdad7;
    border-right: 10px solid  transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-right: 10px; }
  .tc-header__beta-dropdown:after {
    content: '';
    position: absolute;
    top: -17px;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-right: 12px; }

.tc-header__beta-flag {
  font-size: 24px;
  color: #1976d2;
  position: absolute;
  z-index: 1; }

.tc-header__beta-flag-caption {
  color: white;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 23px;
  position: absolute;
  z-index: 2;
  text-transform: uppercase;
  text-align: center;
  width: 64px; }

.tc-header__beta-dropdown-close {
  display: block;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 5px 0; }

.ppd-v3-curation__switch.ppd-v3-curation__switch--header {
  margin: 0 0 6px;
  text-align: left; }

.ppd-v3-curation__switch-caption {
  text-transform: uppercase;
  font-size: 13px; }

.header__view-widget {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 25px;
  margin-left: -40px;
  height: 75px;
  width: 39px;
  font-size: 10px;
  background: #F9F9F9;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px; }
  .header__view-widget .tc__link:hover {
    text-decoration: none; }
  .header__view-widget .tc-bold-arrow {
    left: 0; }
  .header__view-widget .tc-bold-arrow:before {
    padding: 10px;
    color: #1A7CD9; }
  .header__view-widget .tc-bold-arrow--left {
    position: absolute;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }

.header__admin-icons {
  margin-top: 9px;
  padding-right: 10px; }
  .header__admin-icons .ppd-3-coach__icon {
    margin-right: 10px; }

.tc-header__coach-view {
  margin-top: 0; }

.tc-header__coach-view--switch {
  padding: 0.95rem 0.975rem;
  height: 75px; }
  .tc-header__coach-view--switch.tc-header__coach-view--switch--visible {
    background: #F9F9F9;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0; }
    .tc-header__coach-view--switch.tc-header__coach-view--switch--visible .header__view-widget {
      -webkit-border-radius: 0 0 0 7px;
      -moz-border-radius: 0 0 0 7px;
      -ms-border-radius: 0 0 0 7px;
      -o-border-radius: 0 0 0 7px;
      border-radius: 0 0 0 7px; }

.tc-header__coach-view--actions {
  height: 75px;
  background: #F9F9F9;
  -webkit-border-radius: 0 0 7px 0;
  -moz-border-radius: 0 0 7px 0;
  -ms-border-radius: 0 0 7px 0;
  -o-border-radius: 0 0 7px 0;
  border-radius: 0 0 7px 0; }

.tc-header__coach-view--actions {
  padding-top: 0;
  padding-bottom: 0; }
  .tc-header__coach-view--actions .ppd-v3-curation__inline-label {
    font-size: 13px;
    font-family: "Circular Medium", Helvetica, sans-serif; }

.header__admin-outcome {
  float: left;
  width: 340px;
  padding: 0.975rem;
  text-align: center;
  height: 75px;
  border-left: 1px solid #E0E0E0;
  font-size: 13px;
  line-height: 20px; }

.header__admin-participant-name {
  padding-top: 0.95rem;
  margin-right: 0.65rem;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  position: relative; }
  .header__admin-participant-name:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #f9f9f9);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #f9f9f9);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f9f9f9);
    height: 13px;
    width: 20px;
    margin-top: 0.95rem; }

.header__admin-outcome.ppd-v3-curation__inline-label {
  cursor: default; }

.mtp-head__container {
  height: 45px;
  display: block; }

.mtp-head {
  position: fixed;
  top: 0;
  left: 0;
  height: 45px;
  z-index: 2;
  width: 100%;
  background: #204e80; }

.mtp-head__row {
  width: 1200px; }

/****** Main Navigation ******/
.mtp-head__navigation {
  padding-top: 0;
  padding-bottom: 0; }

a.mtp-head__navigation-link {
  display: inline-block;
  float: left;
  height: 45px;
  color: #ffe383;
  font-size: 13px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  text-align: center;
  letter-spacing: 1px;
  line-height: 16px;
  padding-bottom: 0;
  padding-top: 0.38rem;
  white-space: nowrap;
  text-decoration: none; }
  a.mtp-head__navigation-link:first-of-type {
    line-height: 28px; }
  a.mtp-head__navigation-link.active {
    color: white;
    background: #215fa6; }
  a.mtp-head__navigation-link:hover {
    color: white;
    background: #215fa6;
    text-decoration: none; }

/****** Logo ******/
.mtp-head__logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 128px;
  background: url("/www/teachcycle/images/betterlesson-logo-white.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 center; }

.mtp-head__logo-caption {
  visibility: hidden; }

/****** user status dropdown btn ******/
.mtp-head__user {
  height: 45px;
  border-left: 1px solid #143251;
  border-right: 1px solid #143251;
  text-align: center;
  font-size: 13px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  letter-spacing: 1px;
  line-height: 45px;
  padding: 0;
  color: white; }

.mtp-head__user-link {
  color: #ffe383;
  text-decoration: none; }

.mtp-head__user-link--logged-out {
  text-transform: uppercase;
  padding: 0 4px 0 4px; }

.mtp-head__user-link--logged-in {
  text-align: left;
  color: #ffe383;
  position: relative;
  font-size: 12px;
  height: 45px;
  line-height: 45px;
  display: block; }
  .mtp-head__user-link--logged-in:before {
    content: '';
    width: 0;
    height: 0;
    float: right;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ffe383;
    margin: 18px 10px 0 0; }
  .mtp-head__user-link--logged-in:hover {
    color: white;
    background: #215fa6; }
    .mtp-head__user-link--logged-in:hover:before {
      border-top: 7px solid white; }
  .mtp-head__user-link--logged-in.active {
    color: white;
    background: #215fa6; }
    .mtp-head__user-link--logged-in.active:before {
      border-top: 0;
      border-bottom: 7px solid white; }
  .mtp-head__user-link--logged-in:after {
    clear: both; }

.mtp-head__user-name {
  display: inline-block;
  float: left;
  max-width: 84%;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px; }

/****** NProgress overrides ******/
.mtp-page #nprogress .spinner {
  top: 65px; }

.mtp-page #nprogress .spinner-icon {
  border-top-color: #aed11f;
  border-left-color: #aed11f; }

.mtp-page #nprogress .bar {
  top: 46px;
  background: #aed11f; }

.mtp-page #nprogress .peg {
  display: none; }

/****** Mobile Header ******/
@media only screen and (max-width: 48em) {
  .responsive-layout .mtp-head__container {
    height: 45px;
    display: block;
    z-index: 1;
    position: fixed; }
  .responsive-layout .mtp-head {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    height: 50px;
    color: white;
    border-bottom: 1px solid white;
    background: #204e80;
    margin-left: 0;
    transition: margin-left .35s ease-in-out;
    -moz-transition: margin-left .35s ease-in-out;
    -webkit-transition: margin-left .35s ease-in-out; }
    .responsive-layout .mtp-head.mtp-head--sidebar-visible {
      margin-left: 84%; }
  .responsive-layout .mtp-head__logo {
    position: relative;
    display: block;
    background-position: 0 center;
    width: 128px;
    background-size: 100%;
    margin: -0.65rem auto;
    height: 50px; }
  .responsive-layout .mtp-head__navigation-btn {
    padding: 0.85rem 0.65rem 0.65rem;
    height: 50px;
    display: block;
    cursor: pointer;
    font-size: 20px; }
  .responsive-layout .mtp-head__search-btn {
    height: 50px;
    display: block;
    cursor: pointer;
    font-size: 20px;
    padding: 0.9rem 0.95rem 0 0; }
    .responsive-layout .mtp-head__search-btn.active {
      background: #99ccff; }
  .responsive-layout .mtp-head__search-icon {
    width: auto;
    float: right; }
  .responsive-layout .mtp-head__underlay {
    position: fixed;
    z-index: 9;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none; }
    .responsive-layout .mtp-head__underlay.active {
      display: block; } }

/****** header dropdown ******/
.mtp-dropdown {
  display: none;
  background: #204e80;
  width: 100%;
  list-style: none;
  position: absolute;
  margin: 45px 0;
  top: 0;
  left: 0;
  text-transform: uppercase; }
  .mtp-dropdown.active {
    display: block; }

.mtp-dropdown__item {
  line-height: 18px; }

.mtp-dropdown__link {
  display: inline-block;
  box-sizing: content-box;
  height: 18px;
  width: 173px;
  padding: 5px 10px 4px 10px;
  font-size: 11px;
  line-height: 18px;
  color: #ffe383;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase; }
  .mtp-dropdown__link:hover {
    color: white;
    text-decoration: none;
    background: #215fa6; }
  .mtp-dropdown__link.active {
    color: white;
    background: #215fa6; }

/****** Mobile dropdown ******/
@media only screen and (max-width: 48em) {
  .responsive-layout .mtp-sidebar {
    background: #143251;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin-left: -84%;
    width: 83.333333333333%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 0;
    transition: margin-left .35s ease-in-out;
    -moz-transition: margin-left .35s ease-in-out;
    -webkit-transition: margin-left .35s ease-in-out; }
    .responsive-layout .mtp-sidebar.active {
      margin-left: 0; }
  .responsive-layout .mtp-sidebar__logo {
    width: 100%;
    background: url("/www/teachcycle/images/betterlesson-logo-white.svg");
    background-size: 128px;
    background-repeat: no-repeat;
    height: 50px;
    border-bottom: 1px solid #5b7086;
    position: relative;
    display: block;
    background-position: 1.3rem center; }
  .responsive-layout .mtp-sidebar__dropdown {
    background: #143251;
    font-family: MuseoSans-500, Helvetica, sans-serif;
    padding: 0 0 0.65rem 0;
    font-size: 14px; }
  .responsive-layout .mtp-sidebar__list {
    list-style: none;
    padding-bottom: 0.65rem; }
  .responsive-layout .mtp-sidebar__list--user {
    border-bottom: 1px solid #5b7086; }
  .responsive-layout .mtp-sidebar__item {
    margin-right: 0;
    height: 40px;
    line-height: 40px;
    display: block; }
  .responsive-layout .mtp-sidebar__link {
    padding: 0;
    height: 40px;
    line-height: 40px;
    color: #ffe383;
    text-decoration: none; }
    .responsive-layout .mtp-sidebar__link:hover {
      text-decoration: none;
      color: white;
      background: #2975cc; }
    .responsive-layout .mtp-sidebar__link:active {
      color: white;
      background: #2975cc; }
  .responsive-layout .mtp-sidebar__user {
    margin-left: 0 !important;
    color: white;
    margin-left: 0; }
  .responsive-layout .mtp-sidebar__user-icon {
    display: block;
    float: left;
    font-size: 18px;
    margin: 0.65rem 0.65rem 0 0; }
  .responsive-layout .mtp-sidebar__link--l1 {
    padding: 0 0 0 1.3rem;
    text-transform: uppercase;
    border-bottom: 1px solid #5b7086; }
  .responsive-layout .mtp-sidebar__link--l2 {
    padding: 0 0 0 2.45rem; } }

/****** mtp header search ******/
.mtp-search__input {
  width: 86%;
  font-size: 12px;
  line-height: 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 26px 2px 10px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  height: 18px;
  box-sizing: content-box;
  border: 1px solid #ccc; }
  .mtp-search__input::-webkit-input-placeholder {
    font-style: italic;
    font-size: 13px; }
  .mtp-search__input:-moz-placeholder {
    font-style: italic;
    font-size: 13px; }
  .mtp-search__input:-ms-input-placeholder {
    font-style: italic;
    font-size: 13px; }
  .mtp-search__input:focus {
    color: #333333;
    background: white;
    border: 1px solid #7fbcff; }

.mtp-search__eyeglass {
  width: 22px;
  height: 22px;
  font-size: 16px;
  color: #204e80; }

.mtp-search__submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: 15px 12px 0 0;
  cursor: pointer;
  background: none;
  border: none; }

/****** Mobile ******/
@media only screen and (max-width: 48em) {
  .responsive-layout .mtp-search__dropdown {
    position: fixed;
    margin-top: 49px;
    background: #99ccff;
    height: 50px;
    z-index: 501;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 5px 2px 2px;
    display: none !important; }
    .responsive-layout .mtp-search__dropdown.active {
      display: block !important; }
  .responsive-layout .mtp-search__dropdown-form {
    padding: 0 0.65rem; }
  .responsive-layout .mtp-search__dropdown-input {
    width: 96%;
    padding: 0.3rem 0.65rem; }
  .responsive-layout .mtp-search__dropdown-btn {
    width: 100%;
    padding: 0.3rem 0;
    margin: 0;
    line-height: 18px;
    font-size: 13px;
    text-transform: uppercase; } }

/****** 100% Section wrappers ******/
.teacher__wrap--growth-areas,
.teacher__wrap--team,
.teacher__wrap--current,
.teacher__wrap--challenges {
  text-align: center;
  min-height: 180px; }

.teacher__wrap--challenges, .teacher__wrap--team {
  width: 100%;
  background: #f7f7f5; }

.teacher__wrap--current {
  padding: 50px 0 40px; }

.teacher__wrap--challenges {
  padding: 30px 0 30px;
  position: relative; }
  .teacher__wrap--challenges::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -50px;
    margin-left: -60px;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 50px solid #f7f7f5; }
  .teacher__wrap--challenges.no-challenges {
    min-height: 0px;
    padding: 20px 0 20px; }

.teacher__wrap--growth-areas {
  padding: 80px 0 20px;
  position: relative; }
  .teacher__wrap--growth-areas::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -50px;
    margin-left: -60px;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 50px solid white; }

.teacher__wrap--team {
  padding: 80px 0; }

/****** Current Section ******/
.teacher__current-challenge {
  padding: 20px 0 0; }

.current__challenge-title {
  margin-top: 6px; }

.current__progress-title {
  margin-bottom: 10px; }

.current__progress-title--teach {
  color: #cc441b; }

.current__progress-title--measure {
  color: #9fbf1d; }

.current__progress-title--learn {
  color: #1560ab; }

.tml-step--teacher {
  margin: 20px 0; }

/****** Challenges Section ******/
.teacher__no-challenges-message {
  padding: 20px 0; }

.challenge__metadata {
  padding-top: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }
  .challenge__metadata div {
    float: left;
    padding-right: 20px; }

.challenge__metadata-value {
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.tc__capsule--teacher-dashboard {
  padding: 30px 50px 30px 30px;
  width: 66.666666666667%; }

/****** Growth Area Section ******/
.teacher__growth-areas {
  display: inline-block;
  padding: 30px 10px; }

.teacher__growth-area {
  position: relative;
  height: 230px; }

/****** Team Member Section ******/
.team__grid-item {
  height: 213px; }

.team-member__image {
  width: 90px; }
  .team-member__image.scale-to-width {
    width: 90px; }
  .team-member__image.scale-to-height {
    height: 90px;
    width: auto; }

.team-member__image-mask {
  width: 90px;
  height: 90px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.team-member__image-mask {
  margin: 0 auto 10px; }

.team-member {
  display: block;
  color: #1e2326;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  margin: 30px 0; }
  .team-member:hover {
    text-decoration: underline; }

/* COACH DASHBOARD */
.coach__header {
  border-bottom: 1px solid #c2c0ba;
  padding-bottom: 20px; }

.coach__header-firstrow {
  margin-top: 30px;
  float: left; }

.coach__arrow_up {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute; }

.coach__arrow_down {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute; }

.coach__headline {
  font-size: 36px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 30px; }

.coach__header-toggleTeamsSwitch {
  margin-left: 30px;
  width: 256px;
  height: 30px;
  background: #F5F5F5;
  box-shadow: 1px 1px 1px 1px #A8A6A0;
  border-radius: 5px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 11px; }
  .coach__header-toggleTeamsSwitch.selected {
    background-color: #176BBF;
    color: #ffffff;
    box-shadow: 2px 2px 2px 2px #979797;
    border-radius: 5px;
    margin-left: 0px; }
  .coach__header-toggleTeamsSwitch.unselected {
    background-color: #f5f5f5;
    color: #176BBF;
    box-shadow: 1px 1px 1px 1px #A8A6A0;
    border-radius: 5px;
    margin-left: 0px; }

.coach__header-toggleTeamsSwitch {
  text-decoration: none; }

.coach__add-team-container {
  cursor: pointer;
  float: right;
  height: 30px;
  width: 60px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center; }

a.coach__add-team-button {
  text-decoration: none;
  color: #176bbf; }
  a.coach__add-team-button:hover {
    color: #1560ab; }

.coach__team {
  margin: 20px 0 0;
  position: relative;
  border-bottom: 1px solid #dbdad7;
  padding-bottom: 30px; }

.coach__team-headline {
  font-size: MuseoSans-300, Helvetica, sans-serif;
  color: #176bbf;
  cursor: pointer;
  font-size: 28px;
  line-height: 34px;
  margin-top: 4px; }
  .coach__team-headline.error {
    border-color: #C9302C; }

input.coach__team-headline {
  cursor: auto; }

.coach__team-name-error {
  margin-top: 5px;
  margin-left: 62px;
  color: #C9302C; }

.coach__team-collapse {
  float: left;
  height: 38px;
  width: 38px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 30px;
  color: #dbdad7;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #dbdad7;
  margin-right: 24px;
  margin-bottom: 15px; }

/****** Team Actions ******/
.coach__team-actions-options {
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 5px;
  font-size: 42px;
  color: #176bbf;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #176bbf;
  border-radius: 5px; }
  .coach__team-actions-options:hover {
    color: #1560ab; }

.coach__team-actions-dropdown {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  width: 140px;
  height: 160px;
  position: absolute;
  top: 46px;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  background: white;
  color: #1e2326;
  display: none;
  padding: 1px 0;
  border: 1px solid #DBDAD7;
  z-index: 1; }
  .coach__team-actions-dropdown.active {
    display: block; }
  .coach__team-actions-dropdown hr {
    border-top: solid 1px #DBDAD7; }

.coach__team-actions-dropdown-link {
  display: block;
  text-decoration: none;
  color: #1e2326; }
  .coach__team-actions-dropdown-link:hover {
    background-color: #EEEEEE; }

/****** Team Table ******/
.team-table {
  float: left;
  clear: left;
  width: 100%;
  border: 1px solid #dbdad7; }
  .team-table.collapsed {
    display: none; }

.team-table__header {
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding: 12px 0;
  background: #d2effb;
  border-right: 1px solid #dbdad7;
  border-bottom: 1px solid #dbdad7; }
  .team-table__header:last-of-type {
    border-right: 0; }

.team-table__header--name {
  width: 152px; }

.team-table__header--strategy-counts {
  width: 150px; }

.team-table__header--strategy {
  width: 280px; }

.team-table__header--strategy-v2 {
  width: 150px; }

.team-table__header--artifact-counts {
  width: 87px; }

.team-table__header--last-active {
  width: 140px; }

.team-table__header--actions {
  width: 112px; }

.team-table__header--actions-v2 {
  width: 260px; }

.team-table__header--strategy-status {
  width: 70px; }

.team-table__row {
  border-bottom: 1px solid #dbdad7; }
  .team-table__row:last-of-type {
    border-bottom: none; }
  .team-table__row:nth-child(odd) {
    background: #f1f1ef; }
  .team-table__row:nth-child(even) {
    background: white; }

.team-table__col {
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 12px 15px;
  border-right: 1px solid #dbdad7; }

.team-table__col--icons {
  text-align: center; }

.team-table__member.editing {
  float: left;
  width: 80%; }

.team-table__coach {
  color: #9fbf1d;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase; }

.team-table__remove {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #cc441b;
  color: white;
  width: 16px;
  height: 16px;
  line-height: 15px;
  font-size: 16px;
  text-align: center;
  margin: 8px auto 0;
  display: inline;
  text-decoration: none;
  float: right;
  margin-left: 0px; }

.team-table__strategy-counts {
  text-align: center; }

.team-table__artifact-counts {
  text-align: center; }

.team-table__strategy-status {
  text-align: center; }

.team-table__member-icons {
  display: inline-block;
  margin: 0 auto; }
  .team-table__member-icons:after {
    content: '';
    clear: both; }

.team-table__metric-keyterm {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #9fbf1d;
  cursor: pointer;
  position: relative;
  display: inline-block; }

.team-table__metric-definition {
  position: absolute;
  text-align: left;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 13px;
  width: 220px;
  display: none;
  color: #1e2326;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background: white;
  -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  z-index: 1; }
  .team-table__metric-definition.visible {
    display: block; }

.team-table__metric-definition-keyterm {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #9fbf1d; }

/****** tml icons ******/
.team-table__tml {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-left: 2px;
  cursor: pointer; }

.team-table__tml--teach {
  color: #cc441b;
  border: 2px solid #cc441b; }
  .team-table__tml--teach.completed {
    background: #cc441b; }

.team-table__tml--measure {
  color: #9fbf1d;
  border: 2px solid #9fbf1d; }
  .team-table__tml--measure.completed {
    background: #9fbf1d; }

.team-table__tml--learn {
  color: #1560ab;
  border: 2px solid #1560ab; }
  .team-table__tml--learn.completed {
    background: #1560ab; }

.team-table__tml-icon {
  font-size: 18px;
  padding-top: 4px; }

/****** Icons ******/
.team-table__icon {
  color: #176bbf;
  font-size: 28px;
  float: left;
  text-decoration: none;
  margin-right: 10px; }
  .team-table__icon:hover {
    color: #104b82;
    text-decoration: none; }
  .team-table__icon:last-of-type {
    margin-right: 0; }

.team-table__icon--playlist {
  font-size: 24px;
  margin-top: 5px; }

.team-table__icon--map {
  font-size: 24px;
  margin-top: 5px; }

.team-table__icon--pin {
  font-size: 24px;
  margin-top: 5px; }

.team-table__icon--masquerade {
  width: 42px;
  height: 30px;
  font-size: 20px;
  margin-top: 5px; }
  .team-table__icon--masquerade:hover .path1:before,
  .team-table__icon--masquerade:hover .path2:before,
  .team-table__icon--masquerade:hover .path3:before,
  .team-table__icon--masquerade:hover .path4:before {
    color: #104b82; }

.team-table__icon--remove {
  color: #a8a6a0;
  text-decoration: none;
  font-size: 24px;
  margin-left: 40px; }
  .team-table__icon--remove:hover {
    color: #cc441b;
    text-decoration: none; }

.team-table__icon--remove--container {
  margin-left: 40px;
  height: 24px;
  float: left;
  border-left: 1px solid #a8a6a0;
  height: 30px;
  opacity: 0.9; }

/****** coach modal actions ******/
.coach__action-headline {
  padding: 56px 0 26px; }

.coach__action-headline--remove-member {
  padding: 56px 40px 26px;
  font-size: 22px; }

.coach__action-copy {
  text-align: center;
  margin: 30px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }
  .coach__action-copylabel {
    float: left;
    margin-left: 70px; }

.coach__action-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px; }

input.coach__action-input {
  width: 400px;
  margin-bottom: 30px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  padding: 0 10px;
  margin-top: 10px; }

.coach__action-team-name-error {
  margin-top: -16px;
  color: #C9302C; }

.coach__action-account-error {
  margin-top: -15px;
  color: #cc441b;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 15px; }

select.coach__action-add-sga-input {
  margin-bottom: 30px;
  padding: 10px; }

.coach__action-submit {
  display: inline-block;
  margin-right: 10px; }

.coach__action-cancel {
  display: inline-block;
  margin-left: 10px; }

.coach__action-member-confirm {
  text-align: left;
  margin: 0 auto 30px; }
  .coach__action-member-confirm td {
    padding-right: 20px; }

.coach__action-team-delete-buttons {
  margin-bottom: 30px; }
  .coach__action-team-delete-buttons .tc__btn {
    margin: 0 10px; }

.coach__action-add-sga-input {
  width: 500px;
  height: 240px; }

.coach__action-sga-count {
  font-size: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin-bottom: 20px;
  margin-top: -25px; }

.coach__action-sga-explanation {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  padding: 0 30px;
  margin-bottom: 20px; }

.coach__team-version {
  width: 120px; }

/****** 100% Section wrappers ******/
.challenge__wrap--growth-area {
  min-height: 180px;
  padding: 60px 0 40px;
  position: relative; }
  .challenge__wrap--growth-area::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -50px;
    margin-left: -60px;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 50px solid white; }

.challenge__wrap--challenges {
  min-height: 180px;
  padding-bottom: 40px;
  background: #f7f7f5;
  padding-top: 80px; }

.challenge__wrap--metrics, .challenge__wrap--personalize, .challenge__wrap--summary {
  min-height: 180px;
  padding: 60px 0 20px; }

/****** challenge page ******/
.challenges__copy {
  padding: 30px 0 10px; }

.challenges__seperator {
  margin-top: 10px; }

.challenge__nextlink, .challenge__backlink {
  padding-top: 20px;
  text-align: center; }

.challenge__backlink {
  margin-bottom: 30px; }

/****** challenge capsule ******/
.challenge__capsule {
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  margin-top: 0;
  padding: 30px 50px 30px 30px; }
  .challenge__capsule:hover {
    -webkit-box-shadow: #176bbf 0 0 4px 1px;
    -moz-box-shadow: #176bbf 0 0 4px 1px;
    box-shadow: #176bbf 0 0 4px 1px; }
    .challenge__capsule:hover .challenge__headline {
      color: #176bbf; }

.challenge__copy {
  padding-top: 10px; }

.challenge__growth-area {
  height: 230px; }

/****** select metric page ******/
.challenge__description {
  margin-top: 5px;
  margin-bottom: 30px; }

.challenge__metric-type-toggle {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.challenge__metric-type-toggle-link {
  margin: 0 20px; }

/****** challenge metric row ******/
.challenge__metrics-capsule {
  overflow: hidden;
  width: 83.33%;
  display: block;
  margin: 25px auto 30px; }

.challenge__metric {
  display: inline-block;
  position: relative;
  margin-bottom: -3px;
  width: 100%;
  padding: 20px 30px 18px;
  cursor: pointer;
  border-top: 1px solid #c2c0ba; }
  .challenge__metric:hover {
    background-color: #f7f7f5; }
  .challenge__metric.selected {
    background: #d2effb; }
  .challenge__metric:first-of-type {
    border-top: 0; }

.challenge__metric-radio {
  float: left;
  margin-right: 20px; }

.challenge__metric-copy {
  float: left;
  width: 77%; }

.challenge__metric-btn {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -21px; }

/****** define metric ******/
.challenge__metric-number {
  width: 38px;
  margin: 0 5px;
  text-align: center; }

.challenge__define-n {
  position: relative; }

.challenge__define-term {
  padding: 55px 0 0 0;
  position: relative; }

.challenge__metric-term {
  padding: 0 0 30px 0; }

.challenge__metric-term-definition {
  height: 130px;
  width: 100%; }

/****** summary page ******/
.challenge__summary-sga {
  padding: 20px 0 10px; }

.challenge__summary-challenge-headline {
  padding-bottom: 8px; }

.challenge__summary-metric {
  padding: 20px 0 40px; }

.challenge__summary-metric-title {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.challenge__summary-terms {
  padding: 20px 0; }

.challenge__summary-terms-headline {
  text-align: center;
  padding: 40px 0 0; }

.challenge__summary-term {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #125496;
  text-transform: capitalize; }

/***** challenge back to top ******/
.select-metric {
  position: relative; }

.challenge__back-to-top {
  position: absolute;
  bottom: 0;
  right: 100px;
  height: 40px;
  width: 40px;
  z-index: 200;
  background-image: -owg-linear-gradient(#f1f1ef, white);
  background-image: -webkit-linear-gradient(#f1f1ef, white);
  background-image: -moz-linear-gradient(#f1f1ef, white);
  background-image: -o-linear-gradient(#f1f1ef, white);
  background-image: linear-gradient(#f1f1ef, white);
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  border-right: solid 2px #1560ab;
  border-left: solid 2px #1560ab;
  border-top: solid 2px #1560ab;
  color: #176bbf;
  cursor: pointer; }

/****** challenge 100% wrappers ******/
.challenge__wrap--challenge,
.challenge__wrap--data,
.challenge__wrap--loops {
  text-align: center; }

.challenge__wrap--challenge {
  padding: 50px 0 20px; }

.challenge__wrap--data {
  border-top: 1px solid #c2c0ba;
  padding: 20px 0;
  font-size: 24px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.challenge__wrap--loops {
  padding: 50px 0 40px;
  background: #f7f7f5; }

/****** challenge summary header ******/
.current__challenge-image {
  width: 100px; }
  .current__challenge-image.scale-to-width {
    width: 100px; }
  .current__challenge-image.scale-to-height {
    height: 100px;
    width: auto; }

.current__challenge-image-mask {
  width: 100px;
  height: 100px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.current__challenge-image-mask {
  border: 4px solid #1976d2;
  margin: 0 auto; }

.challenge__loop-steps {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 24px;
  padding: 20px 10px 10px; }

.challenge__headline--select-metric {
  padding: 5px 30px 0; }

.challenge__icon {
  padding-bottom: 0; }

.challenge__finished {
  padding-top: 30px;
  text-align: center; }

.finished__block {
  position: relative;
  width: 260px;
  height: 50px;
  line-height: 46px;
  margin: 0 auto;
  color: #9fbf1d;
  border: 3px solid #9fbf1d;
  font-size: 18px;
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.finished__check-block {
  height: 25px;
  width: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 16px;
  background: #9fbf1d;
  color: white;
  font-size: 22px; }

.finished__date {
  padding: 10px 0 40px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #a8a6a0; }

/****** challenge graphs ******/
.challenge__graph {
  padding-bottom: 0; }

.challenge__graph-headline {
  margin-bottom: 40px; }

.measurement__summary {
  margin-top: 36px; }

.measurement__goal-met {
  margin-bottom: 40px; }

/****** challenge metadata row ******/
.challenge__data {
  position: relative; }

.challenge__data-border {
  position: absolute;
  height: 50px;
  width: 1px;
  margin-top: -4px;
  border-left: 1px solid #c2c0ba; }

.challenge__data-border--left {
  top: 0;
  left: 0; }

.challenge__data-border--right {
  top: 0;
  right: 0; }

.challenge__students-impacted {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #cc441b; }

/****** Loops ******/
.challenge__loops {
  padding-top: 40px; }

.challenge__loop-headline {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 24px;
  padding: 30px 0; }

/***** Loop capsules ******/
.tc__capsule.tc__capsule--loop {
  padding-bottom: 10px;
  cursor: pointer; }

.loop__headline {
  float: left;
  padding-bottom: 14px; }

.loop__growth,
.loop__artifacts,
.loop__results,
.loop__completed-date {
  display: inline-block;
  float: left;
  clear: both;
  padding-bottom: 14px; }

.loop__measurement {
  padding-right: 20px; }

.loop__measurement-value {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.loop__results {
  display: inline-block; }
  .loop__results.not-set .tc-smiles-2 {
    color: #a8a6a0; }

.loop__result {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  float: left; }
  .loop__result .tc-smiles-1, .loop__result .tc-smiles-2, .loop__result .tc-smiles-3 {
    padding: 0 10px;
    font-size: 24px;
    color: #a8a6a0;
    vertical-align: sub; }
  .loop__result .tc-smiles-1.completed, .loop__result .tc-smiles-2.completed, .loop__result .tc-smiles-3.completed {
    color: #9fbf1d; }

.loop__completed {
  display: inline-block;
  color: #9fbf1d;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 14px;
  padding-left: 12px;
  text-transform: none; }

.loop__result.not-set .tc-smiles-2 {
  color: #a8a6a0 !important; }

.finished__check-block--loop {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  float: left;
  height: 20px;
  width: 20px;
  font-size: 18px;
  margin-top: 2px; }
  .finished__check-block--loop .tc-check {
    padding: 0 0 0 1px;
    line-height: 20px; }

.finished__loop-caption {
  display: inline-block;
  float: left;
  margin-left: 10px;
  margin-top: 6px; }

.loop__completed-date {
  clear: both;
  color: #a8a6a0;
  text-transform: none; }

.tml__wrap--mesurement-graphs {
  min-height: 180px;
  padding: 40px 0 40px;
  background: #f7f7f5;
  text-align: center; }

.tml__data {
  padding: 60px 0 40px;
  border-bottom: 2px solid #c2c0ba; }

.tml__caption {
  padding: 30px 0 30px;
  text-align: left; }

.tml__caption--measurement {
  padding-bottom: 50px; }

.tml__substep {
  padding: 40px 0;
  text-align: center; }

/****** Feedback pages ******/
.tml-feedback__smiles {
  position: relative;
  margin-bottom: 40px; }
  .tml-feedback__smiles .tc__error {
    margin-left: 10px; }

.tml-feedback__smile {
  color: #a8a6a0;
  padding-bottom: 0; }
  .tml-feedback__smile:hover {
    color: #aed11f; }
  .tml-feedback__smile.selected {
    color: #9fbf1d; }

.tml-feedback__smile-icon {
  font-size: 50px; }

.tml-feedback__smile-caption {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 20px;
  padding-top: 6px; }

.tml-feedback__smile-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  cursor: pointer;
  background: url(#); }

.tml-feedback__field {
  position: relative;
  margin: 0 0 30px; }

.tml-feedback__input {
  width: 100%;
  height: 154px; }

.tml-feedback__share {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  margin-bottom: 30px; }
  .tml-feedback__share label {
    margin-left: 10px;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    font-size: 14px;
    display: inline-block;
    margin-top: 3px;
    cursor: pointer; }

.tml-feedback-skip-link {
  display: block;
  margin-top: 30px; }

/****** measure ******/
.tml__measurement-container {
  position: relative;
  margin-bottom: 20px; }

.tml__measurement-caption {
  position: absolute;
  width: 94px;
  bottom: 40px;
  left: 50%;
  margin-left: -47px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center; }

.tml__measurement-total-prompt {
  margin-bottom: 20px; }

.tml__measurement-qualitative-percent-prompt {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin-bottom: 50px;
  text-align: left; }

.tml__measurement-goal-suggestion {
  height: 56px;
  margin: 10px 0 30px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #9fbf1d;
  font-size: 18px;
  line-height: 50px;
  border: 3px solid #9fbf1d; }

.tml__measurement-explanation {
  height: 120px;
  width: 100%;
  margin-top: 50px; }

.tml__measurement-skip-link {
  display: block;
  margin-top: 30px; }

.tml__measurement-switch-metric-type {
  margin-top: 30px; }

/****** measure graph ******/
.tml__loop-measurement-headline {
  text-transform: capitalize;
  padding-bottom: 30px; }

.tml__measurement-graph-measurment {
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 20px; }

.tml__loop-measurement-value {
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.tml__loop--edit {
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #dbdad7;
  text-align: center; }

.tml__loop-caption {
  width: 95px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #a8a6a0;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 20px 0; }

.tml__loop-edit-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 24px;
  color: #a8a6a0;
  cursor: pointer; }
  .tml__loop-edit-icon:hover {
    color: #1560ab; }

.tml__loop-edit-cancel, .tml__loop-edit-done {
  position: absolute;
  top: 20px;
  text-transform: uppercase;
  width: 60px;
  font-size: 13px;
  cursor: pointer; }

.tml__loop-edit-cancel {
  left: 20px; }

.tml__loop-edit-done {
  right: 20px; }

/****** next steps ******/
.tml__next-captions {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 18px;
  margin: 30px 0 20px; }

.tml__next-caption--bottom {
  margin-top: 20px; }

/****** qualititative metrics ******/
.tml__measurement-explanation-container {
  display: block;
  width: 96%; }

.tml__measurement-slider-segment {
  text-align: center;
  position: relative;
  height: 50px; }
  .tml__measurement-slider-segment:after {
    content: ' ';
    clear: both; }

.tc__error--scroll-bar {
  margin-left: 12px; }

.tml__measurement-explanation-text {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 16px;
  text-align: left;
  clear: both;
  padding: 9px; }

.tml__measurement-qualitative-adjustment {
  padding: 50px 10px; }
  .tml__measurement-qualitative-adjustment .tml__measurement-explanation,
  .tml__measurement-qualitative-adjustment .tml__measurement-explanation-text {
    width: 78%;
    margin-left: 11%;
    margin-top: 50px; }
  .tml__measurement-qualitative-adjustment .tml__measurement-slider-segment {
    display: block; }
    .tml__measurement-qualitative-adjustment .tml__measurement-slider-segment:after {
      content: '';
      clear: both; }
  .tml__measurement-qualitative-adjustment .qualitative-slider {
    display: inline-block; }
  .tml__measurement-qualitative-adjustment .tc__error--scroll-bar {
    margin-left: 77px; }

.qualitative-slider-container {
  display: block; }
  .qualitative-slider-container:after {
    clear: both; }

.qualitative-slider {
  float: left;
  display: block;
  width: 425px;
  margin: 0 auto; }

.tml-v2__measurement .qualitative-slider {
  width: 580px; }

.tml-v2__measurement .qualitative-slider-instructional-design {
  width: 678px; }

.tml-v2__measurement .qualitative-slider:before {
  content: '0%';
  float: left;
  padding: 17px 10px 20px 0;
  font-size: 14px;
  font-family: MuseoSans-700,Helvetica,sans-serif; }

.tml-v2__measurement .qualitative-slider-instructional-design:before {
  content: '0';
  float: left;
  padding: 17px 10px 20px 0;
  font-size: 14px;
  font-family: MuseoSans-700,Helvetica,sans-serif; }

.tml-v2__measurement .qualitative-slider:after {
  content: '100%';
  float: right;
  padding: 17px 0 20px 10px;
  font-size: 14px;
  font-family: MuseoSans-700,Helvetica,sans-serif; }

.tml-v2__measurement .qualitative-slider-instructional-design:after {
  content: '10';
  float: right;
  padding: 17px 0 20px 10px;
  font-size: 14px;
  font-family: MuseoSans-700,Helvetica,sans-serif; }

.slider__legend {
  display: block;
  width: 451px;
  margin: 16px 0 0 -7px;
  float: left;
  font-size: 12px;
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }

.qualitative-slider-instructional-design .slider__legend {
  width: 644px; }

.slider__legend--left {
  float: left; }

.slider__legend--right {
  float: right; }

.slider__container, .tml-v2__measurement .slider__container {
  position: relative;
  width: 425px;
  margin: 20px 0;
  float: left;
  cursor: pointer; }
  .slider__container.inactive {
    pointer-events: none; }
    .slider__container.inactive .slider__point {
      display: none; }
    .slider__container.inactive .slider__point.selected {
      display: block; }
    .slider__container.inactive:hover .slider__selected {
      display: block; }
  .slider__container:hover .slider__selected {
    display: none; }
  .slider__container:hover .slider__selector {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    top: -58px;
    margin-left: -13px; }

.tml-v2__measurement .slider__container {
  width: 500px; }

.qualitative-slider-instructional-design .slider__container {
  width: 630px; }

/****** slider bars ******/
.slider__bar-bg {
  width: 100%;
  height: 10px;
  background: #E8E8E8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.slider__bar-fg,
.slider__bar-fgbg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  transition: width .35s ease-in-out;
  -moz-transition: width .35s ease-in-out;
  -webkit-transition: width .35s ease-in-out; }

.slider__bar-fg.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

.slider__bar-fgbg {
  background: white; }

.slider__segment {
  float: left;
  width: 10%;
  height: 10px;
  position: relative; }

/****** slider selector balloon ******/
.slider__selector {
  position: absolute;
  top: -58px;
  margin-left: -12px;
  width: 38px;
  height: 30px;
  line-height: 40px;
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif;
  font-size: 12px;
  text-align: center; }

.slider__selector-icon {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 52px;
  z-index: -1; }

.slider__selector-caption {
  color: white;
  z-index: 2; }

/****** slider points ******/
.slider__points {
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 4; }

.slider__point {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #c2c0ba;
  height: 12px;
  width: 12px;
  float: left;
  margin: -1px 0 0 -6px; }
  .slider__point.active, .slider__point.selected {
    height: 14px;
    width: 14px;
    border: 2px solid;
    background: white;
    margin: -2px 0 0 -7px; }

.slider__point--last {
  position: absolute;
  right: -6px; }
  .slider__point--last .slider__marker {
    margin-left: -44px; }
  .slider__point--last:hover .slider__marker {
    margin-left: -44px;
    top: 39px; }

/****** slider edit link ******/
.slider__edit-link {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 35px; }

/****** baseline and goal markers ******/
.slider__marker {
  position: absolute;
  top: 40px;
  left: 0;
  text-align: center;
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  width: 100px;
  margin-left: -50px; }

.slider__marker--baseline {
  color: #1A7CD9; }

.slider__marker--goal {
  color: #c2df21; }

.slider__marker-arrow:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  margin-top: -20px;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #104b82; }

.slider__marker-arrow--baseline:after {
  border-bottom: 8px solid #1b7ee0; }

.slider__marker-arrow--goal:after {
  border-bottom: 8px solid #c2df21; }

/****** baseline and goal direct input ******/
.slider__input--container {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  float: left;
  text-align: left;
  margin-left: 32px;
  padding-top: 4px; }

.slider__input {
  width: 42px;
  margin-bottom: 8px; }

.artifact__dropzone {
  border: 3px dashed #CECECE;
  padding: 40px 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 30px; }

.artifact__dropzone--dragover {
  background: #dff4fe;
  border: 3px dashed #176bbf; }

.artifact__dropzone-icon {
  color: #2196F3;
  font-size: 40px; }

.artifact__dropzone-headline {
  color: #2196F3;
  font-size: 22px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 26px;
  margin-top: 10px; }

.artifact__dropzone-browse {
  color: #2196F3; }

.artifact__max-size {
  margin-top: 20px; }

.artifact__icon {
  color: #c2c0ba;
  font-size: 66px;
  padding-bottom: 10px; }

.artifact__prefer {
  margin-bottom: 5px; }

.artifact__max-upload {
  margin-top: 5px; }

.artifact__upload {
  position: relative;
  cursor: pointer; }

.artifact__upload--mobile {
  margin-top: 20px; }

.disabled .artifact__upload {
  cursor: default;
  color: #dbdad7;
  border: 1px solid #dbdad7;
  background: #f1f1ef;
  pointer-events: none; }

.artifact__upload-target,
.artifact__upload-field {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
  font-size: 0;
  overflow: hidden; }

.artifact__upload-field {
  font-size: 10000px; }

.artifact__upload-target > form input {
  cursor: pointer; }

.artifact__upload-bar {
  position: relative;
  height: 25px;
  border: 3px solid #1560ab;
  padding: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px; }

.artifact__upload-progress {
  position: absolute;
  height: 25px;
  background: #1560ab;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  margin: -3px 0 0; }

.artifact__upload-error {
  position: relative;
  margin: 10px auto; }

/****** artifact form ******/
.artifact__upload-details-form {
  text-align: left;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.artifact__preview {
  min-height: 200px;
  margin-bottom: 20px;
  position: relative; }

.artifact__preview--none {
  background: #dbdad7; }

.artifact__preview-image {
  width: 277px; }
  .artifact__preview-image.scale-to-width {
    width: 277px; }
  .artifact__preview-image.scale-to-height {
    height: 200px;
    width: auto; }

.artifact__preview-image-mask {
  width: 277px;
  height: 200px;
  overflow: hidden; }

.artifact__preview-icon {
  position: absolute;
  font-size: 80px;
  color: #a8a6a0;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -40px; }

.artifact__upload-title {
  display: inline-block;
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin: 3px 0 8px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: 230px; }

.artifact__upload-detail {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 16px;
  clear: both; }

.artifact__type-label {
  display: inline-block; }

.artifact__upload-label {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.artifact__list {
  text-align: left; }

.artifact__actions {
  padding-left: 0; }

a.artifact__edit, a.artifact__remove {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #176bbf;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none; }
  a.artifact__edit:hover, a.artifact__remove:hover {
    text-decoration: underline; }

.artifact__type-select-container {
  position: relative; }
  .artifact__type-select-container .tc__error {
    margin-left: 121px; }

.artifact__type-notes-container {
  margin-top: 40px; }

.artifact__action-seperator {
  border-left: 1px solid #176bbf;
  width: 1px;
  margin: 0 8px; }

.artifact__type {
  color: white;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  background: #ff5b29;
  margin-bottom: 12px;
  padding: 6px 10px;
  position: relative;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px; }

.artifact__type--v3 {
  background: none;
  color: #ff5b29; }

.artifact__type--grey {
  background: #a8a6a0; }

.artifact__type-icon {
  float: left;
  color: #CECECE;
  font-size: 21px; }

.artifact__type-caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 236px; }

.artifact__flag-end {
  position: absolute;
  right: 0;
  top: 0;
  color: #ff5b29;
  font-size: 24px;
  margin-right: -12px; }

.artifact__flag-end--grey {
  color: #a8a6a0; }

.artifact__add-more {
  margin-right: 15px;
  display: inline-block; }

.artifact__continue {
  margin-left: 15px;
  display: inline-block; }

.artifact__upload-success {
  position: relative;
  text-align: center;
  color: #8ba911;
  border: 3px solid #8ba911;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 18px;
  height: 50px;
  line-height: 44px;
  margin-bottom: 10px; }

.artifact__upload-success-checkbox {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  margin: 8px 0 0 60px;
  color: white;
  background: #8ba911;
  top: 0; }
  .artifact__upload-success-checkbox .tc-check {
    font-size: 25px;
    padding-top: 3px; }

/***** Artifact Remove Modal ******/
.artifact__delete-headline {
  margin-top: 38px;
  margin-bottom: 56px; }

.artifact__delete-caption {
  margin-bottom: 60px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  word-wrap: break-word;
  padding: 0 20px; }

.artifact__delete-buttons {
  margin-bottom: 30px; }
  .artifact__delete-buttons .tc__btn {
    margin: 0 10px; }

/****** TML Overview ******/
.tml__overview {
  padding: 56px 0 0;
  text-align: center; }

.tml__overview-wrap {
  width: 100%;
  border-top: 2px solid #dbdad7; }

.tml__overview-sga {
  padding: 10px 0 6px 0; }

.tml__overview-data {
  padding: 38px 0 40px;
  text-align: left; }

.tml__overview-number,
.tml__overview-strategy {
  font-size: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.tml__overview-number {
  padding-top: 40px; }

.tml__overview-no-data {
  border-top: 2px solid #dbdad7;
  padding: 60px 0 20px; }

.tml__overview-feedback {
  padding-bottom: 30px; }

.tml__overview-strategy {
  padding-bottom: 10px; }

.tml__overview-completed-date {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 14px;
  color: #a8a6a0; }

.tml__overview-step-icon {
  margin-bottom: 40px; }

.tml__overview-feedback-question {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 18px;
  margin-bottom: 30px; }

.tml__overview-smile-icon {
  font-size: 71px;
  color: #9fbf1d;
  padding: 0 0 10px; }

.tml__overview-smile-caption {
  color: #9fbf1d;
  margin-bottom: 38px; }

.tml__overview-feedback-response {
  text-align: left;
  margin-bottom: 40px; }

.tml__overview-artifacts {
  text-align: center;
  padding: 50px 0 20px;
  border-top: 1px solid #dbdad7; }

.tml__overview-artifacts--none {
  padding: 30px 0 10px; }

.tml__overview-artifacts--none-copy {
  padding: 40px 0; }

.tml__overview-artifact {
  text-align: left;
  padding-bottom: 0; }
  .tml__overview-artifact.clear-row {
    clear: left; }

.tml__overview-header {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 18px;
  text-align: left; }

.tml__overview-header--artifact {
  text-align: center; }

.tml__overview-artifact-notes {
  padding-top: 0; }

.tml__overview-artifact-details {
  padding-left: 0;
  margin-top: 34px; }

.tml__overview-artifact-preview {
  height: 125px;
  min-height: 125px;
  margin-bottom: 0; }

.tml__overview-artifact-preview--none {
  background: #dbdad7; }

.tml__overview-artifact-preview-image {
  width: 175px; }
  .tml__overview-artifact-preview-image.scale-to-width {
    width: 175px; }
  .tml__overview-artifact-preview-image.scale-to-height {
    height: 125px;
    width: auto; }

.tml__overview-artifact-preview-image-mask {
  width: 175px;
  height: 125px;
  overflow: hidden; }

.tml__overview-artifact-title {
  width: 150px;
  max-height: 32px;
  overflow: hidden; }

.tml__overview-artifact-icon {
  font-size: 60px;
  margin-top: -30px; }

.tml__overview-back-link {
  text-align: center;
  padding: 40px 0;
  border-top: 2px solid #dbdad7; }

.tml__overview-measurement-chart {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #dbdad7; }

.tml__overview-measurement-chart--none {
  padding: 40px 0; }

.tml__overview-measurement-edit {
  margin-top: 30px; }

.tml__overview-chart-title {
  font-size: 24px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  text-align: center; }

.tml__overview-chart-title--none {
  padding-bottom: 40px; }

.tml__overview-chart-value {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.tml__overview-chart-highlight {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

/****** Comments ******/
.tml__overiew-feedback-comment-form {
  display: block;
  text-align: left; }

.tml__overview-feedback-comment-input-container {
  position: relative;
  margin-bottom: 25px; }

.tml__overview-feedback-comment-input {
  width: 100%;
  height: 100px; }

.tml__author-image {
  width: 72px; }
  .tml__author-image.scale-to-width {
    width: 72px; }
  .tml__author-image.scale-to-height {
    height: 72px;
    width: auto; }

.tml__author-image-mask {
  width: 72px;
  height: 72px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.tml__author-image-mask {
  float: left;
  margin-right: 40px; }

.tml__comment-container {
  float: left;
  clear: both;
  display: inline-block;
  border-top: 1px solid #c2c0ba;
  padding: 30px 0; }
  .tml__comment-container:last-of-type {
    border-bottom: 1px solid #c2c0ba; }

.tml__comment-user {
  padding-bottom: 20px; }

.tml__comment-date {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #a8a6a0;
  padding-left: 10px; }

.tml__comment-image {
  float: left; }

.tml__comment-data {
  float: left;
  width: 473px;
  margin-top: 10px;
  text-align: left; }

.si__headline {
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 22px; }

.si__headline--detail {
  margin-bottom: 10px;
  padding: 0; }

.si__headline--similar {
  margin-bottom: 20px; }

.si__title {
  display: inline-block;
  margin: 30px 0 24px; }

.si__title--phone {
  display: none; }

.si__tag {
  float: left;
  margin: 3px 0 0 5px; }

.si__tag--desc {
  text-transform: none; }

.si__copy {
  margin: 30px 0 10px; }

.si__artifacts {
  border-top: 2px solid #c2c0ba;
  padding: 30px 0; }

.si__wrap--similar {
  background: #f7f7f5;
  width: 100%;
  min-height: 180px;
  padding: 30px 0 90px; }

/******* Strategy Details ******/
.si__details {
  border-top: 2px solid #c2c0ba;
  margin: 20px auto 0;
  padding: 30px 0; }

.si__questions {
  padding-left: 18px; }
  .si__questions li {
    padding-top: 12px; }

.si__lesson-notes {
  margin: 34px 0 0; }
  .si__lesson-notes p {
    margin-bottom: 9px; }
    .si__lesson-notes p:last-of-type {
      margin-bottom: 0; }

.si__detail {
  display: inline-block;
  float: left;
  clear: left;
  line-height: 22px;
  padding: 0;
  position: relative; }

.si__detail-highlight {
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 13px; }

.si__detail-icon {
  position: absolute;
  margin-left: -3px;
  font-size: 20px; }

.si__detail-copy {
  padding: 2px 0 0 5px; }

.si__detail-preptime {
  padding-left: 20px; }

.si__detail-value {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  left: 0;
  font-size: 12px;
  margin: 6px 0 0 2px; }

.si__detail-fixedselectbutton {
  background: #ffffff;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100; }

.layer .si__detail-fixedselectbutton {
  display: none; }

/****** Teacher Details ******/
.si__author-image {
  width: 72px; }
  .si__author-image.scale-to-width {
    width: 72px; }
  .si__author-image.scale-to-height {
    height: 72px;
    width: auto; }

.si__author-image-mask {
  width: 72px;
  height: 72px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.si__author-image-item {
  padding-left: 0; }

.si__author-image-mask {
  margin-top: 20px;
  float: left; }

.si__author-details {
  padding-top: 30px;
  float: left;
  width: 290px;
  margin-left: 10px; }

.si__author-name {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 10px; }

.si__author-detail {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px; }

.si__back-links {
  margin-top: 10px; }

.si__link {
  padding: 10px 0;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

/****** Artifacts ******/
.si__artifact {
  height: 435px;
  cursor: pointer; }

.artifact__image {
  width: 370px; }
  .artifact__image.scale-to-width {
    width: 370px; }
  .artifact__image.scale-to-height {
    height: 220px;
    width: auto; }

.artifact__image-mask {
  width: 370px;
  height: 220px;
  overflow: hidden; }

.artifact__image-mask {
  margin: 0 auto 15px;
  position: relative; }

.artifact__image--none {
  width: 370px;
  height: 220px;
  background: #dbdad7;
  line-height: 220px;
  text-align: center; }

.artifact__notes {
  float: left;
  clear: both;
  padding-top: 10px;
  overflow: hidden;
  font-family: "Circular Book", Helvetica, sans-serif; }

.artifact__title {
  float: left;
  padding-left: 10px;
  max-width: 280px; }

.artifact__file-type {
  float: left;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: capitalize;
  padding-left: 10px; }

.strategy__readmore--artifact {
  float: left; }

a.lesson-link {
  display: inline-block;
  padding-top: 10px; }
  a.lesson-link .lesson-link__crumbs {
    text-decoration: none;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    color: #1e2326;
    padding-top: 3px; }

.lesson-link__icon {
  float: left;
  color: #f69124;
  font-size: 24px;
  margin-right: 10px; }

.lesson-link__details {
  float: left; }

/***** Ratings *****/
.si__rating {
  border-top: 1px solid #dbdad7;
  margin-top: 20px;
  padding: 10px; }

.si__ctas {
  margin-top: 10px; }

.si__ctas a {
  cursor: pointer;
  border: 1px solid #ecedee;
  padding: 6px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #fff; }

.si__ctas a.active {
  background-color: #2975cc;
  color: #fff; }

.team__dashboard-undelay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f7f7f5; }

.team__wrap--header {
  padding: 46px 0 20px;
  background: white; }

.team__wrap--strategies {
  width: 100%;
  background: #f7f7f5; }

.team__dashboard-header {
  padding-bottom: 36px; }

.team__dashboard-data {
  margin-top: 47px; }

.team__completed {
  white-space: nowrap; }

.team__growth-percent {
  padding: 0 0 0.65rem; }

.students-impacted__value--team {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-weight: bold; }

.team__coach {
  display: inline-block;
  padding-top: 0; }

.team__coach-data {
  display: inline-block; }

.team__coach-image-mask {
  float: left; }

.team__coach-image {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.team__coach-name {
  font-size: 16px;
  float: left;
  padding-left: 10px;
  line-height: 18px;
  padding-top: 5px; }

/****** strategies ******/
.team__strategies-header {
  text-align: center;
  padding: 26px 0 10px; }

.tc__capsule--team-strategy {
  padding: 20px;
  margin: 10px 0;
  height: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px; }

.team__strategy-tag-container {
  display: inline-block; }

.team__strategy-vertical-alignment {
  display: inline-block;
  vertical-align: middle; }

.team__strategy-tag {
  display: inline-block;
  max-width: 192px;
  float: left;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  margin-left: 5px; }

.strategy__readmore--team {
  padding-bottom: 8px; }

.team__strategy-image {
  width: 230px; }
  .team__strategy-image.scale-to-width {
    width: 230px; }
  .team__strategy-image.scale-to-height {
    height: 210px;
    width: auto; }

.team__strategy-image-mask {
  width: 230px;
  height: 210px;
  overflow: hidden; }

.team__strategy-image--none {
  background: #dbdad7;
  position: relative; }

.team__strategy-preview-icon {
  position: absolute;
  font-size: 70px;
  color: #a8a6a0;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -35px; }

.team__strategy-custom-icon {
  position: absolute;
  text-align: center;
  height: 90px;
  width: 100%;
  top: 50%;
  margin-top: -40px; }

.team__strategy-preview-icon--custom {
  font-size: 45px;
  margin-bottom: 20px;
  color: #a8a6a0; }

.team__strategy-preview-caption--custom {
  font-size: 14px;
  color: #a8a6a0;
  text-transform: uppercase; }

.team__strategy-artifacts-headline {
  font-size: 14px;
  line-height: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.team__strategy-notes {
  margin-top: 15px;
  padding-bottom: 10px;
  overflow: hidden; }

.team__strategy-container {
  display: inline-block;
  width: 230px; }

.artifact-seperator {
  height: 1px;
  border-bottom: 1px solid #c2c0ba;
  display: block;
  width: 100%;
  margin-top: 10px; }

.team__strategy-artifacts {
  padding-top: 15px;
  padding-bottom: 10px; }

.team__artifact {
  display: inline-block;
  padding-top: 15px; }

.team__artifact-image-mask {
  position: relative;
  float: left;
  height: 50px;
  width: 50px; }

.team__artifact-image {
  width: 50px; }
  .team__artifact-image.scale-to-width {
    width: 50px; }
  .team__artifact-image.scale-to-height {
    height: 50px;
    width: auto; }

.team__artifact-image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden; }

.team__strategy-image-mask--none {
  background: #dbdad7; }

.team__strategy-image__preview-icon {
  line-height: 240px;
  width: 100%;
  text-align: center;
  font-size: 80px; }

.team__artifact-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px; }

.team__artifact-image--none {
  background: #dbdad7; }

.artifact__type--team {
  font-size: 11px;
  line-height: 8px;
  margin-bottom: 8px; }
  .artifact__type--team.multiline {
    line-height: 12px; }

.artifact__flag-end--team {
  font-size: 20px; }
  .artifact__flag-end--team.multiline {
    font-size: 36px;
    margin-right: -16px; }

.team__artifact-details {
  float: left;
  width: 178px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }
  .team__artifact-details .tc__link {
    font-size: 14px;
    font-family: MuseoSans-300, Helvetica, sans-serif; }

.team__artifact-filename {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  line-height: 21px;
  max-width: 176px;
  width: 100%; }
  .team__artifact-filename .tc__link {
    font-family: MuseoSans-700, Helvetica, sans-serif;
    padding-left: 8px; }

.team__strategies-more {
  text-align: center;
  padding: 40px 0; }

.team__artifact-metadata {
  display: inline-block;
  width: 100%; }

.team__artifact-size {
  float: left; }

.tc__private--team {
  clear: none;
  margin-top: -2px;
  padding-left: 6px; }

/****** Feed Sidebar ******/
.team__feed-sidebar {
  border-left: 2px solid #c2c0ba;
  border-bottom: 2px solid #c2c0ba;
  background: white;
  position: absolute;
  right: 0;
  margin-top: -43px;
  padding-top: 50px;
  z-index: 2; }

.team__feed-header {
  margin-bottom: 26px;
  text-align: center; }

.team__feed-capsule {
  float: left;
  clear: left;
  border-bottom: 1px solid #c2c0ba;
  padding: 10px 0;
  width: 100%; }

.team__feed-capsule--feedback {
  cursor: pointer; }

.team__feed-icon {
  height: 50px;
  width: 50px;
  padding-top: 9px;
  font-size: 28px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto; }
  .team__feed-icon.file-type-icon {
    font-size: 50px;
    margin-top: -13px; }

.team__feed-icon-container {
  float: left;
  width: 18%; }

.team__feed-icon-caption {
  font-size: 12px;
  text-align: center;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-top: 6px;
  text-transform: capitalize; }
  .team__feed-icon-caption.team__feed-icon-caption--teach {
    color: #cc441b; }
  .team__feed-icon-caption.team__feed-icon-caption--measure {
    color: #9fbf1d; }
  .team__feed-icon-caption.team__feed-icon-caption--learn {
    color: #1560ab; }

.team__feed-icon--teach {
  color: #cc441b;
  border: 3px solid #cc441b; }

.team__feed-icon--measure {
  color: #9fbf1d;
  border: 3px solid #9fbf1d; }

.team__feed-icon--learn {
  color: #1560ab;
  border: 3px solid #1560ab; }

.team__feed-content {
  float: left;
  max-width: 220px;
  padding-left: 10px;
  width: 80%; }

.team__feed-copy {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  float: left;
  max-width: 220px; }
  .team__feed-copy .tc__link {
    font-size: 14px; }

.team__feed-highlight {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.team__feed-feedback {
  font-style: italic;
  padding-top: 10px;
  overflow: hidden;
  max-height: 44px; }

.team__feed-rating-icon {
  display: inline-block;
  color: #9fbf1d;
  font-size: 17px;
  vertical-align: sub; }

.team__feed-timeago,
.feedback__timeago {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 12px;
  color: #a8a6a0;
  display: block;
  float: left;
  padding-top: 2px;
  clear: left; }

.team__artifact-readmore {
  float: left;
  clear: left;
  margin: 40px 0;
  width: 100%;
  text-align: center;
  font-size: 14px; }

.team__feed-comments {
  color: #1b7ee0;
  display: inline-block;
  float: left;
  clear: left;
  margin-top: 4px;
  position: relative; }

.team__feed-comments-icon {
  float: left;
  font-size: 26px; }

.team__feed-comments-icon--none {
  font-size: 14px;
  padding-top: 2px; }

.team__feed-comments-caption {
  float: left;
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin: 3px 0 0 5px; }

.team__feed-comment-count {
  position: absolute;
  color: white;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  width: 26px;
  padding-top: 4px; }

/****** Feedback overlay ******/
.feedback-modal {
  height: auto;
  width: 300px; }

.feedback {
  display: inline-block;
  position: relative; }

.feedback__header {
  display: inline-block; }

.feedback__timeago {
  margin: 18px 0 0 5px; }

.feedback-layer {
  padding: 10px 10px 20px; }

.feedback-modal .feedback:after,
.feedback-modal .feedback:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid; }

.feedback-modal .feedback:before {
  border-bottom: 22px solid transparent;
  border-right: 22px solid transparent;
  border-top: 22px solid transparent;
  border-left: 14px solid #dbdad7;
  margin-right: -48px; }

.feedback-modal .feedback:after {
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 14px solid white;
  margin-right: -44px; }

.feedback-modal--top .feedback:before {
  top: 8px; }

.feedback-modal--top .feedback:after {
  top: 10px; }

.feedback-modal--bottom .feedback:before {
  bottom: 8px; }

.feedback-modal--bottom .feedback:after {
  bottom: 10px; }

.feedback__image-col {
  width: 55px;
  float: left; }

.feedback__teacher-image {
  width: 35px; }
  .feedback__teacher-image.scale-to-width {
    width: 35px; }
  .feedback__teacher-image.scale-to-height {
    height: 35px;
    width: auto; }

.feedback__teacher-image-mask {
  width: 35px;
  height: 35px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.feedback__teacher-image-mask {
  margin: 5px 0 0 5px; }

.feedback__data-col {
  float: left;
  width: 220px; }

.feedback__data, .feedback__question {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 18px 0 0;
  clear: both; }

.feedback__data-caption {
  padding: 3px 5px 0 0;
  float: left;
  display: inline-block;
  color: #8ba911; }

.feedback__teacher-name {
  float: left; }

.feedback__icon {
  padding-right: 5px;
  float: left;
  color: #8ba911;
  font-size: 17px; }

.feedback__text {
  float: left;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 13px;
  font-style: italic;
  padding-top: 20px;
  clear: left; }

.feedback__comment-form,
.feedback__comment {
  border-top: 2px solid #dbdad7;
  margin-top: 15px;
  display: inline-block; }
  .feedback__comment-form .tc__input,
  .feedback__comment .tc__input {
    margin-top: 15px;
    width: 220px; }

.feedback__comment-error {
  color: #cc441b;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 15px; }

.feedback__comment-text {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 15px; }

.feedback__comment-date {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 5px;
  color: #c2c0ba; }

.chart {
  width: 100%;
  border-bottom: 1px solid #33322e;
  position: relative;
  text-align: center; }

.chart__measurements {
  display: inline-block;
  margin: 0 auto; }

/****** chart measurments bars ******/
.chart__total {
  background-color: white;
  border: 1px solid #33322e;
  bottom: 0;
  margin-bottom: -1px;
  margin: 0 15px;
  float: left; }

.chart__total--single {
  width: 165px; }

.chart__value--single {
  width: 163px; }

.chart__total--multi {
  width: 116px; }

.chart__value--multi {
  width: 114px; }

.chart__value {
  position: absolute;
  bottom: 0; }

/****** chart decorations ******/
.chart__line {
  border-bottom: 2px dotted;
  position: absolute;
  width: 100%; }

.chart__labels {
  position: relative;
  height: 50px;
  display: inline-block;
  margin: 0 auto; }

.chart__labels--small {
  font-size: 11px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 26px;
  font-weight: normal; }

.chart__label {
  margin: 15px 15px 10px;
  float: left; }

.chart__label--single {
  width: 165px; }

.chart__label--multi {
  width: 116px; }

.chart__legends {
  width: 100%;
  display: inline-block;
  margin-top: 30px; }

.chart__legend {
  float: left;
  width: 100%; }

.chart__legend-caption {
  font-size: 22px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  float: left;
  padding: 12px 0 0 12px; }

.chart__legend-caption--small {
  font-size: 11px;
  padding-top: 14px; }

.chart__legend-example {
  border-bottom: 8px dotted;
  float: left;
  padding-top: 16px;
  width: 60px; }

.chart__legend-example--solid {
  border-bottom-style: solid; }

.modal__page-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10; }

.modal__page-overlay--grey,
.modal__page-overlay--remove-artifact,
.modal__page-overlay--coach,
.modal__page-overlay--artifact-overlay {
  background: #a8a6a0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  top: 0; }

.modal__page-overlay--grey,
.modal__page-overlay--coach {
  pointer-events: auto; }

.modal__page-overlay--tml-v2 {
  z-index: 6; }

.modal--fixed {
  position: fixed;
  right: 0;
  left: 0;
  margin: 0 auto;
  height: 80%;
  width: 90%;
  top: 100px;
  background-color: white; }

.modal--absolute {
  position: absolute;
  background-color: white;
  border: 1px solid black; }

.modal--fixed-notifications {
  position: fixed; }

.modal--notifications {
  width: 300px;
  height: auto; }

.modal--fixed.modal--notes {
  max-height: 95%;
  top: 2.5%; }

.modal--notifications--fixed {
  position: fixed; }

.modal--activity-feedback,
.modal--notifications {
  border: 2px solid #dbdad7;
  -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px; }

.modal--remove-artifact,
.modal--coach {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 100;
  width: 600px;
  height: auto;
  text-align: center;
  -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  top: 50%; }

.modal--grey-overlay {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 100;
  width: 700px;
  height: auto;
  text-align: center;
  -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  top: 50%; }

.modal--artifact-overlay,
.modal--note {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 100;
  width: 945px;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  margin: 28px auto;
  border: 0; }

.modal__close {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 30px;
  right: 30px;
  height: 30px;
  width: 30px;
  font-size: 20px;
  padding-top: 3px;
  border: 2px solid #CECECE;
  color: #CECECE;
  text-decoration: none;
  z-index: 101;
  cursor: pointer;
  text-align: center; }
  .modal__close:hover {
    border-color: #7f7f7f;
    color: #7f7f7f; }

.modal__close--no-circle {
  border: 0;
  font-size: 20px;
  right: 15px;
  top: 15px;
  height: 20px;
  width: 20px; }

.modal__close--artifact {
  height: 40px;
  width: 40px;
  position: fixed;
  top: 0;
  right: 10px;
  z-index: 200;
  background-image: -owg-linear-gradient(white, #f1f1ef);
  background-image: -webkit-linear-gradient(white, #f1f1ef);
  background-image: -moz-linear-gradient(white, #f1f1ef);
  background-image: -o-linear-gradient(white, #f1f1ef);
  background-image: linear-gradient(white, #f1f1ef);
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: solid 2px #1560ab;
  border-left: solid 2px #1560ab;
  border-bottom: solid 2px #1560ab;
  color: #176bbf;
  cursor: pointer; }
  .modal__close--artifact:hover:not(.disabled) {
    background: linear-gradient(#f1f1ef, white); }
  .modal__close--artifact .tc-x {
    font-size: 25px;
    margin: 5px; }

.artifact-overlay__download-loader {
  position: absolute;
  top: 0; }

.ppd-v3-cohort-modal {
  left: 50%;
  margin-left: -400px; }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
.Select {
  position: relative; }

.Select-control {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-color: #d9d9d9 #cccccc #b3b3b3;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  transition: all 200ms ease; }

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #ffffff;
  border-color: #b3b3b3 #cccccc #d9d9d9; }

.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999999;
  border-width: 0 5px 5px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #0088cc #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px rgba(0, 136, 204, 0.5); }

.Select-placeholder {
  color: #aaaaaa;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value > .Select-control > .Select-placeholder {
  color: #333333; }

.Select-value {
  color: #aaaaaa;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value > .Select-control > .Select-value {
  color: #333333; }

.Select-input > input {
  cursor: default;
  background: none transparent;
  box-shadow: none;
  height: auto;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none; }

.is-focused .Select-input > input {
  cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #cccccc;
  border-right-color: #333333;
  display: inline-block;
  position: relative;
  margin-top: -8px;
  position: absolute;
  right: 30px;
  top: 50%; }

.has-value > .Select-control > .Select-loading {
  right: 46px; }

.Select-clear {
  color: #999999;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 6px 10px;
  position: absolute;
  right: 17px;
  top: 0; }

.Select-clear:hover {
  color: #c0392b; }

.Select-clear > span {
  font-size: 1.1em; }

.Select-arrow-zone {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  cursor: pointer; }

.Select-arrow {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  margin-top: -ceil(2.5px);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0;
  cursor: pointer; }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.Select-option.is-focused {
  background-color: #f2f9fc;
  color: #333333; }

.Select-option.is-disabled {
  color: #cccccc;
  cursor: not-allowed; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select.is-multi .Select-control {
  padding: 2px 52px 2px 3px; }

.Select.is-multi .Select-input {
  vertical-align: middle;
  border: 1px solid transparent;
  margin: 2px;
  padding: 3px 0; }

.Select-item {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #0088cc;
  display: inline-block;
  font-size: 1em;
  margin: 2px; }

.Select-item-icon,
.Select-item-label {
  display: inline-block;
  vertical-align: middle; }

.Select-item-label {
  cursor: default;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding: 3px 5px; }

.Select-item-label .Select-item-label__a {
  color: #0088cc;
  cursor: pointer; }

.Select-item-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 2px 5px 4px; }

.Select-item-icon:hover,
.Select-item-icon:focus {
  background-color: #ddeff7;
  color: #0077b3; }

.Select-item-icon:active {
  background-color: #c9e6f2; }

.Select.is-multi.is-disabled .Select-item {
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #888888; }

.Select.is-multi.is-disabled .Select-item-icon {
  cursor: not-allowed;
  border-right: 1px solid #d9d9d9; }

.Select.is-multi.is-disabled .Select-item-icon:hover,
.Select.is-multi.is-disabled .Select-item-icon:focus,
.Select.is-multi.is-disabled .Select-item-icon:active {
  background-color: #f2f2f2; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.noSelect {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/****** input components ******/
.phone-input {
  position: relative; }

.phone-input__clear {
  position: absolute;
  top: 0.9rem;
  right: 0.4rem;
  color: #176bbf;
  cursor: pointer; }

.notification__container {
  float: right;
  position: relative;
  width: 65px;
  height: 65px; }

.notification__icon {
  position: absolute;
  height: 35px;
  width: 35px;
  color: white;
  background: #dbdad7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 23px;
  text-align: center;
  cursor: pointer;
  margin: 25px 30px 0 0; }
  .notification__icon .tc-notification {
    height: 100%;
    padding-top: 5px; }

.notification__icon-close {
  z-index: 101; }

.notification__count {
  position: absolute;
  top: 0;
  right: 0;
  background: #cc441b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  width: 13px;
  height: 13px;
  margin-top: 0;
  margin-right: -5px;
  text-align: center;
  line-height: 13px; }

.notification__count--large {
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin-left: -12px; }

.notification__count--very-large {
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin-left: -18px; }

.notification__row {
  cursor: pointer;
  display: inline-block;
  border-top: 2px solid #dbdad7;
  width: 100%;
  margin-bottom: -3px; }
  .notification__row.unread {
    background: #f1f8fb; }
  .notification__row:hover {
    background: #d2effb; }
  .notification__row:first-of-type {
    border: 0;
    background: none; }

.notification__row--see-more {
  background: none; }

.notification__row--none {
  background: none;
  text-align: center;
  padding: 30px 0;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 14px;
  cursor: default; }
  .notification__row--none:hover {
    background: none; }

.notification__image {
  width: 35px; }
  .notification__image.scale-to-width {
    width: 35px; }
  .notification__image.scale-to-height {
    height: 35px;
    width: auto; }

.notification__image-mask {
  width: 35px;
  height: 35px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.notification__team-count {
  height: 35px;
  width: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: white;
  background: #dbdad7;
  font-size: 20px;
  line-height: 35px;
  text-align: center; }

.notification__row--headline {
  display: inline-block;
  text-align: center;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 14px;
  padding: 11px 0;
  cursor: default; }

.notification__image-col {
  width: 65px;
  float: left;
  padding: 15px 15px; }

.notification__data-col {
  width: 215px;
  float: left;
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.notifiaction__teacher {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  display: inline-block; }

.notifiaction__team {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  display: inline; }

.notification__date {
  font-size: 12px;
  color: #a8a6a0;
  padding-top: 4px; }

.notification__row--see-more {
  text-align: center;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 14px;
  padding: 11px 0; }

.notifications__content {
  position: relative; }

.notifications__content:after,
.notifications__content:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid; }

.notifications__scrollable {
  max-height: 450px;
  overflow-y: scroll; }

.notifications__content:before {
  top: -38px;
  border-bottom: 16px solid #dbdad7;
  border-right: 22px solid transparent;
  border-top: 22px solid transparent;
  border-left: 22px solid transparent;
  margin-right: 10px; }

.notifications__content:after {
  top: -34px;
  border-bottom: 14px solid white;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid transparent;
  margin-right: 12px; }

/*
animate.css - https://github.com/daneden/animate.css/blob/master/source/attention_seekers/pulse.css
 */
@keyframes pulse {
  from {
    transform: scale3d(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1); }
  50% {
    transform: scale3d(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05); }
  to {
    transform: scale3d(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1); } }

@-webkit-keyframes pulse {
  from {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1); }
  50% {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05); }
  to {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1); } }

.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse; }

/****** notification icon ******/
.notification__icon--v2 .tc-notification {
  padding-left: 2px; }

.notification__icon--v2.has-unread {
  background: #1A7CD9; }

.notification__count--v2 {
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  font-family: MuseoSans-900, Helvetica, sans-serif;
  font-size: 15px;
  top: -5px;
  right: -5px; }

/***** notification overlay ******/
.notifications__content {
  height: 382px; }

.notifications__content-container {
  max-height: 382px;
  overflow-y: scroll; }
  .notifications__content-container:after {
    content: '';
    height: 500px;
    display: block; }

.notifications__content-container.all-notifications-loaded:after {
  display: none; }

.notification__row--v2 {
  cursor: pointer;
  display: inline-block;
  border-top: 1px solid #dbdad7;
  width: 100%;
  margin-bottom: -3px;
  min-height: 85px;
  padding: 10px 15px;
  background: #D1E5F7;
  position: relative; }
  .notification__row--v2:hover {
    background: #A3CBF0; }
  .notification__row--v2 .notification__bullet {
    display: block; }
  .notification__row--v2.seen {
    background: white; }
    .notification__row--v2.seen:hover {
      background: #f1fef; }
  .notification__row--v2.read {
    background: white; }
    .notification__row--v2.read:hover {
      background: #f1fef; }
    .notification__row--v2.read .notification__bullet {
      display: none; }

.notification__data-col--v2 {
  float: left;
  width: 228px; }

.notifications__more--v2 {
  height: 44px;
  padding: 12px 0;
  border-top: 1px solid #dbdad7; }

.notifiaction__teacher--v2,
.notifiaction__team--v2 {
  font-family: "Circular Bold", Helvetica, sans-serif; }

.notification__date--v2 {
  color: #a8a6a0;
  font-size: 12px;
  font-family: "Circular Bold", Helvetica, sans-serif; }

.notification__bullet-container {
  width: 32px;
  font-family: times;
  color: #1976d2;
  font-size: 70px;
  line-height: 65px;
  margin-left: -12px;
  text-align: center;
  float: left;
  display: block;
  height: 65px; }

.notifications__more--v2 .spinner-icon {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

@media only screen and (max-width: 48em) {
  .responsive-layout .notifications__content-container,
  .responsive-layout .modal--notifications-content-container {
    height: 100%;
    max-height: 100%; }
  .responsive-layout .notifications__content-container {
    overflow: hidden; } }

.mt-artifact-overlay {
  padding: 30px; }

/****** artifact image ******/
.artifact-overlay__artifact {
  position: relative; }

.artifact-overlay__image-container {
  display: block;
  margin-bottom: 30px;
  min-height: 200px;
  width: 885px;
  position: relative; }

.artifact-overlay__fullscreen-container {
  display: none;
  position: fixed;
  top: 0; }
  .artifact-overlay__fullscreen-container:full-screen {
    display: block; }
  .artifact-overlay__fullscreen-container:-webkit-full-screen {
    display: block; }
  .artifact-overlay__fullscreen-container:-moz-full-screen {
    display: block; }
  .artifact-overlay__fullscreen-container:-o-full-screen {
    display: block; }
  .artifact-overlay__fullscreen-container .artifact-overlay__paging-bar {
    position: fixed;
    left: 0; }
  .artifact-overlay__fullscreen-container .artifact-overlay__page-controls {
    position: fixed; }

.artifact-overlay__image--full-width {
  width: 100%; }

.artifact-overlay__image--max-width {
  max-width: 885px;
  display: block;
  margin: 0 auto; }

.artifact-overlay__image--none {
  height: 300px;
  width: 100%;
  background: #dbdad7; }

.artifact-overlay__preview-icon {
  font-size: 140px;
  margin-top: -70px; }

.artifact-overlay__text {
  line-height: 21px; }

/****** artifact pagination ******/
.artifact-overlay__paging-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #1e2326;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=77);
  opacity: 0.77;
  height: 50px; }

.artifact-overlay__page-controls {
  position: absolute;
  bottom: 0;
  color: white;
  margin: 0 auto;
  line-height: 50px;
  left: 50%;
  margin-left: -170px; }

.page-control {
  float: left; }

.page-control__left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.page-control__left,
.page-control__right {
  font-size: 25px;
  margin: 12px 40px 0;
  cursor: pointer; }

.page-control__current {
  width: 130px;
  text-align: center; }

/****** artifact details ******/
.artifact__flag-end--overlay {
  font-size: 18px; }

.artifact-overlay__details-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%; }

.artifact-overlay__details {
  margin-top: 3px; }
  .artifact-overlay__details .artifact__type {
    padding: 3px 10px; }

.artifact-overlay__creator {
  display: flex;
  align-items: center;
  margin-bottom: 25px; }

.artifact-overlay__creator-photo {
  margin-right: 10px; }

.artifact-overlay__creator-name {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px; }

.artifact-overlay__entry-type {
  display: flex;
  align-items: center;
  color: #33B55F;
  margin-bottom: 10px; }

.artifact-overlay__entry-type-icon {
  flex: none;
  font-size: 20px;
  margin-right: 10px; }

.artifact-overlay__entry-type-name {
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px; }

.artifact-overlay__file-title {
  margin: 2px 7px 0 0;
  float: left;
  max-width: 620px;
  text-overflow: ellipsis;
  overflow: hidden; }

.artifact-overlay__file-icon {
  margin-right: 8px; }

.artifact-overlay__notes {
  margin: 30px 0;
  padding-left: 112px;
  clear: both;
  float: left;
  white-space: pre-wrap; }

.artifact-overlay__notes--mt {
  padding-left: 0; }

.artifact-overlay__author-image {
  width: 72px; }
  .artifact-overlay__author-image.scale-to-width {
    width: 72px; }
  .artifact-overlay__author-image.scale-to-height {
    height: 72px;
    width: auto; }

.artifact-overlay__author-image-mask {
  width: 72px;
  height: 72px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.artifact-overlay__author-image-mask {
  float: left;
  margin-right: 40px; }

.artifact-overlay__added-by {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 14px;
  color: #a8a6a0;
  display: inline-block;
  display: block;
  float: left;
  clear: left;
  margin-top: 3px; }

.artifact-overlay__view-details,
.artifact-overlay__notes--mobile,
.artifact__lessonlink--mobile {
  display: none; }

/****** artifact actions ******/
.artifact-overlay__actions {
  flex: none; }

.artifact__download,
.artifact__fullscreen,
.artifact__lessonlink {
  float: left;
  text-align: center;
  cursor: pointer;
  color: #2196F3;
  margin-left: 30px; }

.artifact__download .tc__link,
.artifact__fullscreen .tc__link {
  cursor: pointer;
  color: #2196F3;
  text-align: center; }

.artifact__download_error {
  margin-bottom: -35px; }

.artifact__download-error--v3 {
  width: 500px;
  right: 0;
  text-align: right;
  top: 0;
  margin-top: -22px;
  bottom: auto;
  pointer-events: none; }

.artifact__lessonlink {
  text-decoration: none; }

.artifact__action-icon {
  font-size: 25px;
  padding: 3px;
  margin-bottom: 5px; }
  .artifact__action-icon.tc-outlink {
    font-size: 32px;
    padding: 0; }

/****** Comments ******/
.artifact-overlay__comments {
  display: inline-block; }

.artifact-overlay__comment-container {
  float: left;
  clear: both;
  display: inline-block;
  border-top: 1px solid #c2c0ba;
  padding: 30px 0; }
  .artifact-overlay__comment-container:last-of-type {
    padding-bottom: 0; }

.artifact-overlay__comment-input-container {
  position: relative;
  margin-bottom: 25px; }

.artifact-overlay__comment-input {
  width: 770px;
  height: 62px; }

.artifact-overlay__comment-user {
  padding-bottom: 20px; }

.artifact-overlay__comment-date {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: "Circular Book", Helvetica, sans-serif;
  padding-left: 10px; }

.artifact-overlay__comment-image {
  float: left; }

.artifact-overlay__comment-data {
  float: left;
  width: 770px;
  margin-top: 10px; }

.artifact__lessonlink-caption-mobile,
.artifact-overlay__details-actions--mobile,
.artifact-overlay__view-lesson {
  display: none; }

.artifact-overlay__message--none {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: 80px;
  text-align: center;
  color: #a8a6a0; }

/****** Video JS ******/
.vjs-default-skin .vjs-resolution-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-resolution-control:before {
  content: "HD"; }

.vjs-poster {
  background-color: black;
  width: 100%; }

.vjs-default-skin .vjs-big-play-button {
  font-size: 30px;
  width: 60px;
  height: 60px;
  top: 45%;
  left: 45%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-sizing: content-box; }

.vjs-default-skin .vjs-big-play-button:before {
  margin-top: 18px;
  line-height: 1em; }

.profile__wrap--header {
  text-align: center;
  min-height: 180px;
  padding-top: 50px; }

.profile__wrap--content {
  width: 100%;
  background: #f7f7f5;
  padding-top: 40px; }
  .profile__wrap--content.portfolios {
    padding-top: 10px; }

.profile__image {
  width: 110px; }
  .profile__image.scale-to-width {
    width: 110px; }
  .profile__image.scale-to-height {
    height: 110px;
    width: auto; }

.profile__image-mask {
  width: 110px;
  height: 110px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.profile__image-mask {
  margin: 0 auto 6px; }

.profile__created {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  margin: 5px 0 16px; }

.profile__students-impacted-headline {
  margin-bottom: 5px; }

.profile__students-impacted-value {
  color: #e25b31;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.profile__details {
  margin-top: 28px;
  padding: 30px 0 40px;
  border-top: 2px solid #c2c0ba;
  font-size: 24px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.profile__detail--hours {
  text-align: left; }

.profile__detail--loops {
  text-align: right; }

/****** Challenge Capsule ******/
.profile__sga {
  float: left; }
  .profile__sga .tc__sga-icon {
    margin-left: -16px; }

.profile__sga-title {
  float: left;
  width: 385px;
  padding: 20px 30px 0 14px; }
  .profile__sga-title.challenge-started {
    width: 588px;
    padding-right: 0; }

.profile__sga-challenges {
  clear: both;
  padding-top: 30px; }

.profile__challenge {
  padding: 30px 0;
  display: inline-block;
  width: 100%;
  position: relative;
  border-top: 1px solid #c2c0ba; }
  .profile__challenge:last-of-type {
    padding-bottom: 0; }

.profile__challenge--users {
  cursor: pointer; }

.profile__challenge-term,
.profile__challenge-details {
  padding-top: 20px;
  clear: both; }

.profile__challenge-detail {
  float: left;
  padding-right: 20px; }

.profile__challenge-btn {
  float: left;
  margin-top: 46px; }

/****** Strategy Capsule ******/
.tc__capsule--strategy-arrow {
  margin-right: -20px; }

.profile__strategies {
  padding-top: 0; }

.tc__capsule--profile-strategy {
  padding: 20px 20px 17px 20px;
  margin-bottom: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px; }

.profile__strategy-image {
  width: 328px; }
  .profile__strategy-image.scale-to-width {
    width: 328px; }
  .profile__strategy-image.scale-to-height {
    height: 250px;
    width: auto; }

.profile__strategy-image-mask {
  width: 328px;
  height: 250px;
  overflow: hidden; }

.profile__strategy-challenge {
  display: inline-block;
  border-top: 1px solid #c2c0ba;
  width: 100%; }

.profile__strategy-image-mask--none {
  background: #dbdad7;
  position: relative; }

.profile__strategy-image--none {
  position: relative;
  background: #dbdad7; }

.profile__strategy-custom-icon {
  position: absolute;
  text-align: center;
  height: 90px;
  width: 100%;
  top: 50%;
  margin-top: -40px; }

.profile__strategy-preview-icon--custom {
  font-size: 45px;
  margin-bottom: 20px;
  color: #a8a6a0; }

.profile__strategy-preview-caption--custom {
  font-size: 14px;
  color: #a8a6a0;
  text-transform: uppercase; }

.profile__strategy-container {
  display: inline-block;
  margin: 10px 0; }

.profile__strategy-notes {
  margin-top: 15px;
  padding-bottom: 10px;
  overflow: hidden; }

.profile__strategy-challenge-declaration {
  padding-top: 13px;
  font-size: 12px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  text-transform: uppercase; }

.profile__strategy-challenge-title {
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 6px 0 13px; }

.profile__strategy-loop {
  border-top: 1px solid #c2c0ba;
  padding: 13px 0;
  float: left;
  clear: both;
  width: 100%; }

.profile__strategy-tag {
  width: 290px;
  float: left;
  margin: 0 0 0 5px;
  font-size: 12px;
  line-height: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.profile__strategy-loop-started {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.profile__strategy-readmore {
  margin-top: 6px;
  display: block; }

.profile__loop-artifact {
  display: inline-block;
  float: left;
  clear: both;
  width: 100%;
  padding: 13px 0; }
  .profile__loop-artifact:last-of-type {
    padding-bottom: 0; }

.profile__loop-artifact-image {
  width: 50px; }
  .profile__loop-artifact-image.scale-to-width {
    width: 50px; }
  .profile__loop-artifact-image.scale-to-height {
    height: 50px;
    width: auto; }

.profile__loop-artifact-image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden; }

.profile__loop-artifact-image-mask {
  float: left; }

.profile__loop-artifact-image-mask--none {
  background: #dbdad7; }
  .profile__loop-artifact-image-mask--none .profile__loop-artifact-image__preview-icon {
    line-height: 50px;
    width: 100%;
    text-align: center; }

.profile__loop-artifact-title {
  float: left;
  padding-left: 8px;
  max-width: 218px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 2px; }

.profile__loop-artifact-filename {
  display: inline-block;
  clear: left;
  width: 100%; }

.profile__loop-artifact-details {
  float: left;
  padding-left: 15px;
  max-width: 256px;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.profile__loop-artifact-created {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: -4px; }

.profile__loop-artifact-notes {
  clear: both;
  padding-top: 5px;
  max-width: 307px;
  overflow: hidden;
  text-overflow: ellipsis; }

.profile__loop-artifact-metadata {
  display: inline-block; }

.profile__loop-artifact-size {
  float: left; }

.tc__private--profile {
  clear: none;
  margin-top: -2px;
  padding-left: 6px; }

.artifact__type--profile {
  margin-bottom: 10px; }

/****** Portfolio tab ******/
.profile__portfolio-headline {
  margin-bottom: 40px; }

.profile__portfolio-body-copy {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 22px; }

.profile__portfolio-requirements-list {
  margin-bottom: 20px;
  padding-left: 18px; }
  .profile__portfolio-requirements-list li {
    padding-top: 5px; }
    .profile__portfolio-requirements-list li.fail {
      color: red; }
    .profile__portfolio-requirements-list li.highlight {
      font-family: MuseoSans-700, Helvetica, sans-serif; }

.profile__portfolio-btn-container {
  display: inline-block; }

.profile__portfolio-btn {
  margin: -2px 10px 18px;
  font-size: 16px;
  line-height: 40px;
  height: 40px; }

.profile__portfolio-table {
  float: left;
  clear: left;
  width: 100%;
  border-top: 1px solid #dbdad7;
  margin-bottom: 100px; }

.profile__portfolio-table-header {
  font-size: 14px;
  line-height: 25px;
  text-align: left;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 12px 0;
  border-bottom: 1px solid #dbdad7; }

.profile__portfolio-table-header--name {
  width: 42%; }

.profile__portfolio-table-header--date {
  width: 16%;
  text-align: center; }

.profile__portfolio-table-row {
  border-bottom: 1px solid #dbdad7; }

.profile__portfolio-table-col {
  font-size: 16px;
  line-height: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  padding: 28px 0; }
  .profile__portfolio-table-col .icon {
    color: #176bbf;
    font-size: 24px;
    float: left;
    text-decoration: none;
    margin-right: 65px;
    cursor: pointer; }
    .profile__portfolio-table-col .icon:last-of-type {
      margin-right: 0; }
    .profile__portfolio-table-col .icon.tc-fullscreen {
      font-size: 20px; }
    .profile__portfolio-table-col .icon.disabled {
      color: #a8a6a0;
      cursor: default; }

.profile__portfolio-table-col--date,
.profile__portfolio-table-col--icons {
  text-align: center; }

.profile__portfolio-table-icons {
  display: inline-block;
  margin: 0 auto; }

.browser__wrap--tabs,
.browser__wrap--breadcrumbs {
  width: 100%;
  border-bottom: 1px solid #dbdad7;
  position: relative; }

.browser__wrap--tabs {
  position: initial; }

.browse__wrap--challenge {
  padding-top: 40px; }

/****** Browser Catagory Tabs ******/
.browser__subject-tabs {
  padding-bottom: 0;
  cursor: pointer; }

.browser__tab {
  width: 19%;
  float: left;
  padding: 8px 0 18px;
  border-bottom: 4px solid white; }
  .browser__tab.active {
    border-bottom: 4px solid #aed11f; }

.browser__tab--search {
  width: 5%;
  margin-top: -10px;
  padding-top: 18px;
  float: right;
  font-size: 24px;
  line-height: 22px;
  color: #1b7ee0;
  background: none;
  border-bottom: 4px solid white;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out; }
  .browser__tab--search.active {
    border-bottom: 4px solid #1b7ee0;
    background: #1b7ee0;
    color: white; }

/****** Strategy Browser Mega Menu ******/
.browser__menu, .browser__catagory-menu {
  display: none; }
  .browser__menu.active, .browser__catagory-menu.active {
    display: block; }

.browser__catagory-menu {
  padding-top: 30px; }

/****** Strategy Browser MM Items ******/
.browser__sga:nth-child(4n+1) {
  clear: left; }

.browser__sga-title {
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dbdad7;
  line-height: 20px; }

.browser__challenge {
  padding-bottom: 10px; }
  .browser__challenge .tc__link {
    font-family: MuseoSans-500, Helvetica, sans-serif; }

/****** Strategy Browser Search Bar ******/
.browser__searchbar-container {
  position: absolute;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  z-index: 1;
  height: 0;
  overflow: hidden;
  margin-top: -1px; }
  .browser__searchbar-container.active {
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }

.browser__searchbar {
  width: 100%;
  background-color: #1b7ee0;
  color: white;
  padding: 42px 10px 22px;
  position: absolute;
  z-index: 2; }

.browser__searchbar-underlay {
  content: '';
  background: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  left: 0;
  cursor: pointer; }

.browser__search-form {
  padding-left: 1.3rem; }

.browser__search-text {
  width: 70%;
  background-color: #1b7ee0;
  border: none;
  border-bottom: 3px solid white;
  margin-right: 30px;
  padding-bottom: 22px;
  font-size: 30px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  /* SC: this is to use the mixin instead, but for some reason it makes gulp sad
    @include input-placeholder {
        color: white;
        opacity: 0.6;
        font-family: $m-sans-3;
    }
    */ }
  .browser__search-text:focus {
    border: none;
    border-bottom: 3px solid white;
    outline: none; }
  .browser__search-text::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
    opacity: 0.6;
    font-family: MuseoSans-300, Helvetica, sans-serif; }
  .browser__search-text:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 0.6;
    font-family: MuseoSans-300, Helvetica, sans-serif; }
  .browser__search-text::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 0.6;
    font-family: MuseoSans-300, Helvetica, sans-serif; }
  .browser__search-text:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
    opacity: 0.6;
    font-family: MuseoSans-300, Helvetica, sans-serif; }
  .browser__search-text:placeholder-shown {
    /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: white;
    opacity: 0.6;
    font-family: MuseoSans-300, Helvetica, sans-serif; }

.browser__search-submit-btn {
  border: none;
  border-radius: 25px;
  color: #1b7ee0;
  padding: 13px;
  font-size: 25px;
  width: 65px;
  height: 50px;
  vertical-align: bottom; }

.browser__search-scope-radios {
  margin-top: 12px;
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }
  .browser__search-scope-radios label {
    margin-left: 6px;
    vertical-align: middle; }
    .browser__search-scope-radios label:first-of-type {
      margin-right: 35px; }
  .browser__search-scope-radios input {
    vertical-align: middle; }

/****** Strategy Browser Breadcrumbs ******/
.browser__crumb {
  float: left;
  line-height: 40px;
  font-size: 15px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-right: 13px;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.browser__crumb-seperator {
  float: left;
  color: #c1d72e;
  font-size: 24px;
  padding: 8px 14px 0 0; }

/****** Challenge Strategies page ******/
.browse__challenge-description {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 18px;
  padding-top: 6px; }

.browse__strategy-count-icon {
  float: left;
  color: #f69124;
  font-size: 27px; }

.browse__strategy-counts {
  float: left;
  padding-left: 10px; }

.browse__strategy-count {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding-top: 10px; }

.browse__strategy-count--new {
  color: #9fbf1d;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase;
  padding-top: 5px; }

/****** Strategies Search Results page ******/
.browser__search-results-crumbs {
  padding-bottom: 0; }

.browser__search-results-text {
  margin: 29px 0 20px;
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }
  .browser__search-results-text a {
    text-decoration: none;
    margin-left: 18px; }

.browser__search-results-loading-text {
  text-align: center;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 10px 0; }
  .browser__search-results-loading-text .bigspinner {
    margin-top: 0;
    margin-bottom: 10px; }

/****** Original Strategy Capsule (the narrow one) ******/
.strategy-choose__grid-item {
  padding: 15px; }

.tc__capsule--strategy-choose {
  display: block;
  height: 520px;
  padding: 20px;
  margin: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 4px 2px; }

.strategy__image {
  width: 317px; }
  .strategy__image.scale-to-width {
    width: 317px; }
  .strategy__image.scale-to-height {
    height: 230px;
    width: auto; }

.strategy__image-mask {
  width: 317px;
  height: 230px;
  overflow: hidden; }

.strategy__image--none,
.strategy__image-mask--none {
  width: 317px;
  height: 230px;
  background: #CECECE;
  line-height: 220px;
  text-align: center;
  position: relative; }

.strategy__preview-icon,
.strategy__image__preview-icon {
  position: absolute;
  font-size: 80px;
  color: #7f7f7f;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -40px; }

.strategy__strategy-title, .strategy__meta-strategy-title {
  font-size: 12px;
  line-height: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 0 5px;
  float: left;
  max-width: 260px; }

.strategy__icon {
  color: #f69124;
  font-size: 24px;
  float: left;
  margin-top: -3px; }

.strategy__implementation-title {
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 0 0 15px;
  padding: 0;
  clear: both;
  float: left; }

.strategy__implementation-text {
  margin: 15px 0 2px 0;
  overflow: hidden; }

.strategy__readmore {
  margin-top: 2px; }

.strategy__strategy-container {
  margin-top: 10px;
  display: inline-block; }

/****** Wide Strategy Capsule ******/
.wide-capsule {
  margin-bottom: 14px;
  border: 2px solid #c2c0ba; }

.wide-capsule__content {
  padding: 30px;
  float: left; }

.wide-capsule__preview-container {
  float: left;
  margin-right: 20px; }

.wide-capsule__text {
  border-right: 1px solid #DBDAD7;
  padding: 0 30px 0 0; }

.wide-capsule__headline {
  padding-bottom: 15px;
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.wide-capsule__body {
  height: 200px;
  overflow: hidden;
  position: relative; }
  .wide-capsule__body:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }

.wide-capsule__details {
  padding: 0 0 0 30px;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }
  .wide-capsule__details .tc-target {
    color: #f69124; }

.wide-capsule__detail {
  margin-top: 12px; }

.wide-capsule__detail--artifact-flag {
  margin: 18px 0 5px;
  color: white;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  background: #ff5b29;
  padding: 6px 10px;
  position: relative;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px; }

.wide-capsule__detail--artifact-type {
  margin-top: 5px; }

.wide-capsule__icon {
  font-size: 21px; }

.wide-capsule__icon-label {
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 0 5px;
  max-width: 200px; }

.wide-capsule__crumbs {
  border-top: 1px solid #DBDAD7;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 14px 30px;
  font-size: 12px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.wide-capsule__crumb {
  float: left;
  padding-right: 5px;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/****** Strategies Choose page ******/
.strategy__grade-headline {
  float: left;
  padding-right: 60px; }

.strategy__grades {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #dbdad7;
  border-bottom: 1px solid #dbdad7;
  margin: 30px 0; }

.strategy__grade-filter {
  float: left;
  margin-right: 50px; }
  .strategy__grade-filter .tc__checkbox {
    margin-right: 10px; }

.strategy__choose-headline {
  padding-top: 40px; }

.strategy__vertical-alignment {
  display: inline-block;
  vertical-align: middle; }

.manager__tabs {
  border-bottom: 1px solid #c2c0ba;
  margin-bottom: 20px;
  padding-bottom: 0; }

.manager__table {
  clear: both;
  text-align: left;
  margin-top: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }
  .manager__table th, .manager__table td {
    padding: 10px;
    border-bottom: 1px solid #c2c0ba; }

.manager__table-header {
  background: #f1f1ef;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.manager__acounts {
  positition: relative; }

.manager__add-account {
  float: right;
  margin: 0; }

.manger__account-count {
  padding-top: 8px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  float: left; }

.manager__breadcrumbs {
  text-align: right;
  margin-top: 60px; }

.manager__form .tc__response-inline {
  width: 100%; }

.manager__form .tc__response-inline--success {
  padding: 10px;
  color: #fff;
  background-color: #8ba911; }

.teacher-metadata .tc-header__logo {
  height: 100% !important; }

.teacher-metadata__copy {
  color: #515d66;
  margin-top: 1.95rem;
  margin-bottom: 1.3rem; }

/****** header ******/
.tc-header__logo--metadata {
  display: block;
  margin: 0 auto;
  width: 14rem; }

.teacher-metadata__headline {
  color: #2a3136;
  margin-top: 1.3rem;
  text-align: center; }

.teacher-metadata__headline--form {
  margin: 1.3rem 0; }

.teacher-metadata__errors {
  padding: 0 0.65rem;
  text-align: center; }

.teacher-metadata__steps {
  text-align: center;
  margin-top: 1.3rem; }

.teacher-metadata__steps-current {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 0.375rem;
  background: #aed11f;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: white; }

.teacher-metadata__steps-total {
  padding-left: 0.375rem;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

/****** start step ******/
.teacher-metadata--start {
  text-align: center; }

/****** Form ******/
.teacher-metadata__form {
  padding-top: 0;
  color: #2a3136; }

.teacher-metadata__form-item {
  margin-top: 1.95rem; }
  .teacher-metadata__form-item:first-of-type {
    margin-top: 0; }

.teacher-metadata__btn {
  text-align: center;
  margin-top: 1.3rem; }

.teacher-metadata__form-input {
  width: 100%;
  margin-top: 0.45rem;
  height: 2.275rem; }

.teacher-metadata__form-input--semester {
  margin-right: 4%;
  width: 48%; }

.teacher-metadata__form-input--year {
  width: 48%; }

.teacher-metadata__form-radio {
  margin-top: 0.3rem; }

.teacher-metadata__form-radio-caption {
  margin-left: 0.3rem; }

/****** TeachCycle Settings Page ******/
.settings-v1__headline {
  margin-top: 20px;
  text-align: center; }

.settings-v1__alert {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 28px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: white;
  background-color: #aed11f;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
  padding: 20px 40px;
  z-index: 1;
  -webkit-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  -o-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out; }

.settings-v1__alert--error {
  background-color: #f05526; }

.settings-v1__alert-close {
  float: right;
  cursor: pointer; }

.settings-v1__form {
  margin-bottom: 50px; }

.settings-v1__form-item {
  padding: 30px 0;
  border-top: 1px solid #dbdad7; }
  .settings-v1__form-item:first-of-type {
    border-top: none; }

.settings-v1__form-label {
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 22px; }

.settings-v1__form-input {
  width: 100%;
  height: 2.275rem;
  cursor: pointer; }
  .settings-v1__form-input:disabled {
    cursor: default;
    color: #a8a6a0;
    border: 1px solid #dbdad7;
    background: #f1f1ef;
    pointer-events: none; }
  .settings-v1__form-input.error {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }

.settings-v1__form-radio-caption {
  margin-left: 0.3rem;
  cursor: pointer; }
  .settings-v1__form-radio-caption.disabled {
    cursor: default;
    color: #a8a6a0; }

.settings-v1__form-clear {
  top: 1.1rem;
  right: 1rem; }

/****** User Search Form ******/
.user-search__form {
  margin: 25px auto; }

.user-search__input {
  margin-right: 10px;
  font-size: 18px;
  padding: 5px; }

/****** Search Results Table ******/
.user-search-table,
.admin-table {
  float: left;
  clear: left;
  width: 100%;
  border: 1px solid #dbdad7; }

.user-search-table__header {
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding: 12px 0;
  background: #d2effb;
  border-right: 1px solid #dbdad7;
  border-bottom: 1px solid #dbdad7; }

.user-search-table__row,
.admin-table__row {
  border-bottom: 1px solid #dbdad7; }
  .user-search-table__row:last-of-type,
  .admin-table__row:last-of-type {
    border-bottom: none; }
  .user-search-table__row:nth-child(odd),
  .admin-table__row:nth-child(odd) {
    background: #f1f1ef; }
  .user-search-table__row:nth-child(even),
  .admin-table__row:nth-child(even) {
    background: white; }

.admin-table__row--leader {
  background: #E0F4E7 !important; }

.user-search-table__col {
  vertical-align: top;
  font-size: 12px;
  line-height: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 12px 15px 5px 15px;
  border-right: 1px solid #dbdad7; }

.user-search-table__col--icons {
  text-align: center; }

.user-search-table__member-icons {
  display: inline-block;
  margin: 0 auto; }
  .user-search-table__member-icons:after {
    content: '';
    clear: both; }

/****** Masquerade Icon ******/
.user-search-table__icon {
  color: #a8a6a0;
  font-size: 20px;
  float: left;
  text-decoration: none;
  width: 42px;
  height: 30px;
  margin-top: 5px; }
  .user-search-table__icon:hover .path1:before,
  .user-search-table__icon:hover .path2:before {
    color: #176bbf; }
  .user-search-table__icon:hover .path3:before,
  .user-search-table__icon:hover .path4:before {
    color: #1b7ee0; }

/***** Portfolio Refresh ******/
.admin-portfolio__refresh-container {
  width: 125px; }

.admin-portfolio__refresh-state {
  position: absolute;
  display: inline-block;
  padding: 5px; }
  .admin-portfolio__refresh-state .refresh-state-icon {
    margin-left: 10px;
    width: 25px;
    height: 25px;
    font-size: 30px;
    display: inline-block;
    vertical-align: text-bottom;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }
    .admin-portfolio__refresh-state .refresh-state-icon.tc-check {
      color: #9fbf1d;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: 3s;
      -moz-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s; }
    .admin-portfolio__refresh-state .refresh-state-icon.tc-x {
      color: #cc441b;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: 3s;
      -moz-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s; }
    .admin-portfolio__refresh-state .refresh-state-icon.littlespinner {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: 3s;
      -moz-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s; }
  .admin-portfolio__refresh-state .percentage {
    margin-right: 10px;
    margin-left: 10px;
    height: 25px;
    font-size: 20px;
    display: inline-block;
    color: gray;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s; }
    .admin-portfolio__refresh-state .percentage.refreshing {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out; }

.admin-portfolio__refresh-button {
  margin-left: 5px; }

/****** Masquerading Indicator ******/
.masquerade-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 130px;
  z-index: 2;
  padding: 25px;
  color: white;
  text-align: center;
  background-color: #cc441b;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  -webkit-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  -o-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out; }
  .masquerade-banner.collapsed {
    height: 55px;
    padding-top: 20px; }
  .masquerade-banner.margin-adjustment {
    margin-bottom: 70px; }

.masquerade-banner__headline {
  max-width: 88%;
  font-size: 28px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-bottom: 25px;
  display: inline-block; }

.masquerade-banner__body-text {
  max-width: 88%;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  display: inline-block; }

.masquerade-banner__end-link {
  float: right;
  width: 10%;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-weight: bold; }
  .masquerade-banner__end-link a {
    position: absolute;
    top: 40%;
    text-decoration: none;
    color: white; }

.masquerade-spacer {
  width: 100%;
  height: 70px;
  position: relative;
  display: block; }

.badges__image {
  width: 50px; }
  .badges__image.scale-to-width {
    width: 50px; }
  .badges__image.scale-to-height {
    height: 50px;
    width: auto; }

.badges__image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.badges__image-mask {
  margin-right: 25px;
  display: inline-block;
  vertical-align: middle; }

.badges__headline {
  font-size: 28px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 34px;
  text-align: center;
  margin: 40px 0 35px;
  color: #1b7ee0; }

.badges__text {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  text-align: center; }
  .badges__text .highlight {
    font-size: 24px;
    font-family: MuseoSans-700, Helvetica, sans-serif;
    color: #176bbf; }

.badges__points-text {
  font-size: 12px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: center;
  margin-top: 12px;
  color: #a8a6a0; }

.badges__points-text--reflection {
  color: #8ba911; }

.badges__points-text--kids {
  color: #cc441b; }

.badges__points-text--measure {
  color: #54B29E; }

.badges__points-text--risk {
  color: #E75A73; }

.badges__category {
  border-top: 1px solid #dbdad7;
  margin-top: 30px;
  padding-top: 35px; }

.badges__category-icon {
  text-align: center;
  margin-bottom: 40px; }
  .badges__category-icon img {
    height: 150px; }

.badges__badge-icon {
  text-align: center;
  margin-bottom: 20px; }
  .badges__badge-icon img {
    height: 50px; }

.badges__badge-tooltip {
  position: absolute;
  left: 100px;
  text-align: left;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 13px;
  width: 220px;
  display: none;
  color: #1e2326;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background: white;
  -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 3px;
  z-index: 1; }
  .badges__badge-tooltip.visible {
    display: block; }

@media print {
  html {
    zoom: 0.69;
    /*workaround for phantomJS2 rendering pages too large*/ } }

hr.page-break {
  display: block;
  margin: 0 !important;
  border: 0 !important;
  clear: both;
  page-break-after: always; }

.portfolio__preview-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 10px 0;
  color: white;
  background-color: #143251;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  z-index: 1; }

.portfolio__preview-overlay-headline {
  margin-bottom: 20px;
  line-height: 32px; }
  .portfolio__preview-overlay-headline .link-icon {
    font-size: 24px;
    margin-right: 12px;
    vertical-align: middle; }
    .portfolio__preview-overlay-headline .link-icon.tc-pencil {
      font-size: 20px; }
  .portfolio__preview-overlay-headline .refresh-state-icon {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    font-size: 25px;
    display: inline-block;
    vertical-align: text-bottom; }
    .portfolio__preview-overlay-headline .refresh-state-icon.tc-check {
      color: #9fbf1d;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: 3s;
      -moz-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s; }
    .portfolio__preview-overlay-headline .refresh-state-icon.tc-x {
      color: #cc441b;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: 3s;
      -moz-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s; }

.portfolio__print-preview-subheadline {
  font-size: 15px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px; }

.portfolio__preview-overlay-headline-text {
  margin-right: 110px;
  font-size: 24px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.portfolio__preview-overlay-headline-links {
  width: 537px; }

.portfolio__preview-overlay-headline-link {
  margin-right: 40px;
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-decoration: none; }
  .portfolio__preview-overlay-headline-link:last-of-type {
    margin-right: 5px; }

.portfolio__preview-overlay-refresh-date {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.portfolio__preview-overlay-body-link {
  margin-left: 5px;
  text-decoration: none;
  font-weight: bold; }

.portfolio__preview-overlay-close-icon {
  color: white;
  font-size: 40px;
  float: right;
  text-decoration: none;
  margin-top: 25px; }

.portfolio__preview-overlay-print-background {
  background-color: #143251;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  padding-top: 190px;
  padding-bottom: 80px; }

.portfolio__preview-overlay-print-container {
  width: 900px;
  margin: 0 auto 0;
  background-color: white;
  position: relative; }

.placeholder-headline {
  color: red;
  font-size: 30px;
  padding: 30px 0;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.portfolio__page-headline,
.portfolio__section-headline,
.portfolio__loop-headline {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 34px;
  border-bottom: 1px solid #9fbf1d;
  color: #9fbf1d;
  margin: 25px 0 16px;
  padding-bottom: 8px; }

.portfolio__page-headline {
  margin: 40px 5%; }

.portfolio__loop-headline {
  font-size: 26px; }

.portfolio__section-headline {
  font-size: 22px; }

.portfolio__section-headline--intro {
  margin-bottom: 40px; }

.portfolio__section-headline--badges {
  border: none; }

.portfolio__section-headline--feedback {
  margin-bottom: 0; }

.portfolio__text-sans {
  font-size: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 27px; }

.portfolio__text-serif {
  font-family: Bitter;
  font-size: 17px;
  line-height: 28px; }

.portfolio__declaration {
  text-transform: uppercase;
  color: #176bbf;
  padding-right: 5px; }

.portfolio__definition-declaration {
  color: #9fbf1d;
  padding-left: 4px; }

.portfolio__definition-headline {
  font-size: 18px;
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.portfolio__loop {
  margin: 0 5%;
  width: 90%;
  border-bottom: 1px solid #9fbf1d;
  padding-bottom: 20px; }

.portfolio__standard {
  padding-right: 5px; }
  .portfolio__standard:after {
    content: ','; }
  .portfolio__standard:last-of-type:after {
    content: ''; }

.portfolio__section-headline-date {
  font-size: 18px;
  color: #a8a6a0; }

/****** portfolio cover ******/
.portfolio__cover {
  position: relative; }

.portfolio__cover-headline {
  margin: 0;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px; }

.portfolio__cover-header {
  color: white;
  padding: 20px 0 40px;
  text-align: center;
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0; }

.tc-header__logo--portfolio {
  background: url("/www/teachcycle/images/betterlesson-personalizedpd-logo-white.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 225px auto !important;
  background-position: 0.65rem center;
  margin: 65px auto 40px !important;
  height: 72px !important;
  width: 246px !important; }

.portfolio__cover-bg {
  background: url("/www/teachcycle/images/ppd-portfolio-background-3.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 1080px;
  position: relative; }

.print-portfolio--preview-mode .portfolio__cover-data {
  bottom: 40px; }

.print-portfolio--preview-mode .portfolio__cover-bg {
  height: 1180px; }

.portfolio__cover-data {
  position: absolute;
  bottom: 100px;
  width: 100%;
  color: white;
  padding: 0 10% 0;
  z-index: 1;
  font-size: 15px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 28px; }

.portfolio__cover-teacher {
  font-size: 24px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-weight: normal;
  padding-bottom: 4px; }

.portfolio__cover-details {
  white-space: pre; }
  .portfolio__cover-details:first-line {
    font-size: 24px;
    font-family: MuseoSans-500, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 40px; }

/****** Portfolio Stats ******/
.portfolio__stats {
  width: 70%;
  margin: 0 15%; }

.portfolio__stats-row {
  padding: 7px 5% 7px 10%;
  min-height: 62px;
  position: relative;
  min-width: 360px; }

.portfolio__stat-number {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: white;
  font-size: 22px;
  float: left;
  display: inline-block;
  vertical-align: middle;
  position: absolute; }

.portfolio__stats-data {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 50px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  padding-left: 60px; }

.portfolio__stats-data--double {
  line-height: 16px;
  padding-top: 10px; }

.portfolio__stats-headline {
  white-space: nowrap; }

.portfolio__stats-subheadline {
  font-size: 11px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.portfolio__stat-highlight--uppercase {
  text-transform: uppercase; }

.portfolio__stats-row--blue .portfolio__stat-number {
  background-color: #125496; }

.portfolio__stats-row--blue .portfolio__stat-highlight {
  color: #125496; }

.portfolio__stats-row--red .portfolio__stat-number {
  background-color: #cc441b; }

.portfolio__stats-row--red .portfolio__stat-highlight {
  color: #cc441b; }

.portfolio__stats-row--green .portfolio__stat-number {
  background-color: #7f9918; }

.portfolio__stats-row--green .portfolio__stat-highlight {
  color: #7f9918; }

.portfolio__stats-subject {
  padding-left: 6px;
  display: inline-block; }
  .portfolio__stats-subject:after {
    content: '&';
    padding-left: 6px;
    color: #1e2326; }
  .portfolio__stats-subject:last-of-type:after {
    content: ''; }

.portfolio__stat-hours {
  padding: 0 0.65rem 0 0.375rem; }

.portfolio__stats-standard {
  padding-right: 6px; }

.portfolio__stats-user {
  margin-bottom: 11px;
  border-bottom: 1px solid #a8a6a0;
  min-width: 360px;
  padding: 0 10%; }

.portfolio__stats-user-name {
  text-align: center;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 22px;
  padding: 10px 0; }

.portfolio__stats-user-dates {
  text-align: center;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0 0 18px 0;
  text-align: center; }

.portfolio__students-impacted {
  border-top: 1px solid #a8a6a0;
  padding: 18px 10% 0;
  margin-top: 11px;
  height: auto; }

.portfolio__stat-number--impact {
  display: block;
  float: none;
  margin: 0 auto;
  position: relative; }

.students-impacted__icon--portfolio {
  font-size: 18px;
  margin: 0; }

.portfolio__students-impacted-container {
  text-align: center;
  max-width: 360px;
  margin: 12px auto; }

.portfolio__students-impacted-caption {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 20px;
  text-align: center;
  margin-top: 12px; }

.portfolio__stats-user-image-mask {
  margin: 30px auto 0; }

.portfolio__stats-user-image {
  width: 70px; }
  .portfolio__stats-user-image.scale-to-width {
    width: 70px; }
  .portfolio__stats-user-image.scale-to-height {
    height: 70px;
    width: auto; }

.portfolio__stats-user-image-mask {
  width: 70px;
  height: 70px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

/****** Portfolio Introduction ******/
.portfolio__intro {
  font-family: Bitter;
  font-size: 11px;
  line-height: 14px;
  margin: 0 5%;
  width: 90%;
  white-space: pre-wrap; }

.portfolio__intro-body {
  width: 90%;
  margin: 0 auto 20px; }

.portfolio__intro-body--vision {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-style: italic; }

.portfolio__intro-author {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #cc441b;
  padding-top: 5px; }

/****** Portfolio Reflection ******/
.portfolio__reflection {
  font-family: Bitter;
  font-size: 13px;
  line-height: 18px;
  margin: 0 5%;
  width: 90%; }

.portfolio__reflection-body {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px; }

.portfolio__reflection-body--v2 {
  white-space: pre-wrap; }

.portfolio__reflection-coach {
  font-style: italic;
  margin: 0 3px; }

.portfolio__reflection-quote {
  color: #cc441b; }

.portfolio__reflection-author {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #cc441b;
  padding-top: 5px; }

.portfolio__reflection-separator {
  width: 90%;
  margin: 0 auto 20px;
  border-top: 1px solid #a8a6a0; }

/****** Portfolio Badges ******/
.portfolio__badges {
  font-size: 13px;
  margin: 0 5%;
  width: 90%;
  float: left; }

.portfolio__badges-category {
  margin-top: 40px; }

.portfolio__badges-category-icon {
  text-align: center; }
  .portfolio__badges-category-icon img {
    height: 90px; }

.portfolio__badges-badge {
  width: 25%;
  float: left;
  position: relative;
  margin-top: 40px;
  padding: 0 10px; }

.portfolio__badges-badge-icon {
  text-align: center;
  margin-bottom: 15px; }
  .portfolio__badges-badge-icon img {
    height: 38px; }

.portfolio__badges-text {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 17px;
  text-align: center; }

.portfolio__badges-points-text {
  font-size: 11px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: center;
  margin-top: 12px;
  color: #a8a6a0; }

.portfolio__badges-points-text--reflection {
  color: #8ba911; }

.portfolio__badges-points-text--kids {
  color: #cc441b; }

.portfolio__badges-points-text--measure {
  color: #54B29E; }

.portfolio__badges-points-text--risk {
  color: #E75A73; }

/****** Portfolio Challenge ******/
.portfolio__challenge {
  margin-top: 20px; }

.portfolio__challenge-page-headline {
  font-size: 10px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #9fbf1d;
  font-weight: normal; }

.portfolio__challenge-header,
.portfolio__challenge-metric,
.portfolio__challenge-standards {
  width: 70%;
  margin: 0 auto;
  min-width: 360px; }

.portfolio_challenge-details {
  width: 100%;
  display: inline-block;
  position: relative; }

.portfolio__challenge-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 65px;
  color: #104b82;
  position: absolute;
  margin-left: -7px; }

.portfolio__challenge-standards {
  background: #f1f1ef;
  padding: 14px 14px 10px;
  font-size: 11px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 14px; }

.portfolio__challenge-copy {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding-left: 70px;
  min-height: 82px; }

.portfolio__challenge-details {
  display: block; }
  .portfolio__challenge-details:after {
    content: '';
    clear: left; }

.portfolio__challenge-subject-headline {
  color: #1560ab;
  text-transform: uppercase;
  font-size: 11px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.portfolio__challenge-subject {
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 10px;
  padding-top: 12px;
  line-height: 10px; }

.portfolio__challenge-sga {
  color: #104b82;
  font-size: 13px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-top: 8px; }

.portfolio__challenge-question {
  clear: both;
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  padding: 11px 0 10px;
  margin-bottom: 18px;
  line-height: 22px;
  border-bottom: 1px solid #a8a6a0; }

.portfolio__challenge-metric {
  padding: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 11px; }

.portfolio__definitions,
.portfolio__definition,
.portfolio__challenge-metric-text {
  padding-top: 14px; }

.portfolio__challenge-standard,
.portfolio__challenge-strategies {
  padding-bottom: 14px; }

.portfolio__challenge-impact {
  display: inline-block; }

.portfolio__challenge-students-impacted {
  float: left; }

.students-impacted__icon--portfolio-challenge {
  font-size: 12px !important;
  margin-top: -3px !important; }

.students-impacted__more--portfolio {
  font-size: 9px;
  float: right; }

.portfolio__declaration--challenge-impact {
  float: left;
  display: block; }

.portfolio__challenge-impact-count {
  float: left;
  padding-right: 8px; }

.portfolio__challenge-metric .tc__metric-highlight {
  color: #9fbf1d;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.portfolio__challenge-standards-list {
  margin-top: 7px; }

/****** Portfolio Loop ******/
.portfolio__strategy-loop {
  display: inline-block;
  clear: both; }

.portfolio__loop {
  float: left;
  clear: both; }

.portfolio__strategy-author {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 16px; }

.portfolio__strategy-title {
  color: #1e2326;
  margin-left: 5px; }

.portfolio__strategy-data {
  position: relative; }
  .portfolio__strategy-data:after {
    content: '';
    clear: both; }

.portfolio__strategy-image-mask {
  position: absolute; }

.portfolio__strategy-data-text {
  width: 100%; }

.portfolio__strategy-data--has-preview {
  min-height: 110px; }
  .portfolio__strategy-data--has-preview .portfolio__strategy-data-text {
    padding-left: 162px; }

.portfolio__strategy-icon {
  font-size: 16px;
  position: absolute;
  margin-right: 5px;
  color: #f69124; }

.portfolio__strategy-author {
  margin-bottom: 16px;
  font-size: 11px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.portfolio__strategy-copy {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 8px;
  line-height: 18px;
  clear: left; }

.portfolio__strategy-details {
  float: left;
  line-height: 9px;
  padding-left: 22px;
  min-height: 20px;
  margin-bottom: 14px; }

.portfolio__strategy-tag {
  text-transform: uppercase;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 11px;
  padding-right: 3px; }

.portfolio__strategy-tag-copy {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 11px; }

.portfolio__strategy-image {
  width: 150px; }
  .portfolio__strategy-image.scale-to-width {
    width: 150px; }
  .portfolio__strategy-image.scale-to-height {
    height: 100px;
    width: auto; }

.portfolio__strategy-image-mask {
  width: 150px;
  height: 100px;
  overflow: hidden; }

/****** Portfolio Feedback ******/
.portfolio__feedback-section {
  font-size: 13px;
  margin: 0 5%;
  width: 90%;
  float: left; }

.portfolio__feedback {
  padding: 16px 0;
  border-bottom: 1px solid #a8a6a0; }
  .portfolio__feedback:last-of-type {
    border-bottom: 0;
    padding-bottom: 0; }

.portfolio__feedback-question,
.portfolio__feedback-answer {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.portfolio__feedback-question {
  margin-bottom: 20px; }

.portfolio__feedback-answer {
  margin-bottom: 18px;
  color: #9fbf1d; }

.portfolio__feedback-notes {
  font-family: Bitter;
  font-size: 13px;
  line-height: 18px; }

.portfolio__feedback-coach-message {
  font-size: 11px;
  line-height: 18px;
  margin-top: 10px; }

.portfolio__feedback-coach-message-note {
  font-family: Bitter;
  font-style: italic; }

.portfolio__feedback-comment {
  margin: 0 3px; }

.portfolio__feedback-quote {
  color: #cc441b; }

.portfolio__feedback-coach-message-author {
  color: #cc441b;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  padding-top: 5px; }

.portfolio__question {
  border-bottom: 1px solid #a8a6a0; }
  .portfolio__question:last-of-type {
    border-bottom: 0; }

/****** Portfolio Measurement ******/
.portfolio__loop-measurement {
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 20px; }
  .portfolio__loop-measurement .chart__total--single {
    width: 165px !important; }
  .portfolio__loop-measurement .chart__value--single {
    width: 163px !important; }
  .portfolio__loop-measurement .chart__label--single {
    width: 165px !important; }

.portfolio__measurement {
  margin: 0 5%;
  width: 90%; }

.portfolio__measurement-metric-text {
  margin-bottom: 16px;
  font-size: 11px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.portfolio__measurement-description-text {
  margin-bottom: 16px;
  font-size: 11px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }
  .portfolio__measurement-description-text .highlight {
    color: #176bbf; }
    .portfolio__measurement-description-text .highlight.tall {
      font-size: 18px; }

.portfolio__challenge-metric {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.portfolio__measurement .portfolio__measurement-description-text:last-of-type {
  margin-bottom: 20px; }

.portfolio__measurement-chart-container {
  margin: 0 auto 20px;
  width: 70%;
  text-align: center;
  min-width: 360px; }

.portfolio__measurement-description--highlight {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

/****** Portfolio Artifact ******/
.portfolio__section-headline--artifact {
  width: 90%;
  margin: 0 5%;
  float: left;
  display: inline-block; }

.portfolio__artifact {
  margin: 22px 5% 0;
  padding-bottom: 20px;
  width: 90%;
  border-bottom: 1px solid #a8a6a0;
  float: left;
  clear: both; }
  .portfolio__artifact.no-border {
    border-bottom: 0; }

.portfolio__artifact-filename {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #176bbf;
  font-size: 11px; }

.artifact__type--print {
  height: 19px;
  font-size: 9px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin: 8px 0;
  padding: 3px 6px; }

.artifact__flag-end--print {
  font-size: 19px; }

.portfolio__artifact-notes {
  font-size: 11px;
  font-family: Bitter;
  line-height: 20px; }

.portfolio__artifact-notes-declaration {
  padding-right: 5px; }

.portfolio__artifact-image {
  max-width: 80%; }
  .portfolio__artifact-image img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 1000px; }

.portfolio__artifact-movie-data {
  width: 100%;
  float: left;
  clear: left; }

.portfolio__artifact-movie-icon {
  font-size: 18px;
  float: left;
  color: #a8a6a0; }

.portfolio__artifact-movie-url {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 18px;
  margin-left: 8px;
  float: left; }

/****** Artifact Comment ********/
.portfolio__artifact-comment {
  margin: 0 5%;
  width: 90%;
  font-size: 11px;
  line-height: 18px; }

.portfolio__artifact-comment-text {
  font-style: italic;
  font-family: Bitter; }

.portfolio__artifact-comment-author {
  color: #cc441b;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

/****** Portfolio edit pages ******/
.portfolio-edit__header-container {
  position: fixed;
  width: 100%;
  z-index: 2; }

.portfolio-edit__separator {
  border-top: 1px solid #dbdad7;
  width: 100%; }

.tc-header--portfolio-edit {
  height: 60px; }

.portfolio-edit__header-name {
  font-size: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin-top: 9px;
  padding-left: 10%; }

.portfolio-edit__header-links {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: right;
  padding-right: 25px;
  margin-top: 12px; }

.portfolio-edit__header-link {
  margin-left: 30px; }

.portfolio-edit__header-autosave-icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle; }
  .portfolio-edit__header-autosave-icon.tc-check {
    color: #9fbf1d;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s; }

.portfolio-edit__container {
  padding-top: 107px;
  list-style-position: inside; }

.portfolio-edit__container--strategies {
  margin-bottom: 50px; }

.portfolio-edit__header-navigation {
  border-bottom: 1px solid #dbdad7;
  position: absolute;
  background: white;
  width: 100%; }
  .portfolio-edit__header-navigation.fixed {
    position: fixed;
    top: 0;
    background: white;
    z-index: 1; }

.portfolio-edit__header-navigation-link {
  float: left;
  padding: 17px 55px 13px 15px;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #a8a6a0;
  cursor: pointer; }
  .portfolio-edit__header-navigation-link.previous {
    cursor: pointer;
    color: #1b7ee0; }
  .portfolio-edit__header-navigation-link.current {
    color: inherit;
    font-family: MuseoSans-700, Helvetica, sans-serif; }

.portfolio-edit__header-navigation-link--next {
  padding: 15px;
  color: white;
  font-size: 16px;
  background-color: #176bbf;
  text-align: center;
  width: 276px;
  float: right; }
  .portfolio-edit__header-navigation-link--next .tc-arrow-up {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    height: 14px;
    margin-left: 22px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left: 3px; }

.portfolio-edit__dialog-headline {
  padding: 56px 40px 26px;
  font-size: 22px; }

.portfolio-edit__dialog-buttons {
  margin-bottom: 30px; }

.portfolio-edit__dialog-button {
  margin: 0 10px;
  height: 42px;
  width: 150px;
  padding: 0 30px;
  font-size: 18px;
  line-height: 42px; }

.portfolio-edit__input-container {
  margin-top: 20px;
  position: relative; }

input.portfolio-edit__name-input {
  width: 50%;
  height: 45px;
  padding: 0 15px; }

.portfolio-edit__name-input-error {
  margin-left: 25%; }

.portfolio-edit__refresh-container {
  margin: 5px; }

.portfolio-edit__refresh-btn {
  margin-left: 30px; }

.portfolio-edit__refresh-state {
  line-height: 40px;
  position: absolute;
  right: -125px;
  top: 15px; }
  .portfolio-edit__refresh-state .refresh-state-icon {
    margin-right: 10px;
    width: 25px;
    height: 25px;
    font-size: 30px;
    display: inline-block;
    vertical-align: text-bottom; }
    .portfolio-edit__refresh-state .refresh-state-icon.tc-check {
      color: #9fbf1d;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: 3s;
      -moz-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s; }
    .portfolio-edit__refresh-state .refresh-state-icon.tc-x {
      color: #cc441b;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: 3s;
      -moz-transition-delay: 3s;
      -o-transition-delay: 3s;
      transition-delay: 3s; }

.portfolio-edit__refresh-state--summary {
  right: -170px;
  top: initial;
  bottom: 85px; }

.portfolio-edit__refresh-date {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #a8a6a0; }

.portfolio-edit__cover-preview-container {
  margin-top: 30px;
  margin-bottom: 30px; }

.portfolio-edit__cover-preview {
  height: 320px;
  width: 236px;
  background: url("/www/teachcycle/images/portfolio-cover-page-preview.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0.65rem center;
  margin: 10px auto 0; }

.portfolio-edit__cover-details-label,
.portfolio-edit__cover-title-label {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  float: left;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 22px;
  text-align: left; }

.portfolio-edit__cover-title-label {
  margin-top: 18px; }

.portfolio-edit__cover-field-subtitle {
  margin-top: 10px;
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

input.portfolio-edit__title-input {
  display: block;
  width: 100%;
  height: 45px;
  padding: 15px;
  margin-top: 10px; }

textarea.portfolio-edit__details-input {
  display: block;
  width: 100%;
  height: 125px;
  padding: 15px;
  margin-top: 10px; }

.portfolio-edit__term-headline {
  margin: 30px 0 20px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 22px; }

input.portfolio-edit__term-input {
  width: 50%;
  height: 45px;
  padding: 15px;
  margin-bottom: 30px; }

.portfolio-edit__pd-hours-headline {
  margin: 40px 0 20px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 22px; }

.portfolio-edit__hours-label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 18px; }

input.portfolio-edit__hours-input {
  margin-right: 100px;
  margin-bottom: 100px;
  padding: 0 15px;
  width: 80px;
  height: 45px; }

.portfolio-edit__intro-headline {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px; }

.portfolio-edit__intro-text {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 16px; }

textarea.portfolio-edit__intro-input {
  width: 100%;
  height: 100px;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 36px; }

.portfolio-edit__strategies-refresh-text {
  margin-top: 20px; }

.portfolio-edit__strategies-refresh-btn {
  position: relative; }

.portfolio-edit__refresh-spinner {
  position: absolute;
  left: 5px;
  top: 7px;
  height: 14px;
  width: 14px; }

.portfolio-edit__strategies-headline {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px; }

.portfolio-edit__strategy-field-headers {
  font-size: 12px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 20px auto 10px; }

.portfolio-edit__strategy-capsule {
  border: 1px solid #a8a6a0;
  border-radius: 8px;
  padding: 10px 0;
  margin-bottom: 20px; }

.portfolio-edit__strategy-capsule--grey {
  color: #a8a6a0; }

.portfolio-edit__strategy-capsule-icon-col {
  text-align: center; }

.portfolio-edit__strategy-visible-icon {
  border-radius: 50%;
  background-color: #9fbf1d;
  color: white;
  font-size: 32px;
  line-height: 48px;
  cursor: pointer; }
  .portfolio-edit__strategy-visible-icon.disabled {
    cursor: default; }

.portfolio-edit__strategy-visible-icon--grey {
  background-color: #dbdad7; }

.portfolio-edit__strategy-edit-icon {
  color: #176bbf;
  font-size: 22px;
  line-height: 48px;
  cursor: pointer; }

.portfolio-edit__strategy-edit-icon--grey {
  color: #dbdad7;
  cursor: default; }

.portfolio-edit__strategy-edit-menu {
  position: absolute;
  right: 20px;
  width: 170px;
  background-color: white;
  -webkit-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  -moz-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  z-index: 1; }
  .portfolio-edit__strategy-edit-menu:before {
    content: '';
    position: absolute;
    top: -20px;
    right: 20px;
    border-bottom: 10px solid #f1f1ef;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }
  .portfolio-edit__strategy-edit-menu:after {
    content: '';
    position: absolute;
    top: -17px;
    right: 20px;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }

.portfolio-edit__strategy-edit-menu-item {
  padding: 10px;
  cursor: pointer; }
  .portfolio-edit__strategy-edit-menu-item:hover {
    background-color: #f5f5f5;
    color: #1976d2; }
  .portfolio-edit__strategy-edit-menu-item.disabled {
    background-color: white;
    color: #dbdad7;
    cursor: default; }
    .portfolio-edit__strategy-edit-menu-item.disabled:hover {
      background-color: white;
      color: #dbdad7; }

.portfolio-edit__strategy-name {
  display: block;
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.portfolio-edit__strategy-data {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 16px;
  font-style: italic;
  margin-top: 12px; }

.portfolio-edit__strategy-students-impacted {
  margin-left: 20px; }

.portfolio-edit__strategy-capsule-text-col {
  font-size: 13px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 48px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.portfolio-edit__substep-header-navigation-link {
  display: inline-block;
  padding: 21px; }
  .portfolio-edit__substep-header-navigation-link .tc-arrow-up {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    height: 14px;
    margin-right: 22px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding-right: 3px; }

.portfolio-edit__substep-header-autosave-icon {
  margin: 21px; }

.portfolio-edit__substep-container {
  padding-top: 80px;
  margin-bottom: 50px; }

.portfolio-edit__substep-strategy-name {
  margin-top: 3px; }

.portfolio-edit__substep-strategy-completed {
  font-size: 13px;
  line-height: 13px;
  margin-top: 9px; }

.portfolio-edit__empty-placeholder {
  font-style: italic; }

.portfolio-edit__substep-textarea {
  width: 100%;
  height: 100px; }

.portfolio-edit__substep-footer {
  position: fixed;
  background: #f7f7f5;
  width: 100%;
  padding: 10px;
  text-align: center;
  bottom: 0;
  z-index: 5; }

.portfolio-edit__artifacts-instructional-text {
  margin-top: 30px;
  margin-bottom: 20px; }

.portfolio-edit__artifact-capsule {
  border: 1px solid #a8a6a0;
  border-radius: 8px;
  padding: 10px 10px 10px 0;
  margin-bottom: 30px; }

.portfolio-edit__artifact-capsule--grey {
  color: #a8a6a0; }

.portfolio-edit__artifact-info {
  cursor: pointer; }

.portfolio-edit__artifact-image {
  width: 137px; }
  .portfolio-edit__artifact-image.scale-to-width {
    width: 137px; }
  .portfolio-edit__artifact-image.scale-to-height {
    height: 94px;
    width: auto; }

.portfolio-edit__artifact-image-mask {
  width: 137px;
  height: 94px;
  overflow: hidden; }

.portfolio-edit__artifact-image--no-preview {
  position: relative;
  width: 137px;
  height: 94px;
  background: #c2c0ba; }
  .portfolio-edit__artifact-image--no-preview .artifact__type-icon--no-preview {
    font-size: 40px;
    margin-top: -20px;
    margin-left: -20px; }

.portfolio-edit__artifact-type-icon {
  float: none;
  display: inline-block;
  vertical-align: middle; }

.portfolio-edit__artifact-name {
  margin-left: 5px; }

.portfolio-edit__artifact-uploaded {
  font-size: 13px;
  line-height: 13px;
  margin-top: 10px; }

.portfolio-edit__comment-icon {
  float: left;
  color: #176bbf;
  font-size: 20px;
  cursor: pointer; }

.portfolio-edit__comment-icon--grey {
  color: #c2c0ba; }

.portfolio-edit__comment-icon-caption {
  float: left;
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-left: 12px;
  margin-top: 2px;
  color: #176bbf;
  cursor: pointer; }

.portfolio-edit__comment-icon-caption--grey {
  color: #c2c0ba; }

.portfolio-edit__tml-comments {
  padding-top: 2px; }

.portfolio-edit__tml-comment--grey {
  color: #a8a6a0; }

.portfolio-edit__tml-commenter-image {
  width: 50px; }
  .portfolio-edit__tml-commenter-image.scale-to-width {
    width: 50px; }
  .portfolio-edit__tml-commenter-image.scale-to-height {
    height: 50px;
    width: auto; }

.portfolio-edit__tml-commenter-image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.portfolio-edit__tml-commenter {
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.portfolio-edit__tml-comment-text {
  margin-top: 10px; }

.portfolio-edit__feedback-headline {
  display: inline-block;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin: 30px auto 8px; }

.portfolio-edit__feedback-separator {
  margin: 12px auto;
  border-top: 1px solid #dbdad7; }

.portfolio-edit__feedback-step {
  text-align: center; }

.portfolio-edit__feedback-step--teach {
  color: #cc441b; }

.portfolio-edit__feedback-step--measure {
  color: #9fbf1d; }

.portfolio-edit__feedback-step--learn {
  color: #1560ab; }

.portfolio-edit__feedback-step-icon {
  font-size: 30px; }

.portfolio-edit__feedback-step-name {
  font-size: 11px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  text-transform: capitalize;
  margin-top: 10px; }

.portfolio-edit__feedback-question {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 22px; }

.portfolio-edit__feedback-text {
  margin-top: 10px; }

.portfolio-edit__summary-headline {
  margin: 20px auto 25px; }

.portfolio-edit__summary-checklist-item {
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px;
  margin: 5px 0 34px; }

.portfolio-edit__summary-checklist-item--green {
  color: #9fbf1d; }

.portfolio-edit__summary-checklist-icon {
  font-size: 20px;
  vertical-align: text-bottom;
  margin-right: 5px; }
  .portfolio-edit__summary-checklist-icon.tc-check {
    color: #9fbf1d; }
  .portfolio-edit__summary-checklist-icon.tc-x {
    color: #cc441b; }

.portfolio-edit__summary-name {
  margin-bottom: 10px; }

.portfolio-edit__summary-text {
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px; }

.portfolio-edit__summary-data-counts {
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px;
  margin-top: 20px;
  list-style: none; }

.portfolio-edit__summary-data-count {
  position: relative; }
  .portfolio-edit__summary-data-count:before {
    content: "\2022";
    display: inline;
    line-height: 20px;
    color: black;
    margin-right: 10px; }

.portfolio-edit__summary-icons {
  margin-top: 40px; }

.portfolio-edit__summary-icon-link {
  width: 30%;
  float: left;
  text-align: center;
  font-size: 14px;
  line-height: 18px; }
  .portfolio-edit__summary-icon-link a:hover {
    text-decoration: none; }
  .portfolio-edit__summary-icon-link .icon {
    font-size: 24px;
    margin-bottom: 14px; }
    .portfolio-edit__summary-icon-link .icon.tc-fullscreen {
      font-size: 20px; }

.portfolio-edit__summary-icon-link--refresh {
  width: 40%; }

.portfolio_edit__summary-stats-preview-container {
  border: 1px solid #dbdad7; }
  .portfolio_edit__summary-stats-preview-container .students-impacted__icon--portfolio {
    font-size: 12px; }
  .portfolio_edit__summary-stats-preview-container .portfolio__students-impacted-caption {
    margin-top: 6px; }
  .portfolio_edit__summary-stats-preview-container .portfolio__students-impacted-container {
    margin: 4px 0; }
  .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview {
    width: 100%;
    height: 100%; }
    .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats {
      width: 100%;
      margin: 0; }
      .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-user {
        width: 100%;
        margin: 0;
        border-bottom: 0;
        min-width: 0; }
      .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-user-image-mask {
        display: none; }
      .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-user-name {
        display: none; }
      .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-user-dates {
        font-size: 0.8em; }
      .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-row {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 0;
        min-height: 34px; }
        .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-row .portfolio__stat-number {
          width: 30px;
          height: 30px;
          line-height: 30px;
          font-size: 0.85em; }
        .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-row.portfolio__students-impacted {
          padding-top: 8px; }
        .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-row .portfolio__stats-subheadline {
          font-size: 0.8em; }
          .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-row .portfolio__stats-subheadline .portfolio__stats-subject .portfolio__stat-highlight {
            font-size: 0.7em; }
        .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-row .portfolio__stats-data {
          font-size: 0.7em;
          line-height: 12px;
          padding-left: 42px;
          padding-top: 10px; }
        .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__stats-row .portfolio__stats-data--double {
          padding-top: 6px; }
      .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__students-impacted {
        height: auto; }
      .portfolio_edit__summary-stats-preview-container .portfolio-edit__summary-stats-preview .portfolio__stats .portfolio__students-impacted-caption {
        font-size: 16px; }

/******* default alert (appears under normal TC header)******/
.alert-banner {
  position: absolute;
  width: 100%;
  padding: 10px;
  top: 70px;
  z-index: 300;
  color: white;
  text-align: center;
  background-color: #2cb65e;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  -webkit-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  -o-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out; }

.absolute-banner--stateless {
  opacity: 0; }
  .absolute-banner--stateless.show {
    opacity: 100; }

.alert-banner--red {
  background-color: red; }

.alert-banner--orange {
  background-color: #f5b33e;
  color: #3D3D3D;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
  .alert-banner--orange .alert-banner__headline {
    font-size: 18px;
    line-height: 22px; }

.alert-banner--fixed {
  top: 0;
  position: fixed;
  z-index: 1000; }

.alert-banner--fixed-under-header {
  top: 80px;
  position: fixed; }

.alert-banner--top {
  top: 0; }

.alert-banner--tml {
  top: 120px; }

.alert-banner--tml-v2 {
  top: 50px; }

.alert-banner--teacher-portfolio-edit-substep {
  top: 60px; }

.alert-banner__headline {
  font-size: 16px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px; }
  .alert-banner__headline li {
    font-size: 14px;
    font-family: "Circular Medium", Helvetica, sans-serif;
    line-height: 18px; }

.alert-banner__headline--left-align {
  text-align: left;
  list-style-position: inside; }

.alert-banner__link {
  color: #1f8bdf; }

.alert-close-link {
  position: absolute;
  top: 8px;
  right: 0;
  width: 10%;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer; }

.code-404__img {
  width: 100%;
  margin-top: 30px; }

@media only screen and (max-width: 48em) {
  .responsive-layout .code-404 {
    margin-top: 50px; } }

/****** Wide Strategy Capsule for teachcycle V2 (has the pin/note user actions) ******/
.wide-capsule-v2 {
  margin-bottom: 14px;
  border: 1px solid #CECECE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.wide-capsule-v2__content {
  padding: 25px 25px 25px 0;
  width: 100%;
  float: left; }
  .wide-capsule-v2__content .tc-target {
    color: #f69124; }

.wide-capsule-v2__user-actions {
  width: 5%;
  float: left;
  text-align: center; }
  .wide-capsule-v2__user-actions .tc__link:hover {
    text-decoration: none; }

.wide-capsule-v2__user-action-icon {
  position: relative;
  display: inline-block;
  margin: 0 13px;
  color: #a8a6a0;
  font-size: 21px; }
  .wide-capsule-v2__user-action-icon:hover {
    color: #1b7ee0; }

.wide-capsule-v2__user-action-icon--active {
  color: #1b7ee0; }

.wide-capsule-v2__user-action-icon--pin {
  margin-bottom: 85px; }

.wide-capsule-v2__note-count {
  position: absolute;
  top: 0;
  right: 0;
  background: #1b7ee0;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  margin-right: -5px;
  text-align: center;
  line-height: 13px; }

.wide-capsule-v2__note-count--large {
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin-top: -10px;
  margin-right: -10px; }

.wide-capsule-v2__note-count--very-large {
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin-top: -15px;
  margin-right: -12px; }

.wide-capsule-v2__preview-container {
  float: left;
  margin-right: 20px; }

.wide-capsule-v2__text {
  border-right: 1px solid #DBDAD7;
  padding: 0 30px 0 22px;
  width: 70%;
  float: left; }

.wide-capsule-v2__text--border-left {
  border-left: 1px solid #DBDAD7; }

.wide-capsule-v2__headline {
  padding-bottom: 15px;
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.wide-capsule-v2__body, .id-wide-capsule-v2__body {
  height: 200px;
  overflow: hidden;
  position: relative; }
  .wide-capsule-v2__body:after, .id-wide-capsule-v2__body:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }

.wide-capsule-v2__details {
  padding: 0 0 0 30px;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.wide-capsule-v2__details--no-user-actions {
  width: 30%; }

.wide-capsule-v2__detail {
  margin-top: 12px; }

.wide-capsule-v2__detail--artifact-flag {
  margin: 18px 0 5px;
  color: white;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  background: #ff5b29;
  padding: 6px 10px;
  position: relative;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px; }

.wide-capsule-v2__detail--artifact-type {
  margin-top: 5px; }

.wide-capsule-v2__icon {
  font-size: 21px; }

.wide-capsule-v2__icon-label {
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 0 5px;
  max-width: 200px; }

.wide-capsule-v2__crumbs {
  border-top: 1px solid #DBDAD7;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 14px 30px;
  font-size: 12px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.wide-capsule-v2__crumb {
  float: left;
  padding-right: 5px;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/****** Instructional Design Strategies ******/
.id_strategy__image {
  width: 190px; }
  .id_strategy__image.scale-to-width {
    width: 190px; }
  .id_strategy__image.scale-to-height {
    height: 142px;
    width: auto; }

.id_strategy__image-mask {
  width: 190px;
  height: 142px;
  overflow: hidden; }

.id-wide-capsule-v2 {
  margin-bottom: 14px;
  border: 1px solid #c2c0ba;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  max-height: 230px; }

.id-wide-capsule-v2__text {
  border-right: 1px solid #DBDAD7;
  padding: 0 30px 0 22px;
  width: 70%;
  float: left;
  max-height: 142px; }

.strategy__meta-strategy-title {
  margin: 0px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.id-wide-capsule-v2__body {
  height: 100px; }

.browser-v2__wrap--tabs,
.browser-v2__wrap--breadcrumbs {
  width: 100%;
  border-bottom: 1px solid #dbdad7;
  position: relative; }

.browser__challenge--v2 .tc__link:hover {
  color: #176bbf;
  text-decoration: underline; }

.browser__challenge--v2 .tc__link--added {
  color: #104b82;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.browser__challenge--v2 .tc__link--activated {
  color: #104b82;
  position: relative;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.browser__challenge--v2 .tc__link--activated:after {
  font-family: 'teach-cycle-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\E9C5';
  color: #104b82;
  position: absolute;
  top: 5px;
  left: -12px;
  font-size: 8px; }

.browser__challenge--v2 .tc__link--none {
  color: #000; }
  .browser__challenge--v2 .tc__link--none:hover {
    color: #176bbf;
    text-decoration: underline; }

.browser__challenge--v2 .tc__link--completed {
  color: #8ba911;
  font-family: MuseoSans-700, Helvetica, sans-serif; }
  .browser__challenge--v2 .tc__link--completed:hover {
    color: #8ba911;
    text-decoration: underline; }

.browser__catagory-menu--v2 {
  padding-top: 20px; }

.browser__challenge--v2 {
  padding-bottom: 16px;
  font-size: 14px;
  line-height: 20px; }

.tc__sga-icon--v2 {
  color: #104b82;
  text-align: center;
  font-size: 75px;
  margin-bottom: 14px; }

.tc__sga-icon--tga {
  color: #34b3a0; }

.browser__sga-details--v2 {
  color: #104b82;
  text-align: center;
  line-height: 20px;
  font-size: 13px; }

.browser__sga-details--tga {
  color: #34b3a0; }

/****** browser-v2 Browser Breadcrumbs V2 ******/
.browser-v2__crumb, .browser-v2__crumb_id {
  float: left;
  line-height: 20px;
  font-size: 13px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-right: 15px;
  margin-right: 15px;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 1px solid #d7d7d7; }
  .browser-v2__crumb:last-of-type, .browser-v2__crumb_id:last-of-type {
    padding-right: 0;
    margin-right: 0;
    border-right: none; }

.browser-v2__crumb_id {
  max-width: 200px; }

.browser-v2__crumb--added {
  color: #104b82;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.browser-v2__crumb--activated {
  color: #104b82;
  position: relative;
  padding-left: 12px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }
  .browser-v2__crumb--activated:after {
    content: '';
    color: #104b82;
    position: absolute;
    top: 5px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #176bbf; }

.browser-v2__crumb--completed {
  color: #8ba911;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.browser-v2__crumb-link {
  color: #000;
  font-family: "Circular Book", Helvetica, sans-serif;
  text-decoration: none; }
  .browser-v2__crumb-link:hover {
    color: #176bbf;
    text-decoration: underline; }
  .browser-v2__crumb-link:visited {
    text-decoration: none; }

.browser-v2__crumb-link--added {
  color: #104b82;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.browser-v2__crumb-link--activated {
  color: #104b82;
  position: relative;
  padding-left: 12px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }
  .browser-v2__crumb-link--activated:after {
    content: '';
    color: #104b82;
    position: absolute;
    top: 2px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #176bbf; }

.browser-v2__crumb-link--completed {
  color: #8ba911;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

/****** Challenge Strategies page V2 ******/
.browser-v2__wrap--challenge {
  padding-top: 20px; }

.browser-v2__challenge-description {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 18px;
  padding: 6px 0 14px; }

.browser-v2__challenge-state {
  color: #1b7ee0;
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 20px;
  display: inline-block;
  float: left;
  padding-top: 4px; }

.browser-v2__challenge-state--clickable {
  cursor: pointer; }
  .browser-v2__challenge-state--clickable.browser-v2__challenge-state--btn {
    border: 1px solid #1560ab;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 30px; }

.browser-v2__challenge-state--active {
  color: #10396f; }

.browser-v2__challenge-state--complete {
  color: #799c10; }

.browser-v2__challenge-state-icon {
  margin-right: 8px;
  vertical-align: bottom;
  display: inline-block;
  float: left; }
  .browser-v2__challenge-state-icon .tc-playlist-play,
  .browser-v2__challenge-state-icon .tc-playlist-add {
    margin-top: 2px; }

.browser-v2__challenge-state-caption {
  float: left; }

.browser-v2__challenge-state-icon--plus {
  font-size: 16px; }

.browser-v2__challenge-state-layer-link {
  float: left; }
  .browser-v2__challenge-state-layer-link:hover {
    text-decoration: none; }

.browser-v2__grade-headline {
  float: left;
  padding-right: 60px; }

.browser-v2__grades {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #dbdad7;
  border-bottom: 1px solid #dbdad7;
  margin: 12px 0; }

.browser-v2__grade-filter {
  float: left;
  margin-right: 50px; }
  .browser-v2__grade-filter .tc__checkbox {
    margin-right: 10px; }

/****** Meta Strategies ******/
.browser-v2__meta-strategy-container {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #F7F7F5; }

.browser-v2__meta-strategy-name {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 500; }

.browser-v2__meta-strategy-description {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 24px; }

/****** Strategies Search Results page V2 ******/
.browser-v2__search-results-crumbs {
  padding-bottom: 0;
  height: 40px; }
  .browser-v2__search-results-crumbs .browser__tab {
    padding: 9px 0 5px;
    font-size: 20px; }

.browser-v2__search-results-text {
  margin: 18px 0 10px;
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }
  .browser-v2__search-results-text a {
    text-decoration: none;
    margin-left: 18px; }

.browser-v2__search-results-loading-text {
  text-align: center;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 10px 0; }
  .browser-v2__search-results-loading-text .bigspinner {
    margin-top: 0;
    margin-bottom: 10px; }

/****** Custom Strategy ******/
.browser-v2__custom-strategy-link {
  float: left;
  font-size: 13px;
  margin: 5px 0 0 15px;
  padding: 4px 0 4px 15px;
  border-left: 1px solid #dbdad7;
  font-family: MuseoSans-300, Helvetica, sans-serif; }
  .browser-v2__custom-strategy-link a {
    color: #1560ab;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    font-weight: normal; }

.browser-v2__custom-strategy-layer-link:hover {
  text-decoration: underline; }

.custom-strategy {
  padding: 30px 20px 20px; }

.custom-strategy_headline {
  margin-bottom: 30px; }

.custom-strategy__form {
  padding: 0 50px;
  margin: 0px; }

.custom-strategy__label {
  text-align: left;
  width: 100%;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 21px; }

.custom-strategy__input,
.custom-strategy__textarea {
  width: 100%; }

input.custom-strategy__input {
  height: 52px;
  padding: 0 16px; }

.custom-strategy__textarea {
  height: 100px; }

.custom-strategy__multiselect-label {
  float: left; }

.coach-pin__multiselect.custom-strategy__multiselect-input {
  margin-bottom: 0;
  width: 518px;
  float: left; }

.custom-strategy__field-container {
  position: relative;
  margin-top: 30px; }
  .custom-strategy__field-container:last-of-type {
    margin-bottom: 20px; }

.error .custom-select {
  color: #cc441b;
  border: 1px solid #cc441b;
  background: #ffece5;
  -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
  -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
  box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }
  .error .custom-select .tc__input--custom-select {
    background: #ffece5; }

.si-v2__head {
  padding-top: 0;
  padding-bottom: 0;
  margin: 25px 0; }

.si-v2__head--private {
  padding-left: 1.3rem; }

.si-v2__headline {
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 22px; }

.si-v2__headline--detail {
  margin-bottom: 10px;
  padding: 0; }

.si-v2__headline--similar {
  margin-bottom: 20px; }

.si-v2__title {
  display: inline-block;
  margin-bottom: 20px; }

.si-v2__tag {
  margin: 3px 0 0 30px; }

.si-v2__tag--desc {
  text-transform: none; }

.si-v2__tag-desc {
  margin: 12px 0 15px; }

.si-v2__copy {
  margin: 14px 0 0; }

.si-v2__artifacts {
  border-top: 2px solid #c2c0ba;
  padding: 30px 0; }

.si-v2__wrap--similar {
  background: #f7f7f5;
  width: 100%;
  min-height: 180px;
  padding: 30px 0 90px; }

/******* Pin/Note Area *******/
.si-v2__pin-caption {
  float: left; }

.si-v2__user-actions {
  padding-right: 0;
  margin-top: 25px;
  text-align: center; }

.si-v2__user-action {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 18px;
  color: #176bbf;
  cursor: pointer;
  text-decoration: none; }

.si-v2__user-action-icon {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  color: #a8a6a0;
  font-size: 21px; }
  .si-v2__user-action-icon:hover {
    color: #1b7ee0; }
  .si-v2__user-action-icon.tc-note {
    margin-top: 40px;
    margin-bottom: 0; }

.si-v2__user-action-icon--active {
  color: #1b7ee0; }

.si-v2__note-count {
  position: absolute;
  top: 0;
  right: 0;
  background: #1b7ee0;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  margin-right: -5px;
  text-align: center;
  line-height: 13px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 10px; }

.si-v2__note-count--large {
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin-top: -10px;
  margin-right: -9px; }

.si-v2__note-count--very-large {
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin-top: -15px;
  margin-right: -12px; }

.si-v2__teaching-challenge-name {
  border-top: 1px solid #d7d7d7;
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 0; }

.si-v2__challenge-state {
  font-size: 12px;
  line-height: 16px;
  vertical-align: text-bottom;
  margin-left: 10px; }
  .si-v2__challenge-state .browser-v2__challenge-state-icon {
    margin-right: 5px; }
  .si-v2__challenge-state .tc-playlist-add, .si-v2__challenge-state .tc-playlist-play {
    margin-top: 2px; }

/******* Strategy Details ******/
.si-v2__details, .si-v2__details_id {
  border-top: 2px solid #c2c0ba;
  margin: 0 auto;
  padding: 30px 0; }

.si-v2__questions {
  padding-left: 18px; }
  .si-v2__questions li {
    padding-top: 12px; }

.si-v2__lesson-notes {
  margin: 34px 0 0; }
  .si-v2__lesson-notes p {
    margin-bottom: 9px; }
    .si-v2__lesson-notes p:last-of-type {
      margin-bottom: 0; }

.si-v2__detail {
  display: inline-block;
  float: left;
  clear: left;
  line-height: 22px;
  padding: 0;
  position: relative; }

.si-v2__detail-highlight {
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 13px; }

.si-v2__detail-icon {
  position: absolute;
  margin-left: -3px;
  font-size: 20px; }

.si-v2__detail-copy {
  padding: 2px 0 0 2px; }

.si-v2__detail-preptime {
  padding-left: 20px; }

.si-v2__detail-value {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  left: 0;
  font-size: 12px;
  margin: 6px 0 0 2px; }

.si-v2__detail-fixedselectbutton {
  background: #ffffff;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100; }

.layer .si-v2__detail-fixedselectbutton {
  display: none; }

/****** Teacher Details ******/
.si-v2__author-image {
  width: 72px; }
  .si-v2__author-image.scale-to-width {
    width: 72px; }
  .si-v2__author-image.scale-to-height {
    height: 72px;
    width: auto; }

.si-v2__author-image-mask {
  width: 72px;
  height: 72px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.si-v2__author-image-item {
  padding-left: 0; }

.si-v2__author-image-mask {
  margin-top: 20px;
  float: left; }

.si-v2__author-details {
  padding-top: 30px;
  float: left;
  width: 180px;
  margin-left: 10px; }

.si-v2__author-name {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 10px; }

.si-v2__author-detail {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px; }

.si-v2__back-links {
  margin-top: 10px; }

.si-v2__link {
  padding: 10px 0;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

/****** Artifacts ******/
.si-v2__artifact {
  height: 435px;
  cursor: pointer; }

.si-v2__artifact--with-image-ctl {
  height: 490px;
  cursor: pointer; }

.artifact-v2__image {
  width: 370px; }
  .artifact-v2__image.scale-to-width {
    width: 370px; }
  .artifact-v2__image.scale-to-height {
    height: 220px;
    width: auto; }

.artifact-v2__image-mask {
  width: 370px;
  height: 220px;
  overflow: hidden; }

.artifact-v2__image-mask {
  margin: 0 auto 15px;
  position: relative; }

.artifact-v2__image--none {
  width: 370px;
  height: 220px;
  background: #dbdad7;
  line-height: 220px;
  text-align: center; }

.artifact-v2__notes {
  float: left;
  clear: both;
  padding-top: 10px;
  overflow: hidden; }

.artifact-v2__title {
  float: left;
  padding-left: 10px;
  max-width: 280px; }

.artifact-v2__file-type {
  float: left;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: capitalize;
  padding-left: 10px; }

.strategy-v2__readmore--artifact {
  float: left; }

a.lesson-link-v2 {
  display: inline-block;
  padding-top: 10px; }
  a.lesson-link-v2 .lesson-link-v2__crumbs {
    text-decoration: none;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    color: #1e2326;
    padding-top: 3px; }

.lesson-link-v2__icon {
  float: left;
  color: #f69124;
  font-size: 24px;
  margin-right: 10px; }

.lesson-link-v2__details {
  float: left; }

.si-v2__artifacts-count-container {
  font-size: 13px; }

.si-v2__artifacts-count-link {
  color: #176bbf;
  text-decoration: none;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase; }

/***** Ratings *****/
.si-v2__rating {
  border-top: 1px solid #dbdad7;
  margin-top: 20px;
  padding: 10px; }

.si-v2__ctas {
  margin-top: 10px; }

.si-v2__ctas a {
  cursor: pointer;
  border: 1px solid #ecedee;
  padding: 6px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #fff; }

.si-v2__ctas a.active {
  background-color: #2975cc;
  color: #fff; }

/***** Image Regen *****/
.si-v2__imageregen {
  display: block;
  clear: both;
  border-top: 1px solid #dbdad7;
  margin-top: 42px;
  padding-top: 10px; }

.si-v2__imageregen .tc__btn {
  float: left;
  margin-right: 5px; }

.si-v2__imageregen .disabled {
  pointer-events: auto; }

/***** Meta Strategies *****/
.si-v2__meta-title {
  display: inline-block;
  margin-bottom: 18px; }

.si-v2__meta-title--phone {
  display: none; }

.si-v2__meta-name {
  margin-bottom: 10px; }

.si-v2__action-steps-header {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 18px;
  margin-bottom: 25px; }

.si-v2__action-step-list {
  list-style: none; }

.si-v2__action-step {
  line-height: 24px;
  margin: 24px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 16px; }
  .si-v2__action-step:before {
    content: "";
    position: absolute;
    left: 10px;
    vertical-align: middle;
    background-color: #104B82;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 5px; }

.si-v2__action-step-content a {
  color: #176bbf;
  text-decoration: none;
  font-weight: bold; }

.si-v2__copy_id {
  margin: 12px 0 0; }

.si-v2__details_id {
  padding: 15px 0; }

/****** 100% Section wrappers ******/
.tc-header--teacher-dashboard {
  position: fixed; }

.teacher-dashboard__wrap--team {
  text-align: center;
  min-height: 180px;
  padding: 80px 0;
  width: 100%;
  background: #f7f7f5; }

.teacher-dashboard__playlist-headline {
  padding: 10px 0;
  font-size: 28px;
  margin: 0;
  text-align: center;
  width: 100%;
  background: white;
  position: fixed;
  margin-top: 0;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  border-bottom: 1px solid #dbdad7;
  margin-top: 80px; }
  .teacher-dashboard__playlist-headline.hide {
    margin-top: -80px; }

.teacher-dashboard__playlist-empty-headline {
  padding: 30px 0 10px;
  font-size: 28px;
  margin: 0;
  text-align: center;
  margin-top: 70px; }

.teacher-dashboard__no-content-caption {
  margin: 10px 0 0; }

.teacher-dashboard__no-content-link {
  margin: 30px 0; }

.teacher-dashboard__no-content-button {
  margin-bottom: 10px; }

.teacher-dashboard__no-content-nav-description {
  font-size: 13px;
  text-align: center;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 16px;
  padding-top: 16px;
  float: left;
  color: #1e2326;
  padding: 16px 30px; }

.teacher-dashboard__no-content-nav-highlight {
  color: #176bbf; }

/****** Playlist Section ******/
.teacher-dashboard__headlines {
  background: white;
  border-bottom: 1px solid #dbdad7; }

.teacher-dashboard__headline {
  margin-top: 20px; }

.teacher-dashboard__status-headline {
  font-size: 11px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 11px; }

.teacher-dashboard__playlist {
  background-color: #f8f8f8;
  padding: 0;
  margin-top: 126px;
  margin-bottom: 76px;
  display: inline-block; }

.teacher-dashboard__playlist-section-header {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 14px;
  color: #104b82;
  padding: 10px 0;
  background: white;
  border-bottom: 1px solid #dbdad7;
  float: left;
  width: 100%; }

.teacher-dashboard__playlist-section-header--0 {
  margin-top: 0;
  border-top: 1px solid #dbdad7; }

.teacher-dashboard__playlist-entry {
  border-bottom: 1px solid #dbdad7;
  background-color: white;
  padding: 24px;
  cursor: pointer;
  padding: 0;
  min-height: 60px; }
  .teacher-dashboard__playlist-entry.movable {
    cursor: move; }
  .teacher-dashboard__playlist-entry:last-of-type {
    margin-bottom: 0;
    border-bottom: 0; }
  .teacher-dashboard__playlist-entry:hover .teacher-dashboard__entry-strategy--link,
  .teacher-dashboard__playlist-entry:hover .teacher-dashboard__entry-challenge--no-strategies {
    color: #176bbf; }
    .teacher-dashboard__playlist-entry:hover .teacher-dashboard__entry-strategy--link:hover,
    .teacher-dashboard__playlist-entry:hover .teacher-dashboard__entry-challenge--no-strategies:hover {
      text-decoration: underline; }

@-webkit-keyframes playlistEntryInFocus {
  0% {
    -webkit-transform: scale(1); }
  30% {
    -webkit-transform: scale(1); }
  40% {
    -webkit-transform: scale(1.01); }
  50% {
    -webkit-transform: scale(1); }
  60% {
    -webkit-transform: scale(1); }
  70% {
    -webkit-transform: scale(1); }
  80% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1); } }

.teacher-dashboard__playlist-entry--in-focus {
  -webkit-animation-name: playlistEntryInFocus;
  animation-name: playlistEntryInFocus;
  -webkit-animation-duration: 1.5s;
  -webkit-transform-origin: 40% 40%;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease; }

@-webkit-keyframes playlistEntryfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.teacher-dashboard__playlist-entry--fade-in {
  -webkit-animation-name: playlistEntryfadeIn;
  -webkit-animation-duration: 2s; }

.teacher-dashboard__playlist-entry--in-progress {
  background: #d2effb; }
  .teacher-dashboard__playlist-entry--in-progress .teacher__move-handle-icon {
    color: #c2c0ba; }

.teacher-dashboard__playlist-entry--no-strategies {
  background: #eeeeee;
  cursor: default; }

.teacher-dashboard__status-headline--tc {
  width: 374px;
  float: left; }
  .teacher-dashboard__status-headline--tc.teacher-dashboard__status-headline--has-date {
    width: 223px;
    margin-right: 20px; }

.teacher-dashboard__status-headline--date {
  width: 114px;
  float: left; }

.teacher-dashboard__entry-strategy {
  line-height: 40px;
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1e2326;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.teacher-dashboard__entry-strategy--tried {
  line-height: 20px;
  margin-bottom: 5px; }
  .teacher-dashboard__entry-strategy--tried.no-artifacts {
    line-height: 40px;
    margin-bottom: 0; }

.teacher-dashboard__entry-strategy--link {
  cursor: pointer; }

.teacher-dashboard__entry-artifact-count {
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 14px;
  font-style: italic; }

.teacher-dashboard__entry-challenge {
  font-size: 13px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 40px;
  white-space: nowrap;
  width: 374px;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left; }

.teacher-dashboard__entry-challenge--date-exists {
  width: 223px;
  margin-right: 20px; }

.teacher-dashboard__entry-challenge--no-strategies {
  font-size: 15px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #515d66;
  text-decoration: none;
  cursor: pointer; }

.teacher-dashboard__entry-date {
  width: 114px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 40px;
  float: left; }

.teacher-dashboard__playlist-details {
  line-height: 40px; }

.teacher-dashboard__inactive-challenge-text {
  font-size: 15px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #a8a6a0; }

.teacher-dashboard__playlist-again-caption {
  float: left;
  padding-top: 16px; }

.teacher-dashboard__playlist-again-arrow {
  float: right;
  font-size: 30px;
  padding: 8px 6px 0 0;
  color: #176bbf; }

.tc__link--playlist {
  font-size: 12px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.teacher-dashboard__playlist-entry-none {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 10px; }

.teacher-dashboard__playlist-entry-arrow {
  font-size: 40px;
  text-decoration: none;
  color: #176bbf;
  display: block;
  margin-top: -10px; }

.teacher-dashboard__try-strategy,
.teacher-dashboard__pin-strategy {
  padding-top: 15px;
  float: left; }

.teacher-dashboard__activate-challenge {
  padding-top: 5px;
  margin-bottom: 5px; }

.teacher-dashboard__strategy-count {
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 14px;
  font-style: italic;
  color: #a8a6a0; }

.teacher__move-handle-icon {
  font-size: 24px;
  margin: 8px 0;
  color: #dbdad7; }

/****** Navigation Capsule ******/
.teacher-dashboard__navigation-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0 -2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.19) 0 -2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.19) 0 -2px 4px 0; }

.teacher-dashboard__nav-capsule {
  text-align: center;
  height: 75px;
  cursor: pointer;
  font-size: 18px;
  color: #1b7ee0; }
  .teacher-dashboard__nav-capsule:hover {
    background-color: #1b7ee0;
    color: white; }
  .teacher-dashboard__nav-capsule:last-of-type:after {
    border-right: 0; }
  .teacher-dashboard__nav-capsule:after {
    content: '';
    border-right: 1px solid #dbdad7;
    height: 55px;
    position: absolute;
    right: 0;
    top: 10px; }

.teacher-dashboard__nav-capsule--tall {
  height: 140px; }
  .teacher-dashboard__nav-capsule--tall:after {
    height: 140px; }

.teacher-dashboard__nav-capsule-icon {
  margin: 10px 0;
  font-size: 24px; }

.teacher-dashboard__nav-capsule-text {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 12px; }

.teacher-dashboard__playlist-tried-handle {
  width: 100%;
  height: 26px;
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 26px;
  color: #a8a6a0;
  background: #eeeeee;
  text-align: center;
  border-bottom: 1px solid #dbdad7; }

.teacher-dashboard__playlist-tried-content {
  margin: 0 auto;
  display: inline-block;
  padding: 0.45rem 0.65rem; }
  .teacher-dashboard__playlist-tried-content:after {
    content: '';
    clear: both;
    display: block; }

.teacher-dashboard__playlist-tried-arrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 9px;
  float: left; }

.teacher-dashboard__playlist-tried-caption {
  float: left;
  padding: 0 10px;
  line-height: 12px; }

.tml-step-caption--inprogress {
  color: #176bbf;
  float: left;
  padding: 0 6px;
  font-size: 11px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-top: 18px;
  text-transform: uppercase; }

.tml-step--v2dashboard.tml-step--teach,
.tml-step--v2dashboard.tml-step--measure,
.tml-step--v2dashboard.tml-step--learn {
  color: #176bbf;
  border: 1px solid #176bbf;
  height: 40px;
  width: 40px;
  float: left;
  margin-top: 3px; }
  .tml-step--v2dashboard.tml-step--teach .tml-step-icon,
  .tml-step--v2dashboard.tml-step--measure .tml-step-icon,
  .tml-step--v2dashboard.tml-step--learn .tml-step-icon {
    font-size: 27px;
    padding-top: 7px; }

.teacher-dashboard__playlist-again-arrow--tried {
  float: left;
  margin-top: 8px; }

.teacher-dashboard__playlist-again-arrow--inprogress {
  float: right;
  color: #176bbf; }

.teacher-dashboard__completed-check {
  float: left;
  color: white;
  background: #c2df21;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  margin: 12px 0 0 6px;
  font-size: 14px; }

.teacher-dashboard__completed-caption {
  float: left;
  line-height: 40px; }

.teacher-dashboard__results {
  float: left;
  padding-right: 12px;
  border-right: 1px solid #dbdad7; }

.teacher-dashboard__again-caption {
  padding-left: 12px;
  float: left; }

.teacher-dashboard__again-icon {
  float: left;
  padding-left: 6px;
  padding-top: 12px; }

.growth-map__headline {
  margin: 26px 0 26px; }

.growth-map__challenges {
  border-top: 1px solid #dbdad7;
  margin-top: 30px; }

.growth-map__challenges-edit {
  font-size: 16px;
  margin: 12px 0 15px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.growth-map__sgas,
.growth-map__sga-challenges,
.growth-map__sga-challenge-col {
  padding-top: 0px; }

/****** growth map empty state ******/
.growth-map__empty-headline {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px;
  margin: 35px 0 20px; }

.growth-map__empty-link {
  font-size: 18px; }

/****** growth map sga ******/
.growth-map__sga {
  text-align: center;
  margin-bottom: 65px; }

.growth-map__sga-icon {
  font-size: 60px;
  color: #104b82;
  margin-top: 20px; }

.growth-map__sga-icon--tga {
  color: #34b3a0; }

.growth-map__sga-category {
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 12px;
  margin: 12px 0 8px; }

.growth-map__sga-name {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px;
  font-size: 17px; }

/****** growth map challenge ******/
.growth-map__challenge {
  border: 1px solid #dbdad7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 180px;
  color: #a8a6a0;
  position: relative; }

.growth-map__challenge-header {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  position: absolute;
  color: white; }

.growth-map__challenge-options {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 1;
  font-size: 22px; }

.growth-map__challenge-body {
  padding: 0 12px; }

.growth-map__challenge-name {
  line-height: 22px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.growth-map__challenge-detail {
  padding-top: 12px;
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.growth-map__challenge-strategies-link {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.growth-map__challenge--completed .growth-map__challenge-options {
  color: white; }

.growth-map__challenge--completed .growth-map__challenge-header {
  background: #6d8021; }

.growth-map__challenge--completed .growth-map__challenge-icon {
  font-size: 20px;
  padding-top: 6px; }
  .growth-map__challenge--completed .growth-map__challenge-icon:after {
    font-family: 'teach-cycle-icons';
    content: '\E600'; }

.growth-map__challenge--completed .growth-map__challenge-name,
.growth-map__challenge--completed .growth-map__challenge-detail {
  color: #6d8021; }

.growth-map__challenge--activated {
  color: #1e2326; }
  .growth-map__challenge--activated .growth-map__challenge-options {
    color: white; }
  .growth-map__challenge--activated .growth-map__challenge-header {
    background: #104b82; }
  .growth-map__challenge--activated .growth-map__challenge-name {
    color: #104b82; }
  .growth-map__challenge--activated .growth-map__challenge-icon {
    padding-top: 5px; }
    .growth-map__challenge--activated .growth-map__challenge-icon:after {
      content: '';
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 9px solid white;
      display: inline-block;
      margin-top: 5px; }

.growth-map__challenge-dropdown {
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  width: 125px;
  position: absolute;
  top: 28px;
  right: -9px;
  text-align: center;
  line-height: 38px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  background: white;
  color: #1e2326;
  display: none;
  padding: 10px 0; }

.growth-map__challenge-dropdown--active {
  display: block; }

.growth-map__challenge-dropdown-link {
  display: block;
  text-decoration: none;
  color: #1e2326; }
  .growth-map__challenge-dropdown-link:hover {
    color: #1976d2; }

.growth-map__challenge-metric-data {
  position: absolute;
  right: 16px;
  bottom: 16px; }

.growth-map__challenge-metric-icon {
  cursor: pointer;
  font-size: 20px;
  color: #1b7ee0; }
  .growth-map__challenge-metric-icon:hover {
    color: #125496; }

.growth-map__challenge-metric-icon--active {
  color: #1560ab; }

.growth-map__challenge-metric-tooltip {
  position: absolute;
  left: 93%;
  top: 90%;
  z-index: 10;
  width: 300px;
  background-color: white;
  border: 1px solid #dbdad7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  padding: 10px;
  text-align: left;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 16px; }

.growth-map__challenge-metric-tooltip-text {
  margin-bottom: 16px; }
  .growth-map__challenge-metric-tooltip-text:last-of-type {
    margin-bottom: 0; }
  .growth-map__challenge-metric-tooltip-text .label {
    font-family: MuseoSans-500, Helvetica, sans-serif; }

.growth-map__challenge-metric-tooltip-text--metric {
  max-height: 64px;
  overflow: hidden;
  position: relative; }

/****** growth map goal ******/
.growth-map__goal {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 22px;
  white-space: pre-line;
  margin-bottom: 5px; }

.growth-map__goal-container--summary {
  margin-top: 30px; }

.growth-map__goal--abridged {
  overflow: hidden;
  max-height: 110px; }

.growth-map__goal-options-container {
  display: inline-block; }

.growth-map__goal-more-link,
.growth-map__goal-edit-link {
  float: left;
  font-size: 13px; }

.growth-map__goal-options-seperator {
  float: left;
  padding: 0 7px;
  font-size: 13px; }

.growth-map__goal-container {
  position: relative; }

.growth-map__goal-declaration {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.growth-map__goal-input {
  width: 100%;
  min-height: 100px; }

.growth-map__goal-button {
  text-transform: capitalize;
  margin: 20px 0 0; }

.growth-map__summary-form-container {
  margin-top: 30px; }

.growth-map__summary-create-link {
  font-size: 15px;
  line-height: 15px;
  display: block;
  margin-top: 30px; }

.growth-map-edit__headline {
  margin-top: 30px; }

.growth-map-edit__intro {
  margin-top: 30px; }
  .growth-map-edit__intro p {
    padding-bottom: 20px; }

.growth-map-edit__subheadline {
  padding: 15px 0 30px;
  position: relative;
  border-bottom: 1px solid #dbdad7; }

.growth-map-edit__button {
  position: absolute;
  top: 16px;
  right: 0;
  outline: none;
  line-height: 24px; }

li.growth-map-edit__li {
  list-style: none;
  cursor: pointer;
  padding-top: 20px; }
  li.growth-map-edit__li:first-of-type {
    padding-top: 0; }

li.growth-map-edit__li--challenge {
  cursor: default; }

.growth-map-edit__sga-icon {
  font-size: 80px;
  color: #104b82; }

.growth-map-edit__sga-icon--tga {
  color: #34b3a0; }

.growth-map-edit__handle {
  font-size: 30px;
  color: #a8a6a0;
  cursor: move; }

.growth-map-edit__handle--sga {
  margin-top: -15px;
  padding: 50% 0 0 10px; }

.growth-map-edit__handle--challenge {
  padding: 8px 0 0 10px; }

.growth-map-edit__delete {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #cc441b;
  color: white;
  width: 30px;
  height: 30px;
  line-height: 22px;
  font-size: 58px;
  text-align: center;
  margin: 8px auto 0;
  display: block;
  text-decoration: none; }

.growth-map-edit__sga-category {
  font-size: 13px;
  text-transform: uppercase;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  padding-bottom: 3px; }

.growth-map-edit__title {
  font-size: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.growth-map-edit__border {
  content: '';
  width: 100%;
  border-bottom: 1px solid #dbdad7;
  padding-top: 10px; }

.growth-map-edit__count {
  font-size: 13px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 10px; }

.growth-map-edit__sga-arrow {
  font-size: 50px;
  line-height: 70px;
  color: #1560ab;
  text-align: center; }

.growth-map-edit__challenge-sga {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #dbdad7; }

.growth-map-edit__back {
  position: absolute;
  left: 0;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 16px; }
  .growth-map-edit__back:hover {
    text-decoration: none; }

.growth-map-edit__back-icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  float: left;
  font-size: 20px; }

.growth-map-edit__back-caption {
  float: left;
  padding-left: 10px;
  padding-top: 2px; }

.pinboard__headline {
  margin-top: 20px;
  text-align: center; }

/****** Pinboard Strategy Capsule ******/
.pinboard-capsule {
  margin-bottom: 0;
  border: 1px solid #dbdad7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  height: 174px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 4px 2px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 4px 2px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 4px 2px 0; }

.pinboard-capsule--empty {
  padding: 0 50px; }

.pinboard-capsule__user-actions {
  border-right: 1px solid #dbdad7;
  width: 15%;
  float: left;
  margin-top: 25px; }
  .pinboard-capsule__user-actions .tc__link:hover {
    text-decoration: none; }

.pinboard-capsule__user-action-icon {
  position: relative;
  color: #a8a6a0;
  font-size: 21px; }
  .pinboard-capsule__user-action-icon:hover {
    color: #1b7ee0; }
  .pinboard-capsule__user-action-icon.disabled:hover {
    color: #a8a6a0; }

.pinboard-capsule__user-action-icon--active {
  color: #1b7ee0; }

.pinboard-capsule__user-action-icon--pin {
  margin-bottom: 80px; }

.pinboard-capsule__user-action-icon--note:hover {
  color: #a8a6a0; }

.pinboard-capsule__note-count {
  position: absolute;
  top: 0;
  right: 0;
  background: #1b7ee0;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  margin-right: 12px;
  text-align: center;
  line-height: 13px; }

.pinboard-capsule__note-count--large {
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin-top: -10px;
  margin-right: 8px; }

.pinboard-capsule__note-count--very-large {
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin-top: -15px;
  margin-right: 6px; }

.pinboard-capsule__preview-container {
  float: left;
  margin-right: 20px; }

.pinboard-capsule__text {
  position: relative;
  padding: 6px 15px;
  width: 84%;
  float: left; }

.pinboard-capsule__headline {
  padding-bottom: 18px;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 22px; }

.pinboard-capsule__body {
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 14px; }

.pinboard__comment-no-messages {
  padding-bottom: 20px; }

/****** Unpin Confirm Dialogue ******/
.unpin-dialogue__headline {
  padding: 56px 40px 26px;
  font-size: 22px; }

.unpin-dialogue__buttons {
  margin-bottom: 30px; }

.unpin-dialogue__button {
  margin: 0 10px;
  height: 42px;
  width: 150px;
  padding: 0 30px;
  font-size: 18px;
  line-height: 42px; }

/****** pinboard comment ******/
.pinboard__comment-headline {
  padding: 30px 40px 26px;
  font-size: 22px; }

.pinboard__comment {
  width: 94%;
  border-bottom: 1px solid #CECECE;
  display: inline-block;
  padding: 10px 0; }
  .pinboard__comment:first-of-type {
    border-top: 1px solid #CECECE; }
  .pinboard__comment:last-of-type {
    border-bottom: 0; }

.pinboard__comment-teacher-image {
  width: 60px; }
  .pinboard__comment-teacher-image.scale-to-width {
    width: 60px; }
  .pinboard__comment-teacher-image.scale-to-height {
    height: 60px;
    width: auto; }

.pinboard__comment-teacher-image-mask {
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.pinboard__teacher-image-maks {
  margin: 18px 0; }

.pinboard__comment-image-col {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  float: left; }

.pinboard__comment-data-col {
  float: left;
  width: 568px; }

.pinboard__comment-header {
  float: left;
  width: 100%; }

.pinboard__comment-notes {
  max-height: 340px;
  overflow-y: scroll; }

.pinboard__comment-teacher-name {
  float: left;
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 10px 0; }

.pinboard__comment-timeago {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 12px;
  float: left;
  color: #a8a6a0;
  margin: 13px 0 0 10px; }

.pinboard__comment-text {
  font-size: 13px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 18px;
  margin: 5px 0 10px;
  float: left;
  width: 100%;
  text-align: left; }

.pinboard__comment-form {
  width: 94%;
  display: inline-block;
  padding: 20px 0;
  border-top: 1px solid #CECECE; }

.pinboard__comment-form-input {
  float: left;
  width: 100%; }
  .pinboard__comment-form-input textarea {
    width: 100%;
    height: 80px; }

.pinboard__comment-input-container {
  position: relative; }

.pinboard__comment-button {
  margin-top: 30px;
  float: left;
  line-height: 27px; }

/****** coach pinning ******/
.coach-pin {
  padding: 20px 25px 30px;
  width: 100%;
  display: inline-block; }

.coach-pin__headline {
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.coach-pin__form {
  margin: 25px 0 10px;
  float: left; }

.coach-pin__notes-container {
  position: relative; }

.coach-pin__notes {
  width: 612px;
  height: 120px; }

input.coach-pin__checkbox {
  height: auto;
  margin-right: 10px; }

.coach-pin__checkbox-container {
  text-align: left;
  margin-left: 40px; }

.coach-pin__checkbox-label {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  cursor: pointer; }

.coach-pin__teacher-list {
  margin-top: 20px; }

.coach-pin__teacher-row {
  color: #cc441b;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 15px;
  text-align: left;
  margin-bottom: 10px;
  margin-left: 40px; }

.coach-pin__teacher-link {
  color: #cc441b;
  text-decoration: underline; }

.coach-pin__label {
  float: left;
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  padding-right: 14px;
  line-height: 50px;
  text-align: left; }

.coach-pin__option-email {
  padding-left: 5px; }

.coach-pin__multiselect-container {
  position: relative; }
  .coach-pin__multiselect-container .tc__error {
    left: 40px;
    bottom: 3px;
    margin-bottom: 0; }

.coach-pin__multiselect {
  float: left;
  width: 570px;
  min-height: 50px;
  text-align: left;
  font-size: 16px;
  line-height: 50px;
  margin-bottom: 25px; }
  .coach-pin__multiselect .carat.down,
  .coach-pin__multiselect .carat.up {
    display: none; }
  .coach-pin__multiselect .r-ss-trigger {
    padding: 10px;
    padding-bottom: 0;
    min-height: 50px;
    border: 1px solid #c2c0ba;
    max-height: 160px;
    overflow-y: auto; }
  .coach-pin__multiselect.error .r-ss-trigger {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }
  .coach-pin__multiselect .r-ss-tag {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #dbdad7;
    padding: 8px;
    margin: 0 10px 0 0;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    max-width: auto;
    display: inline-block; }
    .coach-pin__multiselect .r-ss-tag:before, .coach-pin__multiselect .r-ss-tag:after {
      left: 0;
      border-top: 0;
      border-left: 0;
      border-bottom: 0;
      border-right: 0;
      background: transparent;
      height: 0;
      width: 0; }
  .coach-pin__multiselect .r-ss-selection-clear,
  .coach-pin__multiselect .r-ss-search-clear {
    display: none; }
  .coach-pin__multiselect .r-ss-tag-label {
    float: left; }
  .coach-pin__multiselect .r-ss-tag-remove {
    background: none;
    border: 0;
    float: left;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    margin-left: 5px;
    border: none;
    outline: none; }
    .coach-pin__multiselect .r-ss-tag-remove:hover {
      background: none; }
    .coach-pin__multiselect .r-ss-tag-remove span:before {
      font-size: 20px;
      margin-top: -3px;
      font-family: 'teach-cycle-icons';
      content: "\E60B"; }
  .coach-pin__multiselect .r-ss-dropdown-option {
    font-size: 16px;
    font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
    padding: 0 18px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap; }
    .coach-pin__multiselect .r-ss-dropdown-option:hover {
      background: #d2effb; }
  .coach-pin__multiselect .r-ss-dropdown .r-ss-dropdown-option.r-ss-selected {
    display: none; }
  .coach-pin__multiselect .r-ss-options-wrap {
    max-height: 190px; }
  .coach-pin__multiselect .r-ss-search-wrap {
    display: inline-block;
    width: 100%; }
  .coach-pin__multiselect .r-ss-search-inner .r-ss-magnifier {
    margin-top: 12px; }

.tml-v2 {
  padding-bottom: 100px; }

.tml-v2__container {
  padding-top: 50px; }

.tml-v2__grey-box {
  background: #f7f7f5;
  padding: 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  margin-top: 25px;
  float: left;
  margin-bottom: 25px; }

.tml-v2__grey-box--strategy {
  padding-bottom: 14px; }

.tml-v2__grey-box-headline {
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  text-transform: uppercase;
  padding-bottom: 14px; }

.tml-v2__grey-box-strategy-title {
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding-bottom: 14px; }

.tml-v2__outlink {
  color: #176bbf;
  cursor: pointer;
  text-decoration: none;
  font-size: 20px;
  display: inline-block; }
  .tml-v2__outlink .tc-outlink {
    float: left; }
  .tml-v2__outlink:hover .tml-v2__outlink-caption {
    text-decoration: underline; }

.tml-v2__outlink-caption {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  float: left;
  margin: 5px 0 0 4px; }

.tml-v2__cta-caption {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin-top: 26px; }

.tml-v2__cta-text-area {
  width: 100%;
  height: 100px;
  margin-top: 16px; }

.tml-v2__cta-text {
  padding-top: 16px; }

.tml-v2__cta-text-edit {
  padding-left: 10px; }

.tml-v2__cta {
  margin-top: 10px; }

.tml-v2__cta-btn {
  margin-right: 30px; }

.tml-v2__cta-link {
  margin-right: 10px; }

.tml-v2__artifact-caption {
  margin: 12px 0 10px; }

.tml__divider {
  border-top: 1px solid #dbdad7;
  height: 1px;
  width: 100%;
  margin-top: 38px;
  float: left; }

.tml__divider--measure {
  margin-top: 8px; }

.tml__divider--add-artifacts {
  margin-top: 30px; }

.tml__divider--measurement {
  margin: 26px 0 20px; }

.tml__divider--learn {
  margin-top: 0; }

.tml-v2-status-indicator-border {
  border-left: 1px solid #dbdad7;
  height: 100%; }

.tml-v2__input-container--teach {
  margin-bottom: 6px; }

.tml-v2__add-metric-button {
  margin-top: 20px; }

/****** Help Center Link *******/
.tml-v2__artifact-help {
  margin: 10px 0 10px;
  display: block;
  float: left;
  width: 100%; }
  .tml-v2__artifact-help:after {
    content: '';
    clear: both;
    display: block;
    float: left; }

.tml-v2__artifact-help-link,
.tml-v2__artifact-help-icon,
.tml-v2__artifact-help-caption {
  float: left; }

.tml-v2__artifact-help-icon {
  padding: 2px 5px 0 0; }

/****** Header ******/
.tc-header--tml-v2 {
  height: 50px; }

.tc-header__wrap--v2 {
  position: fixed;
  z-index: 5; }

.tml-2__save-indicator {
  display: none; }
  .tml-2__save-indicator.saving {
    display: none; }
  .tml-2__save-indicator.saved {
    display: block; }

.tml-2__save-spinner {
  display: none; }
  .tml-2__save-spinner.saving {
    display: block; }

.tml__save-caption {
  color: #8ba911;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 13px;
  display: inline-block;
  margin-top: 9px; }

.tc-header__logo--tml-v2 {
  background-size: 125px auto; }

/****** icons ******/
.tml-v2-status-indicator {
  margin-top: 30px;
  position: relative; }

.tml-v2-status-indicator-border {
  position: absolute;
  left: 50%; }

.tml-v2-status-indicator-icons {
  position: absolute;
  width: 100%; }

.tml-v2__step-caption {
  font-size: 9px;
  text-align: center;
  padding-top: 2px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.tml-step--teach {
  color: #cc441b;
  border: 3px solid #cc441b; }
  .tml-step--teach.completed {
    background: #cc441b; }

.tml-step--measure {
  color: #9fbf1d;
  border: 3px solid #9fbf1d; }
  .tml-step--measure.completed {
    background: #9fbf1d; }

.tml-step--learn {
  color: #1560ab;
  border: 3px solid #1560ab; }
  .tml-step--learn.completed {
    background: #1560ab; }

.tml-v2__step-icon--small {
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 20px auto;
  font-size: 18px;
  padding: 5px;
  border: 1px solid;
  background-color: white; }
  .tml-v2__step-icon--small:first-of-type {
    margin-top: 0; }
  .tml-v2__step-icon--small.active {
    cursor: pointer; }

.tml-v2__step-icon--large {
  height: 60px;
  width: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 29px;
  padding: 6px;
  border: 2px solid;
  margin: 0 auto;
  background-color: white;
  margin-top: 25px; }
  .tml-v2__step-icon--large.tml-v2__step-icon--teach {
    padding: 9px 14px; }
  .tml-v2__step-icon--large.tml-v2__step-icon--measure {
    padding: 6px 8px; }
  .tml-v2__step-icon--large.tml-v2__step-icon--learn {
    padding: 8px 12px; }
  .tml-v2__step-icon--large .tc-tml-measure {
    margin-left: 7px; }

.tml-v2__step-icon--teach {
  color: #cc441b;
  border-color: #cc441b; }
  .tml-v2__step-icon--teach.active {
    background: #cc441b;
    border-color: white;
    color: white; }

.tml-v2__step-icon--measure {
  color: #9fbf1d;
  border-color: #9fbf1d; }
  .tml-v2__step-icon--measure.active {
    background: #9fbf1d;
    border-color: white;
    color: white; }

.tml-v2__step-icon--learn {
  color: #1560ab;
  border-color: #1560ab; }
  .tml-v2__step-icon--learn.active {
    background: #1560ab;
    border-color: white;
    color: white; }

/****** footer ******/
.tml-v2__sticky-footer {
  position: fixed;
  background: #f7f7f5;
  width: 100%;
  padding: 10px;
  text-align: center;
  bottom: 0;
  z-index: 5; }

.tml-v2__check {
  float: left;
  cursor: pointer; }
  .tml-v2__check.selected:after {
    content: '';
    color: #9fbf1d;
    font-family: 'teach-cycle-icons';
    content: "\E600";
    font-size: 20px;
    background: transparent;
    font-size: 36px;
    top: -6px;
    left: -2px; }

.tml-v2__check-caption {
  float: left;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin: 3px 0 0 14px;
  cursor: pointer; }
  .tml-v2__check-caption.disabled {
    color: #c2c0ba; }

.tml-v2__done-check-container {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  position: relative; }
  .tml-v2__done-check-container.disabled {
    cursor: default; }
    .tml-v2__done-check-container.disabled .tml-v2__check,
    .tml-v2__done-check-container.disabled .tml-v2__check-caption {
      opacity: .6; }
    .tml-v2__done-check-container.disabled:hover .tml-v3__done-check-requirement-message {
      display: block; }

.tml-v3__done-check-requirement-message {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-top: 10px;
  display: none;
  z-index: 10;
  width: 500px;
  background-color: #fff;
  border: 1px solid #dbdad7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px 0;
  padding: 10px 10px 5px;
  font-family: MuseoSans-300,Helvetica,sans-serif;
  font-size: 13px;
  line-height: 16px; }
  .tml-v3__done-check-requirement-message div {
    padding-bottom: 5px; }

/****** Measurements ******/
.tml-v2__measurement {
  margin-top: 50px;
  margin-bottom: 28px; }

.tml-v2__student-count-input {
  margin: 6px 0 0 20px;
  width: 40px; }

.tml-v2__student-count-caption {
  margin: 10px 0 0 20px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 16px; }

.tml-v2__chart-headline {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px; }

.tml-v2__chart-subheadline {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px; }
  .tml-v2__chart-subheadline .highlight {
    font-family: MuseoSans-500, Helvetica, sans-serif; }

.slider__baloon-container {
  position: relative;
  width: 100%;
  display: block; }
  .slider__baloon-container .slider__selector {
    right: -19px; }

/****** Artifacts ******/
.artifact-v2__preview-image {
  width: 160px; }

.artifact-v2__preview-image-mask {
  width: 160px;
  height: 125px;
  overflow: hidden; }

.artifact__preview-image--v2 {
  width: 174px; }
  .artifact__preview-image--v2.scale-to-width {
    width: 174px; }
  .artifact__preview-image--v2.scale-to-height {
    height: 120px;
    width: auto; }

.artifact__preview-image--v2-mask {
  width: 174px;
  height: 120px;
  overflow: hidden; }

.tml-v2__artifact-container {
  padding: 0; }

.tml-v2__artifact {
  padding: 0 20px 0 0;
  cursor: pointer; }

.artifact__preview--tml-v2 {
  height: 120px;
  min-height: 0; }

.artifact__upload-title--tml-v2 {
  width: 138px;
  margin-top: 5px;
  margin-bottom: 2px;
  white-space: nowrap; }

.artifact__upload-detail--tml-v2 {
  padding-top: 5px; }

.artifact__upload-details-form {
  padding-top: 0;
  padding-bottom: 4px; }
  .artifact__upload-details-form .artifact__upload-detail--tml-v2,
  .artifact__upload-details-form .artifact__upload-title--tml-v2 {
    color: #1e2326;
    width: 330px; }
  .artifact__upload-details-form .artifact__upload-title--tml-v2-modal {
    width: 320px; }

.artifact__upload-title--tml-v2,
.artifact__upload-detail--tml-v2 {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 13px;
  color: #a8a6a0; }

.artifact__actions--tml-v2 {
  padding-top: 4px; }

a.artifact__edit--tml-v2 {
  font-size: 14px;
  text-transform: capitalize;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.artifact__type--tml-v2 {
  margin-bottom: 0; }

.artifact__preview-icon--tml-v2 {
  font-size: 50px;
  margin-top: -25px; }

.artifact__copy--tml-v2 {
  padding-top: 0;
  max-height: 60px;
  overflow: hidden;
  position: relative; }
  .artifact__copy--tml-v2:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }

.artifact__preview--tml-v2 {
  margin-bottom: 0; }

.tc__select--artifact-type-tml-v2 {
  width: 66%;
  margin: 0 0 20px 0;
  z-index: 2; }

textarea.tc__input--artifact-notes--tml-v2 {
  height: 75px;
  margin-top: 0;
  margin-bottom: 0; }

.artifact__type-notes-container--tml-v2 {
  margin-top: 0; }

.artifact__type-select-container--tml-v2 .tc__error {
  top: 0;
  left: 0;
  margin: -18px 0 0 0; }

.modal--artifact-edit {
  width: 760px; }

.tml-v2__edit-artifact-headline {
  margin: 26px 0 16px;
  font-size: 28px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.artifact__upload-details-form--tml-v2 {
  padding: 0 100px; }

.artifact__link--option {
  text-align: left;
  margin-bottom: 30px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.artifact__link--option > input {
  width: 400px;
  margin: 0px 20px 0 10px; }

.artifact__close--mobile {
  border: 2px solid #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 36px;
  opacity: 0.2;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer; }

.artifact__dropzone--tml-v2 {
  margin-top: 20px;
  height: 230px; }

.artifact__dropzone--blur {
  background-color: #fafaf9; }

.artifact__container--fullscreen .artifact__dropzone--blur {
  border: 3px solid #c0dbf7 !important; }

.artifact__container--fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  background: #fff;
  margin: 0;
  padding: 0;
  border: 0; }

.artifact__container--fullscreen .artifact__wrapper {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 270px;
  padding: 0 20px; }

.artifact__container--fullscreen .artifact__wrapper--extended {
  height: 380px; }

.artifact__container--fullscreen .artifact__dropzone {
  border: 3px solid #1b7ee0;
  margin-top: 0;
  height: 205px; }

.artifact__wrapper--extended .artifact__dropzone {
  height: 145px; }

.artifact__wrapper--extended .artifact__dropzone .tc__link,
.artifact__wrapper--extended .artifact__dropzone .artifact__prefer,
.artifact__wrapper--extended .artifact__dropzone .artifact__max-size {
  display: none !important; }

.artifact__wrapper--extended .artifact__link--option {
  border: 3px solid #1b7ee0;
  margin-top: 0;
  height: 205px;
  border-radius: 20px;
  display: inline-block;
  width: 100%;
  text-align: center; }

.artifact__wrapper--extended .artifact__link--option .tc__link {
  text-decoration: none;
  text-align: center;
  margin: 20px 0 0 0; }

.artifact__wrapper--extended .artifact__link--option input {
  width: 90%;
  margin-top: 20px;
  margin-bottom: 10px; }

.artifact__container--fullscreen .artifact__upload {
  opacity: 0; }

.artifact__cancel--mobile {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center; }

.artifact__dropzone--blur > img {
  opacity: .5; }

.artifact__dropzone--blur > div {
  opacity: .5; }

.artifact__delete-buttons--tml-v2 {
  text-align: center;
  margin-bottom: 20px; }

.tml-v2__add-artifact-btn {
  margin-top: 10px;
  margin-bottom: 0; }

.tml-v2__upload-status-incicators {
  height: 397px;
  padding-top: 160px; }

.tml-v2__upload-cancel {
  margin-top: 10px; }

.artifact__type-select-container--tml-v2-edit .tc__select-dropdown {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden; }

.tml-v2__artifact-type-container {
  padding-bottom: 0; }

.tml-v2__edit-measurement-link {
  padding: 0 0.65rem; }

.tml-v2__cta-caption--slider-header {
  text-align: left;
  float: left;
  width: 100%;
  margin-bottom: 50px; }

.tml__divider--measure-artifact {
  margin-bottom: 10px; }

/****** Comments ******/
.tml-v2__comment-add {
  display: inline-block;
  clear: both;
  width: 100%; }

.tml-v2__comment-icon {
  float: left;
  color: #176bbf;
  font-size: 20px;
  margin-top: 15px; }

.tml-v2__comment-icon-caption {
  float: left;
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-left: 12px;
  margin-top: 17px; }

.tml-v2__comment-actions {
  margin-top: 18px; }

.tml-v2__comment-submit {
  margin-right: 20px; }

.tml-v2__comment-post {
  float: left;
  width: 100%;
  margin-top: 20px; }
  .tml-v2__comment-post:after {
    content: '';
    clear: both; }

.tml-v2__comment-image {
  float: left;
  width: 50px;
  margin-right: 20px; }

.tml-v2__comment-user-image {
  width: 50px; }
  .tml-v2__comment-user-image.scale-to-width {
    width: 50px; }
  .tml-v2__comment-user-image.scale-to-height {
    height: 50px;
    width: auto; }

.tml-v2__comment-user-image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.tml-v2__comment-user-image-mask {
  display: inline-block;
  vertical-align: middle; }

.tml-v2__comment-content {
  float: left;
  width: 688px; }

.tml-v2__comment-post-author {
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  float: left; }

.tml-v2__comment-post-date {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  color: #a8a6a0;
  float: left;
  margin-left: 10px;
  line-height: 18px; }

.tml-v2__comment-post-text {
  float: left;
  clear: both;
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  width: 100%;
  clear: both;
  margin-top: 10px;
  line-height: 20px; }

.tml-v2__comment-post-edit {
  float: left;
  clear: both;
  margin-top: 3px; }

/****** Artifact Comment ******/
.tml-v2__comment-icon--artifact {
  margin-top: 0; }

.tml-v2__comment-icon-caption--artifact {
  margin-top: 2px; }

.tml-v2__comment-notification-container {
  position: relative; }

.tml-v2__comment-notifications {
  position: relative;
  list-style: none; }

.tml-v2__comment-error {
  margin-bottom: -20px; }

.chart-v2__container {
  text-align: center; }

.chart-v2 {
  width: 100%;
  border-bottom: 1px solid #33322e;
  position: relative;
  text-align: center; }

.chart-v2__measurements {
  display: inline-block;
  margin: 0 auto; }

/****** chart measurments bars ******/
.chart-v2__total {
  width: 80px;
  background-color: white;
  border: 1px solid #33322e;
  bottom: 0;
  margin-bottom: -1px;
  margin: 0 15px;
  float: left; }

.chart-v2__value {
  width: 78px;
  position: absolute;
  bottom: 0; }

/****** chart decorations ******/
.chart-v2__line {
  border-bottom: 2px dotted;
  position: absolute;
  width: 100%; }

.chart-v2__labels {
  position: relative;
  height: 50px;
  display: inline-block;
  margin: 0 auto; }

.chart-v2__label {
  width: 80px;
  margin: 15px 15px 10px;
  float: left;
  font-size: 16px;
  line-height: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.chart-v2__legend {
  position: absolute;
  right: 100%;
  font-size: 14px;
  line-height: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  white-space: nowrap;
  padding-right: 10px; }

.modal--selectmetric-baseline-goal {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 100;
  width: 800px;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  margin: 28px auto;
  border: 0; }

.select-metric {
  padding: 30px 100px; }

.select-metric__challenge-name {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin: 18px 0 8px;
  font-weight: normal; }

.select-metric__declaration {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.select-metric__options {
  list-style: none;
  border-bottom: 1px solid #dbdad7;
  padding-top: 24px; }

.select-metric__option {
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 18px;
  border-top: 1px solid #dbdad7;
  cursor: pointer; }
  .select-metric__option:hover {
    background: #d2effb; }
  .select-metric__option.selected {
    color: white;
    background: #1560ab; }

.select-metric__custom-metric {
  width: 100%;
  height: 100px;
  display: block;
  margin: 22px 0 20px; }

.select-metric__submit {
  display: block;
  margin: 0 auto; }

.select-metric__details {
  margin-top: 20px; }

.select-metric__slider-segment {
  text-align: center;
  height: 50px; }
  .select-metric__slider-segment:after {
    content: ' ';
    clear: both; }

.select-metric__student-count {
  float: left;
  margin: 20px 0 40px; }

.select-metric__label,
.select-metric__student-count-input {
  float: left; }

.select-metric__student-count-container {
  margin-top: 20px; }

.select-metric__label {
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-right: 22px;
  line-height: 36px; }

.select-metric__student-count {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.select-metric__student-count-input {
  height: 44px;
  width: 32px; }

.select-metric__slider-header {
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: left;
  margin: 40px 0 64px;
  float: left; }

.qualitative-slider--select-metric {
  clear: left;
  float: left; }

.select-metric__container {
  float: left;
  position: relative; }

.select-metric__submit-metrics {
  width: 100%;
  float: left;
  clear: left;
  text-align: center;
  margin-top: 25px; }

.select-metric__skip-step {
  width: 100%;
  margin-bottom: 10px;
  clear: both; }

.tc__error--measure-modal {
  position: relative;
  margin-bottom: auto; }

.tc__error--metric-measurement {
  margin-top: 66px; }

.tc__error--student-count {
  position: relative;
  float: left;
  padding-left: 11px;
  line-height: 36px; }

.select-metric__edit-text {
  border-top: 1px solid #dbdad7;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 18px 10px 20px;
  margin-top: 30px;
  position: relative; }

.select-metric__edit-links {
  padding: 0 10px 18px;
  border-bottom: 1px solid #dbdad7; }

.select-metric__edit-link {
  margin-right: 30px; }

.select-metric__edit-text--textarea {
  padding: 18px 0 18px;
  border-bottom: 1px solid #dbdad7; }

.select-metric__custom-metric--edit {
  margin: 0; }

.select-metric__cancel-edit {
  display: block;
  padding-top: 20px;
  float: left;
  width: 100%;
  margin-bottom: 40px; }

.tc__error--select-metric {
  bottom: 0;
  right: 0;
  margin-bottom: 38px;
  margin-right: 220px; }

.tc__error--edit-metric-text {
  position: relative;
  margin-top: 20px;
  margin-bottom: 0;
  display: none; }
  .tc__error--edit-metric-text.error {
    display: block; }

/****** Portfolio V2 shared classes *******/
.portfolio-v2__loop-section {
  min-width: 460px;
  width: 90%;
  margin: 15px auto 0;
  padding-top: 20px;
  border-top: 1px solid #a8a6a0; }

/****** Portfolio Challenge V2 ******/
.portfolio-v2__challenge {
  margin-top: 20px; }

.portfolio-v2__challenge-header {
  width: 70%;
  margin: 0 auto;
  min-width: 360px; }

.portfolio-v2__challenge-page-headline {
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #9fbf1d;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center; }

.portfolio-v2__challenge-question {
  clear: both;
  font-size: 20px;
  line-height: 24px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  text-align: center;
  padding: 15px 0 30px;
  margin-bottom: 20px;
  border-bottom: 2px solid #9fbf1d; }

.portfolio-v2__challenge-details {
  width: 100%;
  display: inline-block;
  position: relative;
  padding-bottom: 22px; }
  .portfolio-v2__challenge-details .tga {
    color: #34b3a0; }

.portfolio-v2__challenge-icon {
  font-size: 40px;
  color: #104b82;
  position: absolute; }

.portfolio-v2__challenge-copy {
  width: 100%;
  padding-top: 5px;
  padding-left: 50px; }

.portfolio-v2__challenge-subject-headline {
  text-transform: uppercase;
  font-size: 9px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.portfolio-v2__challenge-subject-label {
  color: #1560ab; }

.portfolio-v2__challenge-sga {
  color: #104b82;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-top: 8px; }

.portfolio-v2__challenge-subsection {
  width: 70%;
  margin: 0 auto 20px;
  min-width: 360px;
  padding-top: 8px;
  border-top: 1px solid #a8a6a0;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px; }

.portfolio-v2__challenge-attribute-question {
  margin-top: 12px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #104b82; }

.portfolio-v2__challenge-attribute-text .highlight {
  font-size: 16px;
  line-height: 20px;
  color: #125496; }

.portfolio-v2__challenge-strategies {
  margin: 10px 0; }

.portfolio-v2__challenge-standard {
  margin-top: 12px; }

/****** Portfolio Loop V2 ******/
.portfolio-v2__strategy-loop {
  display: inline-block;
  clear: both; }

.portfolio-v2__loop {
  float: left;
  clear: both; }

.portfolio-v2__strategy {
  position: relative;
  margin: 20px 20px 0; }

.portfolio-v2__strategy-image-container {
  position: absolute;
  right: 20px; }

.portfolio-v2__strategy-image {
  width: 125px; }
  .portfolio-v2__strategy-image.scale-to-width {
    width: 125px; }
  .portfolio-v2__strategy-image.scale-to-height {
    height: 125px;
    width: auto; }

.portfolio-v2__strategy-image-mask {
  width: 125px;
  height: 125px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.portfolio-v2__strategy-headline {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #1560ab;
  text-transform: uppercase; }

.portfolio-v2__strategy-title {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-top: 10px;
  margin-bottom: 30px; }

.portfolio-v2__strategy-description {
  font-size: 12px;
  line-height: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 5px; }

.portfolio-v2__strategy-detail {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin-top: 10px; }
  .portfolio-v2__strategy-detail .label {
    color: #1560ab; }

.portfolio-v2__strategy-detail-item {
  margin-right: 20px; }

.portfolio-v2__strategy-name {
  text-transform: uppercase; }

.portfolio-v2__strategy-dates {
  width: 94%;
  margin: 30px auto 0;
  min-width: 460px; }

.portfolio-v2__strategy-details {
  float: left;
  width: 100%;
  padding-right: 145px; }

.portfolio-v2__strategy-taxonomy {
  width: 100%;
  margin-bottom: 30px; }
  .portfolio-v2__strategy-taxonomy:after {
    content: '';
    display: block;
    clear: both; }

.portfolio-v2__strategy-taxonomy-challenge,
.portfolio-v2__strategy-taxonomy-growth-area {
  float: left; }

.portfolio-v2__strategy-taxonomy-challenge {
  width: 65%;
  padding-right: 50px; }

.portfolio-v2__strategy-taxonomy-growth-area {
  width: 35%; }

.portfolio-v2__strategy-taxonomy-growth-area-details {
  padding-left: 40px; }

.portfolio-v2__strategy-taxonomy-value {
  font-size: 12px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding-top: 3px; }

.portfolio-v2__challenge-icon--strategy {
  font-size: 30px; }

/****** Portfolio Feedback V2 ******/
.portfolio-v2__feedback-question {
  font-size: 12px;
  line-height: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 20px; }

.portfolio-v2__feedback-answer {
  font-size: 12px;
  line-height: 16px;
  font-family: Bitter;
  margin-top: 20px;
  margin-bottom: 15px; }

/****** Portfolio Measurement V2 ******/
.portfolio-v2__measurement-metric {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  margin-top: 10px; }
  .portfolio-v2__measurement-metric .label {
    color: #1560ab; }

.portfolio-v2__measurement-results-section {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px; }

.portfolio-v2__measurement-results {
  color: #f5972e; }
  .portfolio-v2__measurement-results .highlight {
    font-size: 14px; }

.portfolio-v2__measurement-chart-container {
  margin: 0 auto 20px;
  width: 60%;
  min-width: 360px; }

/****** Portfolio Artifact V2 ******/
.portfolio-v2__artifact {
  min-width: 460px;
  width: 90%;
  margin: 15px auto 0; }

.portfolio-v2__artifact-url {
  line-height: 24px;
  font-family: Bitter;
  margin-top: 20px; }

.portfolio-v2__artifact-url a {
  color: #1e2326;
  display: block;
  text-decoration: none; }

.portfolio-v2__artifact-notes {
  font-size: 11px;
  line-height: 16px;
  font-family: Bitter;
  margin-top: 10px; }

.portfolio-v2__artifact-notes-label {
  font-weight: bold; }

.portfolio-v2__artifact-image {
  margin-top: 20px; }
  .portfolio-v2__artifact-image img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 500px; }

.portfolio-v2__artifact-movie-data {
  margin-top: 20px; }

.portfolio-v2__artifact-movie-icon {
  font-size: 22px;
  float: left;
  color: #a8a6a0; }

.portfolio-v2__artifact-filename {
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 22px;
  margin-left: 30px; }

.portfolio-v2__artifact-movie-url {
  font-size: 9px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 14px;
  margin-top: 10px; }

/****** Artifact Comment V2 ********/
.portfolio-v2__artifact-comment {
  margin: 5px 5% 0;
  font-size: 11px;
  line-height: 16px; }

.portfolio-v2__artifact-comment-text {
  font-style: italic;
  font-family: Bitter; }

.portfolio-v2__artifact-comment-author {
  color: #cc441b;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

/****** Growth Map ******/
.portfolio__section-headline--growthmap {
  margin-bottom: 0; }

.portfolio__growth-map {
  margin: 20px auto; }

.portfolio__growth-map-challenge {
  float: left;
  width: 100%; }

.portfolio__growth-map-category-name {
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  float: left;
  clear: both;
  margin: 20px 0 0; }

.portfolio__growth-map-sga {
  float: left;
  clear: left;
  margin-top: 20px; }

.portfolio__growth-map-sga--instructional-design .portfolio__growth-map-sga-icon,
.portfolio__growth-map-sga--instructional-design .portfolio__growth-map-sga-name {
  color: #34b3a0; }

.portfolio__growth-map-sga-icon {
  float: left;
  font-size: 30px;
  margin-right: 10px;
  color: #104b82; }

.portfolio__growth-map-sga-details {
  float: left;
  padding-top: 5px; }

.portfolio__growth-map-challenge {
  padding: 24px 0 28px;
  text-align: center;
  border-top: 1px solid #a8a6a0;
  border-bottom: 1px solid #a8a6a0; }

.portfolio__growth-map-sga-name {
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #104b82;
  margin-bottom: 12px; }

.portfolio__growth-map-sga-declaration {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 9px;
  text-transform: uppercase;
  margin-bottom: 5px; }

.portfolio__growth-map-tc {
  width: 60%;
  float: left;
  padding-right: 20px; }

.portfolio__growth-map-tc-declaration {
  font-size: 11px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #104b82;
  text-transform: uppercase; }

.portfolio__growth-map-tc-name {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-top: 10px; }

.portfolio__growth-map-attempts {
  width: 40%;
  float: left;
  padding-left: 20px;
  border-left: 1px solid #a8a6a0; }

.portfolio__growth-map-strategy {
  font-size: 11px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin-top: 15px; }

.portfolio__growth-map-tc-declaration--students-impacted {
  margin-top: 24px; }

/****** Admin Dashboard ******/
.admin-v2__headline {
  margin-top: 30px; }

.admin-v2__nav-link {
  font-size: 18px;
  line-height: 20px;
  margin-top: 20px; }
  .admin-v2__nav-link:first-of-type {
    margin-top: 0; }
  .admin-v2__nav-link .tc__link {
    font-family: MuseoSans-500, Helvetica, sans-serif; }

/****** User Search Form ******/
.admin-v2__user-search-form {
  margin: 15px auto 30px;
  padding: 0.65rem 0; }

.admin-v2__search-type-toggle {
  position: absolute;
  bottom: -10px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.admin-v2__search-container {
  display: inline-block;
  float: left; }

.admin-v2__user-search-input-container {
  width: 300px;
  position: relative;
  float: left;
  margin-right: 10px; }

.admin-v2__user-search-input-magnifying-glass {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #dbdad7; }

input.admin-v2__user-search-input {
  width: 100%;
  font-size: 18px;
  padding: 5px 5px 5px 28px; }

.admin-v2__user-search-input-clear {
  position: absolute;
  top: 9px;
  right: 5px;
  color: #176bbf;
  cursor: pointer; }

.admin-v2__add-user-btn {
  float: right;
  margin: 20px 0 0; }

.admin-v2__search-btn {
  float: left;
  margin: 20px 0 0;
  color: white; }

/****** Users Table ******/
.admin-v2__user-table-header,
.admin-table__header {
  font-size: 13px;
  line-height: 20px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: left;
  padding: 10px 15px;
  background: #d2effb;
  border-right: 1px solid #dbdad7;
  border-bottom: 1px solid #dbdad7; }

.admin-v2__user-table-col,
.admin-table__col {
  vertical-align: top;
  font-size: 13px;
  line-height: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 10px 15px;
  border-right: 1px solid #dbdad7; }

.admin-table__col--cohort-member-counts {
  width: 135px; }

.admin-table__col--icons {
  width: 130px; }

.admin-table__col--icons-v4 {
  display: flex;
  justify-content: space-between;
  width: 130px;
  font-size: 22px;
  line-height: 22px; }

.admin-v2__users-table-role {
  font-size: 14px;
  font-family: MuseoSans-900, Helvetica, sans-serif;
  line-height: 16px;
  color: #176bbf;
  border: 1px solid #176bbf;
  padding: 2px 5px;
  margin-right: 10px; }

.admin-v2__users-table-role--leader {
  background: white;
  margin-left: 10px; }

.admin-v2__users-table-permission {
  margin-right: 5px; }
  .admin-v2__users-table-permission:after {
    content: ','; }
  .admin-v2__users-table-permission:last-of-type:after {
    content: ''; }

/****** Add User Page ******/
.admin-v2__user-create-header {
  margin-bottom: 0; }

.admin-v2__user-page-section-subheader {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 20px;
  color: #ff5b29; }

.admin-v2__user-create-form-item {
  position: relative;
  margin-bottom: 20px; }

.admin-v2__user-create-form-item--room-for-error {
  margin-bottom: 30px; }

.admin-v2__submit-btn {
  margin: 10px 30px 30px 0; }

/****** User Page ******/
.admin-v2__user-page-breadcrumbs {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  margin-top: 10px; }

.admin-v2__user-page-header {
  margin: 0 0 20px 30px; }

.admin-v2__user-page-header-date {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  margin-top: 5px; }

.admin-v2__user-tab-body {
  min-height: 1000px;
  background-color: #f1f1ef;
  padding: 10px; }
  .admin-v2__user-tab-body .tc__input:disabled {
    color: #a8a6a0;
    cursor: default; }

.admin-v2__user-tab-body--subpage {
  padding-top: 0; }

.admin-v2__user-page-section {
  border-top: 1px solid #c2c0ba;
  padding-top: 20px;
  position: relative; }

.admin-v2__user-page-section--margin {
  margin-top: 30px; }

.admin-v2__user-page-section-header {
  margin-bottom: 20px; }

.admin-v2__user-page-form-item {
  position: relative;
  width: 50%;
  margin-bottom: 20px; }
  .admin-v2__user-page-form-item .tc__error {
    float: left;
    clear: left;
    position: relative;
    margin-bottom: 0;
    margin-top: 1%; }

.admin-v2__user-page-label {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 32px; }

.admin-v2__user-page-label--checkbox {
  line-height: 16px;
  margin: 0 50px 0 5px;
  float: left;
  cursor: pointer; }
  .admin-v2__user-page-label--checkbox:last-of-type {
    margin-right: 0; }
  .admin-v2__user-page-label--checkbox.disabled {
    color: #a8a6a0;
    cursor: default; }

.admin-v2__user-page-label--radio {
  line-height: 26px;
  margin-left: 5px;
  float: left;
  cursor: pointer; }
  .admin-v2__user-page-label--radio.disabled {
    color: #a8a6a0;
    cursor: default; }

.admin-v2__user-page-input {
  width: 75%;
  float: right; }
  .admin-v2__user-page-input:disabled {
    color: #a8a6a0;
    cursor: default; }

.admin-v2__user-page-input--password-reset {
  width: 70%;
  background-color: #ebebe4; }

.admin-v2__user-role-radio {
  float: left; }

.admin-v2__user-teachcycle-link {
  margin-top: 20px; }

.admin-v2__user-align-center {
  text-align: center; }
  .admin-v2__user-align-center a {
    margin-right: 5px;
    margin-left: 5px; }

/* date picker styles */
.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__header__dropdown--select {
  margin-top: -16px; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker__current-month--hasYearDropdown {
  margin-bottom: 16px; }

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc; }

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  display: inline;
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day--today {
  font-weight: bold; }

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff; }

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover {
  background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  float: right;
  width: 75%; }

.react-datepicker__year-read-view {
  width: 50%;
  left: 25%;
  position: absolute;
  bottom: 25px;
  border: 1px solid transparent;
  border-radius: 0.3rem; }

.react-datepicker__year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  margin-bottom: 3px;
  left: 5px;
  top: 9px;
  position: relative;
  border-width: 0.45rem; }

.react-datepicker__year-read-view--selected-year {
  right: 0.45rem;
  position: relative; }

.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll; }

.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected {
  position: absolute;
  left: 30px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0; }

.react-datepicker__tether-element {
  z-index: 2147483647; }

/****** Bulk User Upload ******/
.bulk-upload__required-fields-list {
  list-style-position: inside; }

.bulk-upload__global-fields-header {
  padding: 20px 0; }

.bulk-upload__file-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.bulk-upload__file-input-label {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-right: 10px; }

.bulk-upload__form-item {
  position: relative;
  width: 60%;
  margin-bottom: 25px;
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif; }
  .bulk-upload__form-item .tc__error {
    margin-bottom: -20px; }

.bulk-upload__form-item--short {
  width: 10%; }

.bulk-upload__global-input-label {
  display: inline-block;
  width: 22%;
  line-height: 32px; }

.bulk-upload__global-input-label--switch {
  vertical-align: middle; }

.bulk-upload__switch-label {
  cursor: pointer; }

.bulk-upload__switch-status {
  margin-left: 20px;
  vertical-align: middle;
  text-transform: uppercase; }

.bulk-upload__global-input {
  width: 72%;
  line-height: 20px;
  float: right; }
  .bulk-upload__global-input:disabled {
    background-color: #f7f7f5;
    color: #a8a6a0; }

.bulk-upload__global-input--short {
  width: 40%; }

.bulk-upload__switch-input-area {
  vertical-align: middle;
  margin-left: 6%; }
  .bulk-upload__switch-input-area .ppd-v3-curation__switch {
    vertical-align: middle; }

.bulk-upload__school-list {
  width: 75%;
  float: right;
  margin-top: 6px;
  font-size: 14px;
  font-style: italic; }

.bulk-upload__submit-btns {
  display: inline-block; }
  .bulk-upload__submit-btns .littlespinner {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 7px;
    left: 5px; }

.bulk-upload__submit-btn {
  position: relative;
  margin: 10px 20px 20px 0; }

.bulk-upload__loading-text {
  font-size: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-bottom: 10px; }
  .bulk-upload__loading-text .littlespinner {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }

.bulk-upload__cancel {
  margin-left: 20px; }

.bulk-upload__results-container {
  padding-top: 20px; }

.bulk-upload__ready-text {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin-bottom: 15px; }
  .bulk-upload__ready-text .highlight {
    font-weight: bold; }

.bulk-upload__row-count-text {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 20px; }
  .bulk-upload__row-count-text .tc-check {
    color: #9fbf1d;
    font-size: 30px;
    margin-right: 10px; }
  .bulk-upload__row-count-text .highlight {
    font-size: 30px;
    font-weight: bold; }

.bulk-upload__table {
  border: 1px solid #dbdad7;
  margin-bottom: 10px; }

.bulk-upload__table-header {
  font-size: 13px;
  line-height: 20px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: left;
  padding: 8px 10px;
  background: #d2effb;
  border-right: 1px solid #dbdad7;
  border-bottom: 1px solid #dbdad7; }

.bulk-upload__table-header--status {
  min-width: 160px; }

.bulk-upload__table-col {
  font-size: 13px;
  line-height: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 8px 10px;
  border-right: 1px solid #dbdad7; }
  .bulk-upload__table-col.error {
    color: #cc441b;
    background: #ffece5; }
  .bulk-upload__table-col.warning {
    color: #1560ab;
    background: #dff4fe; }
  .bulk-upload__table-col .tc-check {
    vertical-align: middle;
    color: #9fbf1d;
    font-size: 24px; }
  .bulk-upload__table-col .tc-x {
    vertical-align: middle;
    color: #cc441b;
    font-weight: bold; }
  .bulk-upload__table-col .tc-warning {
    vertical-align: middle;
    color: #1560ab; }

/****** add user/ partner modal ******/
.bl__btn--add-partner {
  margin: 10px 0; }
  .bl__btn--add-partner:last-of-type {
    margin-right: 10px; }

.modal__page-overlay--add {
  top: 0;
  z-index: 99; }

.tc__modal-add {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 100;
  width: 500px;
  height: auto;
  text-align: center;
  -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  top: 40%;
  position: fixed;
  left: 50%;
  margin-left: -250px;
  background: white;
  padding: 30px; }

.tc__modal-add-overlay.hide {
  display: none; }

.tc__modal-add-headline {
  margin-bottom: 30px; }

.tc__modal-add-row--btn {
  text-align: center; }

.tc__modal-add-row {
  text-align: left;
  padding: 0 0 30px;
  clear: left;
  position: relative; }
  .tc__modal-add-row .tc__error {
    margin-bottom: 6px; }

.tc__link--modal-add-user {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -5px; }

.tc__modal-add-row--btn {
  text-align: center; }

.tc__modal-add-label {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.tc__btn--add-submit {
  position: relative;
  margin: 0; }
  .tc__btn--add-submit .littlespinner {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 7px;
    left: 4px; }

.tc__modal-add-label {
  margin-right: 10px; }

.tc__modal-add-label--disabled {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-right: 10px;
  color: #dbdad7; }

.tc__modal-add-input {
  width: 370px; }

.bl__btn--add-partner {
  text-align: right;
  float: right; }

.tc__modal-inline-error {
  width: 390px;
  margin-bottom: 20px; }

/****** table stuff ******/
.admin-table__action-seperator {
  padding: 0 5px;
  color: #dbdad7; }

.admin-table__new-link {
  margin-left: 10px; }

.admin-table__action-icon {
  margin-right: 5px; }

.admin-table__icon {
  vertical-align: middle;
  font-size: 18px;
  color: #176bbf;
  cursor: pointer;
  margin-left: 10px; }
  .admin-table__icon:first-of-type {
    margin-left: 0; }
  .admin-table__icon.tc-pencil {
    font-size: 20px; }
  .admin-table__icon.tc-delete {
    font-size: 22px; }

.admin-table__preview-link {
  margin-left: 10px; }

/****** Admin Tests ******/
.admin-tests__table {
  width: 100%;
  border: 1px solid #dbdad7;
  margin-bottom: 50px; }

.admin-tests__table-col {
  vertical-align: top;
  font-size: 13px;
  line-height: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 10px 15px;
  border-right: 1px solid #dbdad7; }
  .admin-tests__table-col .tc-check, .admin-tests__table-col .passing {
    color: #7f9918; }
  .admin-tests__table-col .tc-x, .admin-tests__table-col .failing {
    color: #cc441b; }
  .admin-tests__table-col .no-validation {
    color: #1560ab; }

/****** Partner Portfolio Dashboard ******/
.ppt-dashboard_spinner_container {
  color: #a8a6a0; }

.ppt-dashboard_spinner {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: rotation 400ms linear infinite;
  animation: rotation 400ms linear infinite;
  display: inline-block;
  position: relative;
  vertical-align: bottom; }

/***** Cohort Management *****/
.cohorts__headline-row {
  margin-top: 20px; }

.cohorts__headline {
  margin-bottom: 10px; }

/***** Overall PPD 3 Content Curation *****/
.ppd-v3-curation__breadcrumbs {
  margin-top: 10px;
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px; }

.ppd-v3-curation__breadcrumb-separator {
  vertical-align: middle;
  margin: 0 8px; }

/***** Edit Pages *****/
.ppd-v3-curation__edit-form {
  margin-bottom: 10px; }

.ppd-v3-curation__cancel-link {
  line-height: 35px; }

.ppd-v3-curation__save-btn {
  margin: 0 10px 0 20px; }

.ppd-v3-curation__form-row .tc__error {
  margin-bottom: -13px; }

.ppd-v3-curation__label {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-bottom: 5px; }

.ppd-v3-curation__inline-label {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  cursor: pointer; }

.ppd-v3-curation__inline-label-text {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-right: 10px; }

.ppd-v3-curation__input {
  width: 100%; }

.ppd-v3-curation__input--half {
  width: 50%; }

.ppd-v3-curation__input--rating {
  width: 50px; }

.ppd-v3-curation__untitled {
  font-style: italic; }

.ppd-v3-curation__warning-icon {
  font-size: 20px;
  color: #df4c1e;
  position: absolute;
  margin-left: 6px;
  margin-top: 2px; }

/***** switch-style checkbox *****/
.ppd-v3-curation__switch-input {
  display: none; }

.ppd-v3-curation__switch {
  display: inline-block;
  vertical-align: text-bottom;
  width: 40px;
  height: 25px;
  border: 2px solid #a8a6a0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: white; }
  .ppd-v3-curation__switch.disabled {
    cursor: default; }
    .ppd-v3-curation__switch.disabled .ppd-v3-curation__switch-btn {
      background-color: #c2c0ba !important; }

.ppd-v3-curation__switch--has-label {
  margin: 2px 0 0 16px; }

.ppd-v3-curation__switch--in-table {
  margin: 0 0 0 14px; }

.ppd-v3-curation__switch-btn {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-color: #a8a6a0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin-top: 1px;
  margin-left: 1px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.ppd-v3-curation__switch-input:checked + .ppd-v3-curation__switch-label .ppd-v3-curation__switch-btn {
  background-color: #1560ab;
  margin-left: 16px; }

/***** dropdown menu *****/
.ppd-v3-curation__menu-icon-container {
  position: relative;
  margin-left: 20px; }

.ppd-v3-curation__menu-icon {
  width: 42px;
  height: 42px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #1976d2;
  background-color: white;
  text-align: center;
  font-size: 40px;
  line-height: 42px;
  color: #1976d2;
  cursor: pointer;
  margin-top: -10px; }

.ppd-v3-curation__menu {
  width: 230px;
  position: absolute;
  top: 35px;
  right: -9px;
  background-color: white;
  -webkit-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  -moz-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  z-index: 1; }
  .ppd-v3-curation__menu:before {
    content: '';
    position: absolute;
    top: -20px;
    right: 20px;
    border-bottom: 10px solid #f1f1ef;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }
  .ppd-v3-curation__menu:after {
    content: '';
    position: absolute;
    top: -17px;
    right: 20px;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }

.ppd-v3-curation__menu-item {
  padding: 0 15px;
  cursor: pointer;
  line-height: 40px; }
  .ppd-v3-curation__menu-item:hover {
    background-color: #f5f5f5;
    color: #1976d2; }
  .ppd-v3-curation__menu-item.disabled {
    background-color: white;
    color: #dbdad7;
    cursor: default; }
    .ppd-v3-curation__menu-item.disabled:hover {
      background-color: white;
      color: #dbdad7; }

/***** Tables *****/
.ppd-v3-curation__table-section {
  margin-top: 20px; }

.ppd-v3-curation__secondary-header {
  font-size: 20px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 30px; }

.ppd-v3-curation__table {
  border: 1px solid #dbdad7;
  margin-bottom: 10px; }

.ppd-v3-curation__table--domains {
  margin-bottom: 0; }

.ppd-v3-curation__table-header {
  font-size: 13px;
  line-height: 25px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  padding: 12px 15px;
  background: #d2effb;
  border-bottom: 1px solid #dbdad7;
  border-left: 1px solid #dbdad7; }
  .ppd-v3-curation__table-header:first-of-type {
    border-left: 0; }

.ppd-v3-curation__table-header--border-top {
  border-top: 1px solid #dbdad7; }

.ppd-v3-curation__table-row {
  border-bottom: 1px solid #dbdad7; }
  .ppd-v3-curation__table-row:nth-child(odd) {
    background: #f1f1ef; }
  .ppd-v3-curation__table-row:nth-child(even) {
    background: white; }

.ppd-v3-curation__table-odd {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  border-bottom: 1px solid #dbdad7;
  background: #f1f1ef; }

.ppd-v3-curation__table-even {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  border-bottom: 1px solid #dbdad7;
  background: white; }

.ppd-v3-curation__table-col {
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 18px;
  padding: 12px 15px;
  border-left: 1px solid #dbdad7; }
  .ppd-v3-curation__table-col:first-of-type {
    border-left: 0; }

.ppd-v3-curation__table-col--border-right {
  border-right: 1px solid #dbdad7; }

.ppd-v3-curation__table-col--single-line {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px; }

.ppd-v3-curation__table-col--title {
  width: 320px; }

.ppd-v3-curation__table-col--indicator {
  width: 380px; }

.ppd-v3-curation__table-col--published {
  width: 108px; }

.ppd-v3-curation__table-col--modified {
  width: 130px; }

.ppd-v3-curation__table-col--specialty-tag {
  width: 230px; }

.ppd-v3-curation__table-col--icons {
  width: 90px;
  text-align: center; }

.ppd-v3-curation__table-strategy-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px; }

.ppd-v3-curation__table-strategy-name--ett {
  width: 270px;
  float: left; }

.ppd-v3-curation__table-modification-name--ett {
  float: left;
  width: auto;
  max-width: 610px; }

.ppd-v3-curation__table-indicator-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 25px;
  margin-top: 5px; }
  .ppd-v3-curation__table-indicator-name:first-of-type {
    margin-top: 0; }

.ppd-v3-curation__table-icon {
  color: #176bbf;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer; }
  .ppd-v3-curation__table-icon:hover {
    color: #104b82;
    text-decoration: none; }

.ppd-v3-curation__table-icon--delete {
  font-size: 22px;
  margin-left: 12px; }

/***** Modals (specialty tag and artifact) *****/
.ppd-v3-curation-modal__page-overlay {
  top: 0;
  left: 0; }

.ppd-v3-curation-modal {
  top: 20%;
  width: 800px; }

.ppd-v3-curation-modal--short {
  top: 30%;
  width: 700px; }

.ppd-v3-curation-modal__body {
  padding: 30px 60px; }

.ppd-v3-curation-modal__body-text {
  font-size: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 22px;
  margin-top: 20px; }

.ppd-v3-curation-modal__form-row {
  position: relative;
  text-align: left;
  margin-top: 25px; }
  .ppd-v3-curation-modal__form-row .tc__error {
    margin-bottom: -20px; }

.ppd-v3-curation-modal__form-row--add-child .tc__error {
  margin-bottom: -40px;
  height: 30px; }

.ppd-v3-curation-modal__label {
  margin-bottom: 8px; }

.ppd-v3-curation-modal__input-full {
  width: 100%; }

.ppd-v3-curation-modal__input-half {
  width: 50%; }

.ppd-v3-curation-modal__buttons {
  margin-top: 20px; }

.ppd-v3-curation-modal__buttons--add-child {
  margin-top: 50px; }

.ppd-v3-curation-modal__button {
  min-width: 100px;
  margin: 0 5px; }

.ppd-v3-curation-modal__button--cancel {
  margin-left: 20px; }

/****** style polish ******/
.ppd-v3-curation__search {
  padding-top: 0; }

.ppd-v3-curation__search-loading {
  float: left;
  margin-top: 5px; }

.ppd-v3-curation__search-no-results {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 15px;
  padding-top: 0; }

.ppd-v3-curation__search-no-results-keyword {
  font-style: italic; }

.ppd-v3-curation__domains-header-expand-collapse {
  text-align: right; }
  .ppd-v3-curation__domains-header-expand-collapse a {
    padding-left: 15px; }

.ppd-v3-curation__table {
  border: 1px solid #dbdad7; }

.ppd-v3-curation__table--artifacts {
  padding: 0 0.65rem; }
  .ppd-v3-curation__table--artifacts .ppd-v3-curation__table-col {
    height: 52px;
    line-height: 28px; }
  .ppd-v3-curation__table--artifacts .ppd-v3-curation__drag-icon {
    margin: 3px 0 0; }
  .ppd-v3-curation__table--artifacts .ppd-v3-curation__row-copy {
    line-height: 28px; }
  .ppd-v3-curation__table--artifacts .ppd-v3-curation__row:nth-child(even) {
    background: #f1f1ef; }
  .ppd-v3-curation__table--artifacts .ppd-v3-curation__row:nth-child(odd) {
    background: white; }

.ppd-v3-curation__row {
  border-bottom: 1px solid #dbdad7;
  padding: 0; }
  .ppd-v3-curation__row:last-of-type {
    border-bottom: 0; }

.ppd-v3-curation__row--indent-1 .ppd-v3-curation__drag-icon {
  margin-left: 40px; }

.ppd-v3-curation__row--indent-1 .ppd-v3-curation__row-copy {
  padding-left: 75px; }

.ppd-v3-curation__row--indent-2 .ppd-v3-curation__drag-icon {
  margin-left: 70px; }

.ppd-v3-curation__row--indent-2 .ppd-v3-curation__row-copy {
  padding-left: 105px; }

.ppd-v3-curation__row--add {
  border-bottom: 1px solid #dbdad7;
  border-left: 1px solid #dbdad7;
  border-right: 1px solid #dbdad7; }

.ppp-v3-curation__sort {
  display: inline-block;
  font-size: 11px; }

.ppp-v3-curation__sort--down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.ppd-v3-curation__domains-header {
  border-top: 1px solid #dbdad7;
  border-right: 1px solid #dbdad7;
  border-left: 1px solid #dbdad7;
  background: #d2effb;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 13px; }

.ppd-v3-curation__domains-header-item {
  border-right: 1px solid #dbdad7;
  height: 50px;
  line-height: 30px; }
  .ppd-v3-curation__domains-header-item:last-of-type {
    border-right: 0; }

.ppd-v3-curation__domain,
.ppd-v3-curation__outcome {
  padding: 0 10px; }

.ppd-v3-curation__domain .ppd-v3-curation__outcome.gu-transit {
  position: absolute; }

.ppd-v3-curation__domain-outcomes .ppd-v3-curation__outcome.gu-transit {
  position: relative; }

.ppd-v3-curation__outcome .ppd-v3-curation__row--indicator.gu-transit {
  position: absolute; }

.ppd-v3-curation__domain-indicators .ppd-v3-curation__row--indicator.gu-transit {
  position: relative; }

.ppd-v3-curation__drag-icon {
  font-size: 24px;
  margin: 8px 0 0 10px;
  color: #dbdad7;
  cursor: move;
  position: absolute; }

.ppd-v3-curation__row-copy {
  line-height: 40px;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1e2326;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding-left: 45px; }
  .ppd-v3-curation__row-copy:hover {
    text-decoration: underline; }

.ppd-v3-curation__input--domain {
  margin-top: 3px;
  margin-left: 35px;
  width: 480px; }

.ppd-v3-curation__switch-container {
  border-left: 1px solid #dbdad7;
  height: 60px; }

.ppd-v3-curation__options-container {
  font-size: 22px;
  text-align: center;
  padding: 10px 15px; }
  .ppd-v3-curation__options-container .row {
    width: 100%; }
  .ppd-v3-curation__options-container a:hover {
    text-decoration: none; }

.ppd-v3-curation__option {
  padding: 9px 0 0; }

.error .custom-select.tc__input {
  background: #ffece5; }

.ppd-v3-curation__domain-outcomes.hidden,
.ppd-v3-curation__domain-indicators.hidden {
  display: none; }

.ppd-v3-curation__ett_strategy {
  margin: 3px 5px 5px;
  color: white;
  font-family: "Circular Medium", Helvetica, sans-serif;
  background: #8ba911;
  padding: 0 5px;
  position: relative;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.5px;
  float: left; }
  .ppd-v3-curation__ett_strategy:after {
    content: "\E611";
    font-family: 'teach-cycle-icons';
    color: #8ba911;
    font-size: 18px;
    position: absolute;
    left: 24px; }

.ppd-v3-curation__ett_strategy--modification {
  margin-top: 0; }

.gu-mirror {
  position: fixed; }

.ppd-v3-curation_spinner {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: rotation 400ms linear infinite;
  animation: rotation 400ms linear infinite;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

/****** Strategy Image Up[load ******/
.ppd__v2-curation-strategy-image-button-container {
  position: relative; }

.ppd-v3-curation__label--strategy-image {
  float: left; }

.ppd__v2-curation-strategy-image-upload-button {
  float: left;
  clear: both;
  position: relative; }

.tc__btn--v3-curation-strategy-image-upload {
  float: left; }

.ppd__v2-curation-strategy-upload-file-name {
  position: absolute;
  margin-left: 36px;
  margin-top: 10px; }

.artifact__upload-field--v3-curation {
  height: 30px;
  margin-top: 11px;
  width: 90px; }

.ppd__v2-curation-strategy-upload-status-indicator {
  float: left;
  margin-left: 12px;
  width: 700px; }

.ppd__v2-curation-strategy-image-mask--none {
  background: #dbdad7;
  height: 170px;
  width: 230px;
  margin-top: 10px; }

.ppd__v2-curation-strategy-image-icon {
  position: absolute;
  font-size: 50px;
  top: 50%;
  margin-top: -25px;
  left: 50%;
  margin-left: -25px; }

.ppd__v2-curation-strategy-image {
  width: 230px; }
  .ppd__v2-curation-strategy-image.scale-to-width {
    width: 230px; }
  .ppd__v2-curation-strategy-image.scale-to-height {
    height: 170px;
    width: auto; }

.ppd__v2-curation-strategy-image-mask {
  width: 230px;
  height: 170px;
  overflow: hidden; }

.ppd-v3-curation__strategy-upload-image-container {
  float: left;
  clear: left;
  position: relative; }

.ppd__v2-curation-strategy-image-mask {
  margin-top: 10px; }

.ppd__v2-curation-strategy-image-upload-icon,
.ppd__v2-curation-strategy-image-delete-icon {
  position: absolute;
  top: 0;
  font-size: 25px;
  color: #a8a6a0;
  cursor: pointer;
  margin-top: 15px; }
  .ppd__v2-curation-strategy-image-upload-icon:hover,
  .ppd__v2-curation-strategy-image-delete-icon:hover {
    color: #33322e; }

.ppd__v2-curation-strategy-image-delete-icon {
  right: 0;
  margin-right: 5px;
  font-size: 30px; }

.ppd__v2-curation-strategy-image-upload-icon {
  left: 0;
  margin-left: 5px; }
  .ppd__v2-curation-strategy-image-upload-icon .artifact__upload-field--v3-curation {
    height: 25px;
    width: 25px;
    margin-top: 0; }

.ppd__v2-curation-strategy-artifact__upload-title {
  width: 500px; }

.ppd__v2-curation-strategy-artifact__upload-title--replace {
  margin-left: 150px; }

.ppd__v2-curation-strategy-image-loading-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  z-index: 2; }

/****** strategy upload success message ******/
.ppd-v3-curation__uploaded-strategies-success {
  color: #7f9918;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.ppd-v3-curation__uploaded-strategies-icon {
  float: left;
  font-size: 22px;
  margin-top: -5px; }

.ppd-v3-curation__uploaded-strategies-caption {
  float: left; }

.ppd-v3-curation__uploaded-strategies-failed {
  float: left;
  clear: left;
  margin: 5px 0 21px 23px;
  line-height: 21px; }

.pd-v3-curation__table-strategy-custom-tag {
  margin-top: 10px;
  background: #0B8484;
  font-size: 12px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  color: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 0 20px;
  text-align: center;
  display: block;
  width: 80px;
  line-height: 29px; }

/****** Participant Registration common styles ******/
.registration__headline {
  margin-top: 30px; }

.registration__subheadline {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 22px;
  margin-top: 7px; }

.registration__form-item {
  position: relative;
  width: 100%;
  margin-bottom: 25px;
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px; }

.registration__form-item--input-area {
  padding: 10px 0 0 0;
  margin-bottom: 5px; }
  .registration__form-item--input-area.error {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #ffece5;
    -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }
  .registration__form-item--input-area .tc__error {
    margin-bottom: 0; }

.registration__input-label {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 22px; }
  .registration__input-label .italics {
    font-style: "Circular Book Italic", Helvetica, sans-serif; }

.registration__input-label--inline {
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-right: 10px; }

.registration__secondary-input-label {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 16px;
  margin-top: 8px; }

input.registration__input, textarea.registration__input, select.registration__input {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 10px; }

input.registration__input--short {
  width: 70px; }

.registration__checkbox-container {
  padding-bottom: 20px; }

.registration__checkbox-label {
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 18px;
  cursor: pointer;
  margin-left: 10px; }

.registration__confirm-school-options {
  position: relative; }
  .registration__confirm-school-options .tc__error {
    margin-bottom: -5px; }

.registration__checkbox-capsule {
  display: inline-flex;
  align-items: center;
  width: 230px;
  height: 60px;
  background-color: white;
  border: 2px solid #c7c7c7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 24px;
  padding: 20px 10px 20px 16px;
  margin-right: 19px;
  margin-bottom: 20px;
  cursor: pointer; }
  .registration__checkbox-capsule .tc-check {
    visibility: hidden; }
  .registration__checkbox-capsule.error {
    border: 2px solid #cc441b;
    color: #cc441b; }
    .registration__checkbox-capsule.error:hover {
      background-color: #2196F3;
      color: white;
      border-color: #2196F3; }
  .registration__checkbox-capsule:hover {
    background-color: #2196F3;
    color: white;
    border-color: #2196F3; }
  .registration__checkbox-capsule.checked {
    background-color: #33B55F;
    border-color: #33B55F;
    color: white; }
    .registration__checkbox-capsule.checked .tc-check {
      visibility: visible;
      color: white; }
  .registration__checkbox-capsule.disabled {
    color: #c2c0ba;
    border-color: #c2c0ba;
    background-color: #f1f1ef;
    cursor: default;
    pointer-events: none; }
    .registration__checkbox-capsule.disabled.checked {
      background-color: #b9cadc;
      color: white; }
      .registration__checkbox-capsule.disabled.checked .tc-check {
        color: white; }
    .registration__checkbox-capsule.disabled .tc-check {
      color: #b9cadc; }
  .registration__checkbox-capsule input[type="checkbox"], .registration__checkbox-capsule input[type="radio"] {
    display: none; }
  .registration__checkbox-capsule .tc-check {
    color: #1b7ee0;
    margin-right: 16px; }
  .registration__checkbox-capsule.last-in-row {
    margin-right: 0; }

.registration__checkbox-capsule--tall {
  height: 62px;
  vertical-align: top;
  word-break: break-word; }

.registration__checkbox-capsule--no-icon {
  display: inline-block;
  width: 200px;
  text-align: center;
  padding: 10px; }

.registration__checkbox-capsule--single-row {
  margin-bottom: 0; }

/***** Header *****/
.registration-header__logo {
  display: block;
  height: 100px;
  background: url("/www/teachcycle/images/betterlesson-logo.svg");
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: center; }

.registration-header__logo-caption {
  visibility: hidden; }

.registration-header__steps {
  text-align: center; }

.registration-header__step {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  width: 14px;
  border: 1px solid #a8a6a0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: white; }

.registration-header__step--completed {
  border: 2px solid #1b7ee0;
  background-color: #1b7ee0; }

.registration-header__step--current {
  border: 2px solid #1b7ee0; }

.registration-header__step-divider {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  border-bottom: 1px solid #a8a6a0; }

/** Portfolio Management Subheader **/
.p-portfolio-mgmt__subheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0 14px;
  border-bottom: 1px solid #CECECE; }

.p-portfolio-mgmt__subheader-home-link {
  flex: 1 1 auto; }

.p-portfolio-mgmt__subheader-preview-link {
  flex: 0 1 auto;
  margin-right: 60px; }
  .p-portfolio-mgmt__subheader-preview-link:hover {
    text-decoration: none; }
    .p-portfolio-mgmt__subheader-preview-link:hover .label {
      text-decoration: underline; }

.p-portfolio-mgmt__subheader-preview-icon {
  vertical-align: text-bottom;
  font-size: 20px;
  margin-left: 3px; }

.p-portfolio-mgmt__subheader-share-btn {
  flex: 0 1 auto;
  margin: 0; }

/** Subheader Share Modal **/
.p-portfolio-mgmt__share-modal-body {
  padding: 30px 60px; }

.p-portfolio-mgmt__share-headline {
  margin-top: 20px; }

.p-portfolio-mgmt__share-success-text {
  text-align: left;
  margin-top: 10px; }

.p-portfolio-mgmt__share-input-container {
  margin-top: 20px; }

.p-portfolio-mgmt__share-copy-btn {
  min-width: 15%;
  background-color: white;
  padding: 10px 15px;
  border: 1px solid #CECECE; }

.p-portfolio-mgmt__share-done-btn-container {
  margin-top: 20px; }

input.p-portfolio-mgmt__share-input {
  width: 85%;
  height: 42px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-right: 0;
  padding: 10px 15px; }

/** Home page **/
/** Header section **/
.p-portfolio-management__home {
  font-family: "Circular Book", Helvetica, sans-serif; }

.p-portfolio-management__headline {
  text-align: center;
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 0px; }

.p-portfolio-management__institution {
  text-align: center;
  font-size: 18px;
  margin-bottom: 0px; }

/** Vision section **/
.p-portfolio-management__vision {
  font-size: 28px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px; }

.p-portfolio-management__vision-text {
  position: relative;
  margin-bottom: 15px; }
  .p-portfolio-management__vision-text .ckeditor__output p:first-of-type {
    margin-top: 0; }

.p-portfolio-management__vision-edit-centered {
  text-align: center; }

/** Outcome section **/
.p-portfolio-management__outcome-header {
  text-align: center;
  font-size: 28px;
  margin-top: 30px; }

.p-portfolio-management__outcome-capsule {
  padding: 0px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  margin-top: 40px; }

.p-portfolio-management__bottom-border {
  border-bottom: 1px solid #CECECE;
  height: 5px;
  padding: 0px; }

.p-portfolio-management__outcome-title {
  font-size: 28px;
  color: #1A7CD9; }

.p-portfolio-management__outcome-title--invisible {
  color: #CECECE; }

.p-portfolio-management__outcome-icon {
  font-size: 75px;
  line-height: 75px;
  text-align: center;
  color: #1A7CD9;
  margin-right: 30px; }
  .p-portfolio-management__outcome-icon:hover {
    cursor: pointer; }

.p-portfolio-management__outcome-icon--invisible {
  color: #CECECE; }

.p-portfolio-management__check {
  text-align: center;
  margin-right: 30px; }
  .p-portfolio-management__check .tc-check {
    color: white;
    font-size: 30px;
    text-align: center;
    background-color: #33B55F;
    border-radius: 50%;
    cursor: pointer; }

.p-portfolio-management__check.p-portfolio-management__check--invisible .tc-check {
  background-color: #CECECE; }

/* Added color for link */
.tc__link.tc__link--portfolioGrey {
  color: #CECECE; }

/** Manage Vision Page **/
/** Headers and text for vision and design summary **/
.p-portfolio-management-vision__heading {
  text-align: center;
  font-size: 28px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 40px; }

.p-portfolio-management-vision__heading-ds {
  text-align: center;
  font-size: 28px;
  text-align: center;
  margin-bottom: 40px; }

.p-portfolio-management-vision__text.ckeditor__output {
  padding: 0px; }

.p-portfolio-management-vision__text.ckeditor__output p {
  margin: 0px; }

.p-portfolio-management-vision__text.p-porfolio-management-vision__text--grey {
  color: #CECECE; }

/** Checks **/
.p-portfolio-management-vision__check {
  margin-top: 5px;
  text-align: center; }
  .p-portfolio-management-vision__check .tc-check {
    color: white;
    font-size: 30px;
    text-align: center;
    background-color: #33B55F;
    border-radius: 50%;
    cursor: pointer; }

.p-portfolio-management-vision__check.p-portfolio-management-vision__check--grey .tc-check {
  background-color: #CECECE; }

/** Artifact Section **/
.p-portfolio-management-vision__artifact {
  border: 1px solid black;
  margin-top: 20px;
  margin-bottom: 20px; }

.participant__artifact-container.p-portfolio-management-vision__artifact-capsule {
  margin-bottom: 40px; }

.p-portfolio-management-vision__artifact-capsule {
  border: 1px solid black; }

.p-portfolio-management-vision__artifact-capsule--grey {
  color: #CECECE;
  text-color: #CECECE;
  border-color: #CECECE; }

.row.p-portfolio-management-vision__text-row {
  display: flex;
  align-items: center;
  margin-bottom: 40px; }

.p-portfolio-management-vision__artifact-text {
  text-align: center; }

.p-portfolio-management-vision__artifact-text--grey {
  color: #CECECE; }

.participant__artifact__preview-container.p-portfolio-management-vision__image-opacity {
  opacity: 0.4; }

/* buttons */
.p-portfolio-management-vision__buttons {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .p-portfolio-management-vision__buttons .tc__btn--flat-blue {
    padding: 10px; }

.p-portfolio-management-vision__cancel-button {
  margin-left: 20px; }

/* arrows */
.p-portfolio-management-vision__up-arrow {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 16px; }
  .p-portfolio-management-vision__up-arrow .tc-arrow {
    display: inline-block;
    transform: rotate(270deg);
    color: white;
    font-size: 22px;
    text-align: center;
    background-color: #1A7CD9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    cursor: pointer; }
    .p-portfolio-management-vision__up-arrow .tc-arrow.disabled {
      background-color: #CECECE;
      cursor: default; }

.p-portfolio-management-vision__down-arrow {
  text-align: center; }
  .p-portfolio-management-vision__down-arrow .tc-arrow {
    display: inline-block;
    transform: rotate(90deg);
    color: white;
    font-size: 22px;
    text-align: center;
    background-color: #1A7CD9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    cursor: pointer; }
    .p-portfolio-management-vision__down-arrow .tc-arrow.disabled {
      background-color: #CECECE;
      cursor: default; }

.p-portfolio-management-vision__artifact-container {
  padding: 0 0.65rem; }

.p-portfolio-management-vision__artiact-capsule .participant__artifact-image-mask {
  margin-top: 0;
  cursor: default; }

/* Outcome Story mamangement page */
.p-portfolio-outcome-story-management {
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-bottom: 40px; }

.p-portfolio-outcome-story-management__outcome {
  display: flex;
  align-items: center;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px; }

.p-portfolio-outcome-story-management__title {
  font-size: 28px; }

.p-portfolio-outcome-story-management__check {
  margin-top: 10px; }

.p-portfolio-outcome-story-management__opacity {
  opacity: 0.4; }

.p-portfolio-outcome-story-management__reorder {
  margin-bottom: -18px; }

.p-portfolio-outcome-story-management__entry-capsule {
  position: relative;
  background: white;
  border: 1px solid #CECECE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  list-style-position: inside;
  word-wrap: break-word;
  padding: 25px;
  margin-top: 10px; }
  .p-portfolio-outcome-story-management__entry-capsule ul p {
    display: inline; }
  .p-portfolio-outcome-story-management__entry-capsule .ckeditor__output p:first-of-type {
    margin-top: 0; }
  .p-portfolio-outcome-story-management__entry-capsule .ckeditor__output p:last-of-type {
    margin-bottom: 0; }

.p-portfolio-outcome-story-management__artifact-image {
  width: 513px; }
  .p-portfolio-outcome-story-management__artifact-image.scale-to-width {
    width: 513px; }
  .p-portfolio-outcome-story-management__artifact-image.scale-to-height {
    height: 380px;
    width: auto; }

.p-portfolio-outcome-story-management__artifact-image-mask {
  width: 513px;
  height: 380px;
  overflow: hidden; }

.p-portfolio-outcome-story-management__artifact-image--none,
.p-portfolio-outcome-story-management__artifact-image-mask--none {
  width: 513px;
  height: 380px;
  background: #dbdad7;
  line-height: 280px;
  text-align: center;
  position: relative; }

.p-portfolio-presn__outcome-story-entry-capsule.p-portfolio__movable-entry,
.p-portfolio-management-vision__artiact-capsule.p-portfolio__movable-entry {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.participant__artifact-container.p-portfolio__movable-entry {
  margin: 0; }

.p-portfolio__movable-entry--target {
  z-index: 2;
  will-change: transform;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms; }

.p-portfolio__movable-entry--destination {
  z-index: 1;
  will-change: transform;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms; }

.p-portfolio-management-vision__artifact-check {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  margin-left: -80px; }

.p-portfolio-management-vision__up-arrow .tc-arrow.disabled {
  pointer-events: none;
  cursor: default; }

.outcome-story__description-label {
  float: left;
  padding: 1px 5px 0 0;
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }

/***** Participant Portfolio Presentation pages *****/
.p-portfolio-presn__headline {
  margin: 10px 0; }

/***** Portfolio Header *****/
.p-portfolio-presn__header-wrapper {
  width: 100%;
  position: relative;
  background: white;
  z-index: 5; }
  .p-portfolio-presn__header-wrapper:after {
    content: '';
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    margin-bottom: 0px;
    z-index: 1; }

.p-portfolio-presn__header {
  height: 60px; }

.p-portfolio-presn__header-mobile {
  display: none; }

.p-portfolio-presn__header-logo {
  height: 100%;
  cursor: pointer;
  background: url("/www/teachcycle/images/betterlesson-logo-portfolio-header.svg");
  background-repeat: no-repeat;
  background-size: auto 34px;
  background-position: 0.65rem center; }

.p-portfolio-presn__header-home-link {
  text-align: center;
  font-size: 18px;
  padding-top: 20px; }

/***** Home Page *****/
.p-portfolio-presn__home-top-section {
  position: relative;
  padding: 100px 0 20px; }

.p-portfolio-presn__home-top-section-bkgd {
  position: absolute;
  top: 0;
  width: 100%;
  max-height: 488px;
  height: 100%;
  background: url("/www/teachcycle/images/participant-portfolio-bkgd.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.p-portfolio-presn__participant-photo {
  width: 120px; }
  .p-portfolio-presn__participant-photo.scale-to-width {
    width: 120px; }
  .p-portfolio-presn__participant-photo.scale-to-height {
    height: 120px;
    width: auto; }

.p-portfolio-presn__participant-photo-mask {
  width: 120px;
  height: 120px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.p-portfolio-presn__participant-photo-mask {
  box-sizing: content-box;
  position: absolute;
  top: -70px;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: white;
  border: 3px solid white;
  -webkit-box-shadow: 0 2px 4px 0 #CECECE;
  -moz-box-shadow: 0 2px 4px 0 #CECECE;
  box-shadow: 0 2px 4px 0 #CECECE;
  margin: auto; }

.p-portfolio-presn__home-top-box {
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 4px 0 #7f7f7f;
  -moz-box-shadow: 0 2px 4px 0 #7f7f7f;
  box-shadow: 0 2px 4px 0 #7f7f7f;
  padding: 46px 30px 30px; }

.p-portfolio-presn__home-vision {
  border-top: 1px solid #CECECE;
  padding-top: 20px;
  margin-top: 22px; }

.p-portfolio-presn__home-vision-text {
  position: relative;
  margin-top: 15px; }
  .p-portfolio-presn__home-vision-text .ckeditor__output p:first-of-type {
    margin-top: 0; }
  .p-portfolio-presn__home-vision-text .ckeditor__output p:last-of-type {
    margin-bottom: 0; }

.p-portfolio-presn__home-vision-link {
  margin-top: 15px; }

.p-portfolio-presn__home-bottom-section {
  margin: 40px auto 30px; }

.p-portfolio-presn__bottom-section-headline {
  margin-bottom: 20px; }

.p-portfolio-presn__home-outcome-capsule {
  display: flex;
  align-items: center;
  background-image: -owg-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -webkit-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -moz-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -o-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  color: white;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 28px;
  line-height: 36px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
  margin: 10px auto 30px;
  cursor: pointer; }

.p-portfolio-presn__home-outcome-capsule-icon {
  font-size: 75px;
  line-height: 75px;
  margin-right: 30px; }

/***** Vision Page *****/
.p-portfolio-presn__vision-top-section {
  position: relative;
  padding-bottom: 20px; }

.p-portfolio-presn__vision-top-section-bkgd {
  position: absolute;
  top: 0;
  max-height: 488px;
  height: 100%;
  width: 100%;
  background-image: -owg-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -webkit-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -moz-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -o-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  z-index: -1; }

.p-portfolio-presn__vision-top-box {
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CECECE;
  padding: 30px;
  margin-top: 60px; }

.p-portfolio-presn__vision-ds-container {
  border-top: 1px solid #CECECE;
  padding-top: 30px;
  margin-top: 22px; }

.p-portfolio-presn__vision-bottom-section {
  margin: 30px auto; }

.p-portfolio-presn__vision-artifact-capsule {
  background-color: white;
  padding: 25px;
  margin: 0 auto 30px; }
  .p-portfolio-presn__vision-artifact-capsule .ckeditor__output p:last-of-type {
    margin-bottom: 0; }

.p-portfolio-presn__vision-artifact-headline {
  color: #33B55F;
  font-size: 18px;
  line-height: 20px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  text-transform: uppercase; }

.p-portfolio-presn__vision-artifact-row {
  margin-top: 15px; }

.p-portfolio-presn__vision-artifact-image {
  margin-top: 15px; }

.p-portfolio-presn__vision-artifact-image-mask {
  cursor: pointer; }

.p-portfolio-presn__vision-artifact-image {
  width: 513px; }
  .p-portfolio-presn__vision-artifact-image.scale-to-width {
    width: 513px; }
  .p-portfolio-presn__vision-artifact-image.scale-to-height {
    height: 380px;
    width: auto; }

.p-portfolio-presn__vision-artifact-image-mask {
  width: 513px;
  height: 380px;
  overflow: hidden; }

.p-portfolio-presn__vision-artifact-image--none,
.p-portfolio-presn__vision-artifact-image-mask--none {
  width: 513px;
  height: 380px;
  background: #dbdad7;
  line-height: 280px;
  text-align: center;
  position: relative;
  cursor: pointer; }

/***** Outcome Story Page *****/
.p-portfolio-presn__outcome-story-top-section {
  background-image: -owg-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -webkit-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -moz-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: -o-linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  background-image: linear-gradient(-135deg, #1A7CD9 0%, #0AABB1 100%);
  padding: 30px 0; }

.p-portfolio-presn__outcome-story-outcome {
  display: flex;
  align-items: center;
  color: white;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 28px;
  line-height: 36px; }

.p-portfolio-presn__outcome-story-bottom-section {
  margin-bottom: 30px; }

.p-portfolio-presn__outcome-story-entry-capsule {
  position: relative;
  background: white;
  border: 1px solid #CECECE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  list-style-position: inside;
  word-wrap: break-word;
  padding: 25px;
  margin-top: 30px; }
  .p-portfolio-presn__outcome-story-entry-capsule ul p {
    display: inline; }
  .p-portfolio-presn__outcome-story-entry-capsule .ckeditor__output p:first-of-type {
    margin-top: 0; }
  .p-portfolio-presn__outcome-story-entry-capsule .ckeditor__output p:last-of-type {
    margin-bottom: 0; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Portfolio Header *****/
    /***** Home Page *****/
    /***** Vision Page *****/
    /***** Outcome Story Page *****/ }
    .responsive-layout .p-portfolio-presn__header {
      height: 50px; }
    .responsive-layout .p-portfolio-presn__header-mobile {
      display: block;
      height: 50px;
      border-bottom: 1px solid #CECECE; }
    .responsive-layout .p-portfolio-presn__header-logo {
      display: inline-block;
      background-size: 8.97rem;
      background-position: center; }
    .responsive-layout .p-portfolio-presn__header-home-link {
      padding-top: 16px; }
    .responsive-layout .p-portfolio-presn__home-top-section {
      padding-bottom: 0; }
    .responsive-layout .p-portfolio-presn__home-top-box-container {
      padding: 0; }
    .responsive-layout .p-portfolio-presn__home-top-box {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      padding-top: 60px; }
    .responsive-layout .p-portfolio-presn__home-bottom-section {
      padding: 0.65rem 1.3rem; }
    .responsive-layout .p-portfolio-presn__home-outcome-capsule {
      flex-direction: column;
      text-align: center; }
    .responsive-layout .p-portfolio-presn__home-outcome-capsule-icon {
      margin-right: 0;
      margin-bottom: 20px; }
      .responsive-layout .p-portfolio-presn__home-outcome-capsule-icon.tc-cd-domain-1 {
        margin-top: -10px;
        margin-bottom: 5px; }
    .responsive-layout .p-portfolio-presn__vision-top-box {
      border: none;
      padding: 5px;
      margin: 0; }
    .responsive-layout .p-portfolio-presn__vision-bottom-section {
      margin: 10px auto; }
    .responsive-layout .p-portfolio-presn__vision-artifact-image {
      width: 100%; }
      .responsive-layout .p-portfolio-presn__vision-artifact-image.scale-to-width {
        width: 100%; }
      .responsive-layout .p-portfolio-presn__vision-artifact-image.scale-to-height {
        height: 280px;
        width: auto; }
    .responsive-layout .p-portfolio-presn__vision-artifact-image-mask {
      width: 100%;
      height: 280px;
      overflow: hidden; }
    .responsive-layout .p-portfolio-presn__vision-artifact-image--none,
    .responsive-layout .p-portfolio-presn__vision-artifact-image-mask--none {
      width: 100%;
      height: 280px;
      background: #dbdad7;
      line-height: 280px;
      text-align: center;
      position: relative; }
    .responsive-layout .p-portfolio-presn__outcome-story-outcome {
      flex-direction: column;
      text-align: center; } }

/***** Participant Profile common styles *****/
.participant-profile__photo-row {
  padding-top: 20px;
  padding-bottom: 30px; }

.participant-profile__photo {
  width: 80px; }
  .participant-profile__photo.scale-to-width {
    width: 80px; }
  .participant-profile__photo.scale-to-height {
    height: 80px;
    width: auto; }

.participant-profile__photo-mask {
  width: 80px;
  height: 80px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.participant-profile__photo-mask {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto; }

.participant-profile__display-row {
  margin-bottom: 20px; }

.participant-profile__display-row--editable {
  padding-bottom: 40px;
  cursor: pointer; }
  .participant-profile__display-row--editable:hover:after {
    position: absolute;
    right: 0;
    content: "\E607";
    font-family: 'teach-cycle-icons';
    font-size: 16px;
    color: #1A7CD9; }

.participant-profile__row-label {
  display: inline-block;
  width: 37.5%;
  vertical-align: top;
  font-size: 18px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 22px; }

.participant-profile__row-data {
  display: inline-block;
  width: 42%;
  padding-left: 10px;
  margin-left: 12.5%;
  vertical-align: top;
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px; }

.participant-profile__form-field {
  position: relative; }
  .participant-profile__form-field .tc__error {
    margin-bottom: -23px; }

.participant-profile__form-input {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px; }

.participant-profile__form-btns {
  position: relative;
  margin-top: 20px; }
  .participant-profile__form-btns .littlespinner {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 1px;
    left: -22px; }

.participant-profile__form-cancel-btn {
  margin-left: 30px; }

.participant-profile__section-headline {
  border-top: 1px solid #a8a6a0;
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 34px;
  text-align: center;
  padding-top: 30px;
  margin-top: 10px;
  margin-bottom: 20px; }

.participant-profile__empty-field {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  font-style: italic; }

.participant-profile__outcome-row {
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 20px; }

/***** School Modal *****/
.participant-profile__school-modal-form {
  text-align: left;
  padding-bottom: 4rem; }

.participant-image__upload {
  position: relative; }

.participant-image__upload-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  cursor: pointer;
  font-family: "Circular Medium", Helvetica, sans-serif;
  background: #3D3D3D;
  height: 40%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  line-height: 28px; }

.participant-image__upload-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.participant-image__upload-response {
  font-size: 14px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  margin-top: 7px;
  color: #222222;
  position: absolute;
  left: 0;
  right: 0; }

.participant-image__upload-response--error {
  color: #cc441b; }

.participant-image__upload-spinner {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
  position: absolute;
  left: 50px; }

.participant-image__upload-loading-container {
  position: relative;
  display: inline-block; }

/***** Participant Outcome Story common styles *****/
.outcome-story__outcome-headline {
  color: #33B55F;
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 18px;
  padding-top: 30px; }

.outcome-story__outcome-name {
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 34px;
  text-align: center; }

.outcome-story__progress-bar-container {
  height: 40px;
  border: 1px solid #a8a6a0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  padding: 3px;
  cursor: pointer; }

@-webkit-keyframes add-entry-pulse {
  from {
    -webkit-box-shadow: 0px 0px 15px 1px #1a7cd9;
    -moz-box-shadow: 0px 0px 15px 1px #1a7cd9;
    box-shadow: 0px 0px 15px 1px #1a7cd9; }
  50% {
    -webkit-box-shadow: 0px 0px 15px 3px #1a7cd9;
    -moz-box-shadow: 0px 0px 15px 3px #1a7cd9;
    box-shadow: 0px 0px 15px 3px #1a7cd9; }
  to {
    -webkit-box-shadow: 0px 0px 15px 1px #1a7cd9;
    -moz-box-shadow: 0px 0px 15px 1px #1a7cd9;
    box-shadow: 0px 0px 15px 1px #1a7cd9; } }

.outcome-story__add-entry--glow .outcome-story__add-entry-options {
  -webkit-box-shadow: 0px 0px 15px 1px #1a7cd9;
  -moz-box-shadow: 0px 0px 15px 1px #1a7cd9;
  box-shadow: 0px 0px 15px 1px #1a7cd9; }

.outcome-story__add-entry--animate .outcome-story__add-entry-options {
  animation-name: add-entry-pulse;
  animation-duration: 1s; }

.outcome-story__progress-bar {
  height: 100%;
  background: url("/www/teachcycle/images/outcome-story-progress-bar-pattern.svg") repeat-x;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }

.outcome-story__top-section-wrapper {
  background-color: white;
  width: 100%;
  padding-bottom: 20px; }

.outcome-story__top-section-wrapper--pl {
  padding-bottom: 40px; }

.outcome-story__entries-section {
  padding: 30px 0; }

.outcome-story__entries-section-background {
  position: fixed;
  background-color: #E8E8E8;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1; }

.outcome-story__user-photo {
  width: 40px; }
  .outcome-story__user-photo.scale-to-width {
    width: 40px; }
  .outcome-story__user-photo.scale-to-height {
    height: 40px;
    width: auto; }

.outcome-story__user-photo-mask {
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.outcome-story__entry-capsule-date {
  margin-top: 11px;
  font-size: 14px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  color: #7f7f7f;
  float: left;
  clear: left; }

/***** Requirements *****/
.outcome-story__requirements-carousel {
  position: relative;
  width: 66.6666%;
  margin: 0 auto;
  overflow: hidden; }

.outcome-story__requirements-carousel-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 63px;
  background-color: white;
  -webkit-box-shadow: white 0px 0px 100px 50px;
  -moz-box-shadow: white 0px 0px 100px 50px;
  box-shadow: white 0px 0px 100px 50px;
  font-size: 63px;
  color: #1A7CD9;
  cursor: pointer;
  z-index: 1; }
  .outcome-story__requirements-carousel-arrow .tc-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -31px; }
  .outcome-story__requirements-carousel-arrow:hover {
    color: #124e93; }

.outcome-story__requirements-carousel-arrow--left {
  left: 0; }
  .outcome-story__requirements-carousel-arrow--left .tc-arrow {
    transform: rotate(180deg); }

.outcome-story__requirements-carousel-arrow--right {
  right: 0; }

.outcome-story__requirements {
  position: relative;
  width: 1520px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.outcome-story__requirement {
  display: inline-flex;
  vertical-align: top;
  width: 380px;
  padding: 10px;
  cursor: pointer; }

.outcome-story__requirement-unclickable {
  display: inline-flex;
  vertical-align: top;
  width: 380px;
  padding: 10px; }

.outcome-story__requirement-badge {
  position: relative;
  flex: none;
  height: 60px;
  width: 60px;
  border: 1px solid #a8a6a0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #33B55F;
  text-align: center;
  margin-top: 5px; }

.outcome-story__requirement-badge--half:after {
  position: absolute;
  margin-top: -3px;
  left: -2px;
  height: 64px;
  width: 64px;
  border-top: 5px solid #2cb65e;
  border-right: 5px solid #2cb65e;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(45deg);
  content: ''; }

.outcome-story__requirement-badge--full {
  height: 64px;
  width: 64px;
  border: none;
  background-color: #2cb65e;
  color: white; }
  .outcome-story__requirement-badge--full .outcome-story__requirement-badge-icon {
    line-height: 64px; }

.outcome-story__requirement-badge-icon {
  font-size: 30px;
  line-height: 60px; }
  .outcome-story__requirement-badge-icon.tc-measurement, .outcome-story__requirement-badge-icon.tc-leaf {
    font-size: 40px; }

.outcome-story__requirement-text {
  margin-left: 20px; }

.outcome-story__requirement-headline {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  color: #1A7CD9; }

.outcome-story__requirement-description {
  font-size: 13px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 16px;
  margin-top: 5px; }

.outcome-story__requirement-progress {
  color: #2cb65e;
  font-size: 12px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 14px;
  text-transform: uppercase;
  margin-top: 5px; }

/***** Completed Outcome Story *****/
.outcome-story__completed-message {
  display: flex; }

.outcome-story__completed-badge {
  flex: none;
  width: 150px;
  height: 115px;
  font-size: 107px;
  line-height: 115px; }

.outcome-story__completed-text {
  margin-left: 15px; }

.outcome-story__completed-headline {
  color: #33B55F;
  font-size: 18px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 22px; }

.outcome-story__completed-body-text {
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px;
  margin-top: 15px; }

/***** Add Entry *****/
.outcome-story__add-entry {
  position: relative;
  text-align: center;
  padding-bottom: 20px; }

.outcome-story__add-entry--pl {
  margin-top: 40px; }

.outcome-story__add-entry-icon {
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #1A7CD9;
  color: white;
  font-size: 24px;
  line-height: 128px;
  padding: 8px;
  cursor: pointer; }
  .outcome-story__add-entry-icon.closed:after {
    content: "";
    position: absolute;
    top: 84px;
    left: 50%;
    height: 65px;
    border-right: 1px solid #dbdad7; }

.outcome-story__add-entry-icon--pl {
  height: 14px;
  margin: 0 auto;
  width: 14px;
  background: #dbdad7; }
  .outcome-story__add-entry-icon--pl:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 50%;
    height: 65px;
    border-right: 1px solid #dbdad7; }

.outcome-story__add-entry-options {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c2c0ba;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: white;
  padding: 20px 10px;
  margin-left: 23px;
  z-index: 5; }
  .outcome-story__add-entry-options .point {
    position: absolute; }
    .outcome-story__add-entry-options .point:after {
      content: "";
      font-size: 0;
      position: absolute;
      left: -27px;
      margin-top: 26px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 16px 16px 0;
      border-color: transparent #c2c0ba transparent transparent;
      z-index: 9998; }
    .outcome-story__add-entry-options .point:before {
      content: "";
      font-size: 0;
      position: absolute;
      left: -26px;
      margin-top: 26px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 16px 16px 0;
      border-color: transparent white transparent transparent;
      z-index: 9999; }

.outcome-story__add-entry-option {
  display: inline-block;
  vertical-align: middle;
  font-size: 40px;
  margin-right: 25px;
  margin-left: 25px;
  color: #1A7CD9;
  cursor: pointer; }
  .outcome-story__add-entry-option.tc-arrow {
    margin-right: 0;
    margin-left: 0; }
    .outcome-story__add-entry-option.tc-arrow.flipped {
      transform: rotate(180deg); }

.outcome-story__add-entry-option-icon {
  border: 1px solid #c2c0ba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  font-size: 32px;
  line-height: 60px;
  margin: 0 auto; }
  .outcome-story__add-entry-option-icon.tc-text {
    font-size: 29px; }
  .outcome-story__add-entry-option-icon.tc-measurement {
    font-size: 36px; }

.outcome-story__add-entry-option-caption {
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 12px auto 0; }

/***** Entry Capsule *****/
.outcome-story__entry-capsule {
  background: white;
  border: 1px solid #CECECE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  list-style-position: inside;
  word-wrap: break-word;
  padding: 25px;
  margin-top: 30px; }
  .outcome-story__entry-capsule:before {
    content: "";
    position: absolute;
    top: -31px;
    left: 50%;
    height: 30px;
    border-right: 1px solid #dbdad7; }
  .outcome-story__entry-capsule:after {
    content: '';
    display: block;
    clear: both; }
  .outcome-story__entry-capsule ul p {
    display: inline; }
  .outcome-story__entry-capsule .ckeditor__output p:last-of-type {
    margin-bottom: 0; }

.outcome-story__entry-capsule--modification {
  cursor: pointer; }
  .outcome-story__entry-capsule--modification:hover .outcome-story__entry-capsule-link {
    color: #176bbf; }

.outcome-story__entry-type-icon {
  position: absolute;
  top: -20px;
  left: -20px;
  height: 40px;
  width: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #33B55F;
  color: white;
  text-align: center;
  font-size: 26px;
  line-height: 40px; }
  .outcome-story__entry-type-icon.tc-text {
    font-size: 19px; }
  .outcome-story__entry-type-icon.tc-compass {
    font-size: 20px; }

.outcome-story__entry-headline {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 15px; }

.outcome-story__entry-headline-text {
  flex: 1;
  color: #33B55F;
  font-family: "Circular Medium", Helvetica, sans-serif;
  letter-spacing: .5px;
  text-transform: uppercase;
  display: inline-block;
  position: relative; }

.outcome-story__entry-capsule-row {
  position: relative;
  margin-bottom: 10px; }
  .outcome-story__entry-capsule-row:last-of-type {
    margin-bottom: 0; }

.outcome-story__entry-capsule-link {
  flex: 1;
  color: #1e2326;
  font-size: 18px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer; }
  .outcome-story__entry-capsule-link:hover {
    color: #176bbf; }

.outcome-story__entry-capsule-title {
  flex: 1;
  color: #1e2326;
  font-size: 18px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 20px; }

.outcome-story__entry-capsule-description {
  white-space: pre-wrap; }

.outcome-story__entry-divider {
  width: 100%;
  border-bottom: 1px solid #c2c0ba;
  margin: 20px auto; }

.outcome-story__coach-photo {
  display: inline-block;
  vertical-align: middle; }

.outcome-story__coach-name {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  margin-left: 20px; }

.outcome-story__artifact-image {
  width: 533px; }
  .outcome-story__artifact-image.scale-to-width {
    width: 533px; }
  .outcome-story__artifact-image.scale-to-height {
    height: 380px;
    width: auto; }

.outcome-story__artifact-image-mask {
  width: 533px;
  height: 380px;
  overflow: hidden; }

.outcome-story__artifact-image-mask {
  cursor: pointer; }

.outcome-story__artifact-image--none,
.outcome-story__artifact-image-mask--none {
  width: 533px;
  height: 380px;
  background: #dbdad7;
  line-height: 280px;
  text-align: center;
  position: relative; }

.outcome-story__artifact-type {
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 16px;
  text-transform: uppercase; }

.outcome-story__entry-indicator-link {
  margin-top: 20px;
  margin-bottom: 10px; }

.outcome-story__entry-indicator-label-row {
  margin: 20px 0 10px; }

.outcome-story__entry-indicator-label {
  text-transform: uppercase;
  color: #0AABB1;
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px;
  margin-right: 5px; }

.outcome-story__entry-indicator-name {
  font-size: 15px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px; }

.outcome-story__indicator-description {
  margin-bottom: 30px; }

.outcome-story__entry-edit-icon-row {
  text-align: right;
  margin-bottom: 10px; }

.outcome-story__entry-edit-icon {
  flex: none;
  color: #1A7CD9;
  font-size: 18px;
  margin-left: 10px;
  cursor: pointer; }

.outcome-story__entry-capsule-edit-menu {
  position: absolute;
  top: 55px;
  right: 4px;
  width: 170px;
  background-color: #f7f7f5;
  -webkit-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  -moz-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 18px;
  cursor: pointer;
  z-index: 1; }
  .outcome-story__entry-capsule-edit-menu:before {
    content: '';
    position: absolute;
    top: -30px;
    right: 16px;
    border-bottom: 16px solid #f1f1ef;
    border-right: 16px solid transparent;
    border-top: 16px solid transparent;
    border-left: 16px solid transparent; }
  .outcome-story__entry-capsule-edit-menu:after {
    content: '';
    position: absolute;
    top: -27px;
    right: 16px;
    border-bottom: 16px solid #f7f7f5;
    border-right: 16px solid transparent;
    border-top: 16px solid transparent;
    border-left: 16px solid transparent; }

.outcome-story__entry-capsule-edit-menu-item {
  padding: 14px; }
  .outcome-story__entry-capsule-edit-menu-item:hover {
    color: #1976d2; }

.outcome-story__entry-capsule-edit-menu-separator {
  border-top: 1px solid #c2c0ba;
  margin: 0 14px; }

/***** Entry Modals common styles *****/
.outcome-story__modal {
  top: 5%;
  max-height: 90%;
  width: 800px;
  overflow: auto;
  min-height: 400px; }

.outcome-story__modal--short {
  height: 350px; }

.outcome-story__modal--no-scroll {
  height: 100%;
  overflow: hidden; }

.outcome-story__modal-body {
  padding: 50px 80px; }

.outcome-story__modal-body--scroll {
  height: 100%;
  padding: 50px 0 0;
  margin: 0; }

.outcome-story__modal-headline {
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 34px;
  text-align: center;
  margin-bottom: 20px; }

.outcome-story__modal-form {
  height: 100%;
  text-align: left; }

.outcome-story__modal-form--movable {
  padding-bottom: 8rem; }

.outcome-story__modal-form--move-visible {
  padding-bottom: 30rem; }

.outcome-story__modal-form-row {
  position: relative;
  margin-bottom: 30px; }

.outcome-story__modal-form-row--measurement {
  margin-top: 20px; }

.outcome-story__modal-form-label {
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 10px; }

.outcome-story__modal-form-label-subtext {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 16px;
  margin-bottom: 10px; }

.outcome-story__checkbox-row {
  margin-bottom: 15px; }
  .outcome-story__checkbox-row.disabled {
    opacity: 0.6; }

.outcome-story__checkbox-label {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  margin-left: 10px;
  cursor: pointer; }

input.outcome-story__modal-form-input,
textarea.outcome-story__modal-form-input {
  width: 100%;
  padding: 8px 10px; }
  input.outcome-story__modal-form-input:disabled,
  textarea.outcome-story__modal-form-input:disabled {
    background-color: #f7f7f5;
    color: #a8a6a0; }

.outcome-story__modal-form-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #1e2326;
  z-index: 2000; }

.outcome-story__modal-form-overlay-form {
  position: relative;
  top: 40%; }

.outcome-story__modal-error-alert-row {
  position: relative;
  text-align: center;
  margin: 10px 0 20px; }

.outcome-story__modal-error-alert {
  display: inline-block;
  min-width: 270px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #bd301e;
  color: #bd301e;
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 18px;
  padding: 11px 20px; }

.outcome-story__modal-btns {
  text-align: center;
  margin-top: 20px; }

.outcome-story__modal-btn {
  margin: 0 10px; }

.outcome-story__modal-delete {
  color: #cc441b;
  font-family: "Circular Bold", Helvetica, sans-serif;
  cursor: pointer; }

.outcome-story__modal-confirm-delete-text {
  color: #cc441b;
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }

/***** Text Entry Modal *****/
.outcome-story__text-wysiwyg-container {
  position: relative;
  margin-bottom: 35px; }
  .outcome-story__text-wysiwyg-container.error {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }
  .outcome-story__text-wysiwyg-container.disabled {
    opacity: 0.6; }

/***** Modification Entry Modal *****/
.outcome-story__modal-modifications {
  overflow-y: auto;
  height: 100%; }

.outcome-story__modal-modifications-container {
  padding: 8px 80px 160px; }

.outcome-story__modification-capsule {
  padding: 25px; }
  .outcome-story__modification-capsule:hover .outcome-story__modification-capsule-headline {
    color: #1b7ee0; }

.outcome-story__modification-capsule-headline {
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 22px; }

.outcome-story__modification-capsule-description {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 18px;
  margin-top: 10px; }

.outcome-story__modification-capsule-indicator {
  font-size: 14px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 18px;
  margin-top: 5px; }

.outcome-story__modification-modal-footer {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -2px 8px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 -2px 8px 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0 -2px 8px 0;
  background-color: white; }

.outcome-story__modification-modal-footer-btn {
  flex: 1;
  height: 100%;
  color: #1A7CD9;
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 21px;
  text-transform: uppercase;
  padding: 25px 20px;
  cursor: pointer; }
  .outcome-story__modification-modal-footer-btn:hover {
    background-color: #1A7CD9;
    color: white; }

.outcome-story__modification-modal-footer-divider {
  flex: none;
  height: 50px;
  border-right: 1px solid #CECECE; }

/***** Measurement Slider *****/
.outcome-story__slider-container {
  padding: 0 20px; }

.outcome-story_slider {
  position: relative;
  clear: left;
  float: left;
  width: 100%;
  margin: 40px auto; }
  .outcome-story_slider:before {
    content: '0';
    position: absolute;
    left: -4px;
    bottom: 0;
    font-size: 14px;
    font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }
  .outcome-story_slider:after {
    content: '10';
    position: absolute;
    right: -8px;
    bottom: 0;
    font-size: 14px;
    font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }
  .outcome-story_slider.low-baseline:before {
    content: none; }
  .outcome-story_slider.high-baseline:after {
    content: none; }
  .outcome-story_slider .slider__container {
    width: 100%;
    margin-bottom: 30px; }
  .outcome-story_slider .inactive .slider__point--last .slider__marker {
    margin-left: -55px; }
  .outcome-story_slider .slider__marker-copy {
    line-height: 16px; }

/***** Artifact upload progress *****/
.outcome-story_artifact__upload-progress {
  position: absolute;
  width: 85%;
  top: 33%;
  left: 7%; }

/****** next meeting ******/
.outcome-story__meeting {
  background: #e8e8e8;
  border-top: 1px solid #a8a6a0;
  border-bottom: 1px solid #a8a6a0; }
  .outcome-story__meeting:after {
    content: '';
    display: block;
    clear: both; }

.outcome-story__meeting-headline-caption {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 18px;
  float: left;
  line-height: 40px;
  margin-top: 10px; }

.outcome-story__meeting-photo {
  width: 40px; }
  .outcome-story__meeting-photo.scale-to-width {
    width: 40px; }
  .outcome-story__meeting-photo.scale-to-height {
    height: 40px;
    width: auto; }

.outcome-story__meeting-photo-mask {
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.outcome-story__meeting-photo-mask {
  float: left;
  margin: 10px 10px 15px 10px; }

.outcome-story__meeting-photo-mask--none {
  background: white;
  padding: 2px;
  margin: 10px 8px 15px 8px;
  box-sizing: content-box; }

.outcome-story__meeting-content {
  clear: both;
  width: 100%;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  padding: 0 10px; }
  .outcome-story__meeting-content:after {
    content: '';
    display: block;
    clear: both; }

.outcome-story__meeting-date {
  float: left;
  margin-right: 5px; }

.outcome-story__meeting-time {
  float: left;
  white-space: nowrap; }

.outcome-story__entry-capsule--strategy .cd-strategy__note-container {
  position: absolute;
  top: 0;
  left: 0; }

.outcome-story__entry-capsule--strategy .si-v2__user-action-icon {
  margin-top: 0; }

.outcome-story__entry-capsule-row--strategy {
  padding-left: 30px; }

.outcome-story__video-publish-headline {
  font-size: 22px;
  padding: 0px 40px 15px; }

.outcome-story__clip-icon {
  position: absolute;
  left: 0;
  font-size: 20px;
  color: #CECECE; }

.outcome-story__entry-headline--clip {
  padding-left: 25px;
  position: relative; }

.outcome-story__entry-capsule-row--last {
  margin-bottom: 0; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /** Portfolio Management Subheader **/ }
    .responsive-layout .p-portfolio-mgmt__subheader {
      flex-wrap: wrap;
      padding-left: 10px;
      padding-right: 10px;
      margin-top: 43px; }
    .responsive-layout .p-portfolio-mgmt__subheader-home-link {
      width: 100%;
      text-align: center;
      margin-top: 1.3rem;
      margin-bottom: 14px; }
    .responsive-layout .p-portfolio-mgmt__subheader-preview-link {
      margin: 0; }
    .responsive-layout .p-portfolio-mgmt__subheader-share-btn {
      min-width: 110px;
      padding: 8px 10px; }
    .responsive-layout .p-portfolio-mgmt__share-modal-body {
      padding: 3.9rem 1.3rem 2.6rem; }
    .responsive-layout .p-portfolio-mgmt__share-input-container {
      position: relative; }
    .responsive-layout .p-portfolio-mgmt__share-input {
      width: 100%;
      padding-right: 85px;
      border: 1px solid #CECECE; }
    .responsive-layout .p-portfolio-mgmt__share-copy-btn {
      position: absolute;
      top: 1px;
      right: 1px;
      border: none;
      border-left: 1px solid #CECECE; }
    .responsive-layout .p-portfolio-management-vision__check,
    .responsive-layout .p-portfolio-management__check,
    .responsive-layout .p-portfolio-management-vision__artifact-check {
      position: absolute;
      z-index: 2; }
    .responsive-layout .p-portfolio-management-vision__text,
    .responsive-layout .p-portfolio-management-vision__artifact-container,
    .responsive-layout .p-portfolio-management__outcome-title,
    .responsive-layout .p-portfolio-outcome-story-management__entry-cap {
      padding-left: 3.25rem; }
    .responsive-layout .p-portfolio-management__outcome-capsule {
      display: block; }
    .responsive-layout .p-portfolio-management__outcome-icon {
      display: inline-block;
      width: 100%;
      margin-right: 0; }
    .responsive-layout .p-portfolio-management__outcome-title {
      padding: 0.65rem 0.65rem 0.65rem 3.25rem; }
    .responsive-layout .p-portfolio-management__check {
      margin: 4.94rem 0 0 0.65rem; }
    .responsive-layout .p-portfolio-management__home {
      padding-bottom: 6.5rem; }
    .responsive-layout .p-portfolio-management-vision__buttons {
      display: inline-block;
      margin-bottom: 20px; }
    .responsive-layout .p-portfolio-management-vision__reorder {
      position: relative;
      width: 100%;
      text-align: center; }
    .responsive-layout .p-portfolio-management-outcome-story__reorder {
      position: relative;
      width: 100%;
      text-align: center;
      margin-bottom: -30px; }
    .responsive-layout .p-portfolio-management__outcome-capsule {
      text-align: center; }
    .responsive-layout .p-portfolio-management-vision__ds-text {
      margin-left: 1.8rem; }
    .responsive-layout .p-portfolio-management-vision__up-arrow {
      margin-bottom: 0.4rem; }
    .responsive-layout .p-portfolio-management-vision__down-arrow {
      margin-top: 0.4rem; }
    .responsive-layout .p-portfolio-management-vision__cancel-button {
      margin-left: 10px;
      margin-right: 10px; }
    .responsive-layout .p-portfolio-management-vision__done-button {
      margin-left: 10px;
      margin-right: 10px; }
    .responsive-layout .p-portfolio-outcome-story-management__outcome {
      flex-direction: column;
      margin-bottom: 20px; }
    .responsive-layout .p-portfolio-outcome-story-management__title {
      text-align: center; }
    .responsive-layout .p-portfolio-outcome-story-management__artifact-image {
      width: 100%; }
      .responsive-layout .p-portfolio-outcome-story-management__artifact-image.scale-to-width {
        width: 100%; }
      .responsive-layout .p-portfolio-outcome-story-management__artifact-image.scale-to-height {
        height: 280px;
        width: auto; }
    .responsive-layout .p-portfolio-outcome-story-management__artifact-image-mask {
      width: 100%;
      height: 280px;
      overflow: hidden; }
    .responsive-layout .p-portfolio-outcome-story-management__artifact-image--none,
    .responsive-layout .p-portfolio-outcome-story-management__artifact-image-mask--none {
      width: 100%;
      height: 280px;
      background: #dbdad7;
      line-height: 280px;
      text-align: center;
      position: relative; }
    .responsive-layout .p-portfolio-management-vision__artifact-check {
      margin-left: -2.73rem; }
    .responsive-layout .p-portfolio__movable-entry-container {
      position: relative;
      height: 100%;
      width: 100%; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Participant Registration common styles ******/
    /***** Header *****/ }
    .responsive-layout .registration__headline {
      margin-top: 15px; }
    .responsive-layout .registration__input-label--inline {
      display: block; }
    .responsive-layout .registration__checkbox-capsule {
      width: 100%;
      max-width: 212px;
      padding: 20px 8px;
      margin-right: 20px;
      margin-bottom: 20px; }
    .responsive-layout .registration__checkbox-capsule--tall-mobile {
      height: 62px;
      vertical-align: top;
      word-break: break-word; }
    .responsive-layout .registration__checkbox-capsule--no-icon {
      max-width: 110px;
      padding: 10px; }
    .responsive-layout .registration__checkbox-capsule--single-row {
      margin-bottom: 0; }
    .responsive-layout .registration-header__logo {
      height: 2.145rem;
      margin: 0 auto;
      background: url("/www/teachcycle/images/betterlesson-personalizedpd-logo.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 8.97rem; }
    .responsive-layout .registration-header__steps {
      margin-top: 15px; }
    .responsive-layout .registration-header__step-divider {
      width: 8%;
      max-width: 50px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Participant Profile common styles *****/
    /***** School Modal *****/ }
    .responsive-layout .participant-profile__photo-row {
      padding-top: 60px;
      padding-bottom: 20px; }
    .responsive-layout .participant-profile__row {
      border-top: 1px solid #dbdad7; }
    .responsive-layout .participant-profile__display-row {
      margin-bottom: 10px; }
    .responsive-layout .participant-profile__display-row--editable {
      padding-bottom: 10px; }
    .responsive-layout .participant-profile__row-data {
      width: 62.5%;
      margin-left: 0; }
    .responsive-layout .participant-profile__school-modal-form {
      padding-top: 70px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Participant Outcome Story common styles *****/
    /***** Requirements *****/
    /***** Completed Outcome Story *****/
    /***** Add Entry *****/
    /***** Entry Capsule *****/
    /***** Entry Modals common styles *****/
    /***** Modification Entry Modal *****/
    /***** Measurement Entry Modal *****/
    /***** Measurement Slider *****/
    /***** Artifact File Upload *****/ }
    .responsive-layout .outcome-story__outcome-headline {
      padding-top: 75px;
      padding-bottom: 0; }
    .responsive-layout .outcome-story__outcome-name {
      font-size: 24px;
      line-height: 30px; }
    .responsive-layout .outcome-story__entries-section {
      padding: 20px 10px 30px; }
    .responsive-layout .outcome-story__requirements-carousel {
      width: 100%; }
    .responsive-layout .outcome-story__requirements-carousel-arrow {
      width: 50px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-size: 40px; }
      .responsive-layout .outcome-story__requirements-carousel-arrow .tc-arrow {
        padding-right: 10px;
        margin-top: -20px; }
    .responsive-layout .outcome-story__requirements {
      width: 400%; }
    .responsive-layout .outcome-story__requirement {
      width: 25%;
      padding: 10px 55px; }
    .responsive-layout .outcome-story__requirement-badge {
      height: 45px;
      width: 45px; }
    .responsive-layout .outcome-story__requirement-badge--half:after {
      margin-top: -2px;
      left: -2px;
      height: 47px;
      width: 47px;
      border-top: 3px solid #2cb65e;
      border-right: 3px solid #2cb65e;
      border-bottom: 3px solid transparent;
      border-left: 3px solid transparent; }
    .responsive-layout .outcome-story__requirement-badge--full {
      height: 47px;
      width: 47px; }
      .responsive-layout .outcome-story__requirement-badge--full .outcome-story__requirement-badge-icon {
        line-height: 47px; }
    .responsive-layout .outcome-story__requirement-badge-icon {
      font-size: 24px;
      line-height: 45px; }
      .responsive-layout .outcome-story__requirement-badge-icon.tc-measurement, .responsive-layout .outcome-story__requirement-badge-icon.tc-leaf {
        font-size: 29px; }
      .responsive-layout .outcome-story__requirement-badge-icon.tc-text {
        font-size: 22px; }
    .responsive-layout .outcome-story__requirement-text {
      margin-left: 10px; }
    .responsive-layout .outcome-story__completed-badge {
      width: 100px;
      height: 80px;
      font-size: 71px;
      line-height: 80px; }
    .responsive-layout .outcome-story__add-entry-icon {
      line-height: 92px;
      font-size: 20px;
      padding: 6px; }
      .responsive-layout .outcome-story__add-entry-icon.closed:after {
        top: 66px; }
    .responsive-layout .outcome-story__add-entry-options {
      padding: 10px 1px;
      margin-left: 12px; }
      .responsive-layout .outcome-story__add-entry-options .point:after {
        left: -13px;
        margin-top: 23px;
        border-width: 12px 12px 12px 0; }
      .responsive-layout .outcome-story__add-entry-options .point:before {
        left: -12px;
        margin-top: 23px;
        border-width: 12px 12px 12px 0; }
    .responsive-layout .outcome-story__add-entry-option {
      font-size: 40px;
      margin-right: 7px;
      margin-left: 7px;
      position: relative; }
      .responsive-layout .outcome-story__add-entry-option.tc-arrow {
        margin-right: -5px;
        margin-left: -8px; }
        .responsive-layout .outcome-story__add-entry-option.tc-arrow.flipped {
          margin-right: -8px;
          margin-left: -5px; }
    .responsive-layout .outcome-story__add-entry-option-icon {
      height: 50px;
      width: 50px;
      font-size: 24px;
      line-height: 50px; }
      .responsive-layout .outcome-story__add-entry-option-icon.tc-text {
        font-size: 22px; }
      .responsive-layout .outcome-story__add-entry-option-icon.tc-measurement {
        font-size: 26px; }
    .responsive-layout .outcome-story__add-entry-option-caption {
      font-size: 10px;
      margin: 10px auto 0; }
    .responsive-layout .outcome-story__entry-capsule {
      margin-top: 30px; }
      .responsive-layout .outcome-story__entry-capsule:before {
        top: -31px;
        left: 50%;
        height: 30px; }
    .responsive-layout .outcome-story__mobile-entry-type-icon {
      flex: none;
      height: 19px;
      width: 19px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background: #2cb65e;
      color: white;
      text-align: center;
      font-size: 13px;
      line-height: 19px;
      margin-right: 10px; }
      .responsive-layout .outcome-story__mobile-entry-type-icon.tc-text, .responsive-layout .outcome-story__mobile-entry-type-icon.tc-compass {
        font-size: 10px; }
    .responsive-layout .outcome-story__artifact-image {
      width: 100%; }
      .responsive-layout .outcome-story__artifact-image.scale-to-width {
        width: 100%; }
      .responsive-layout .outcome-story__artifact-image.scale-to-height {
        height: 280px;
        width: auto; }
    .responsive-layout .outcome-story__artifact-image-mask {
      width: 100%;
      height: 280px;
      overflow: hidden; }
    .responsive-layout .outcome-story__artifact-image--none,
    .responsive-layout .outcome-story__artifact-image-mask--none {
      width: 100%;
      height: 280px;
      background: #dbdad7;
      line-height: 280px;
      text-align: center;
      position: relative; }
    .responsive-layout .outcome-story__modal {
      max-height: none; }
    .responsive-layout .outcome-story__modal-body {
      padding: 20px;
      margin-top: 3.25rem; }
    .responsive-layout .outcome-story__modal-form {
      height: auto; }
    .responsive-layout .outcome-story__modal-btn {
      margin-bottom: 20px; }
    .responsive-layout .outcome-story__modal-modifications {
      max-height: none;
      overflow-y: auto;
      padding: 0;
      margin-bottom: 110px; }
    .responsive-layout .outcome-story__modification-capsule {
      padding: 20px; }
    .responsive-layout .outcome-story__modification-modal-footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      background-color: white; }
    .responsive-layout .outcome-story__mobile-baseline-text {
      font-family: MuseoSans-500, Helvetica, sans-serif; }
    .responsive-layout .outcome-story__mobile-measurement {
      text-align: center; }
    .responsive-layout .outcome-story__mobile-measurement-select {
      height: 60px;
      width: 55px;
      color: #a8a6a0;
      line-height: 60px;
      font-size: 36px;
      font-family: MuseoSans-300, Helvetica, sans-serif;
      padding-left: 12px;
      margin-top: 10px; }
      .responsive-layout .outcome-story__mobile-measurement-select.set {
        padding-left: 17px;
        background: white;
        border: none;
        border-bottom: 1px solid #c2c0ba;
        border-radius: 0;
        color: #176bbf;
        -webkit-appearance: none; }
      .responsive-layout .outcome-story__mobile-measurement-select.double-digits {
        padding-left: 7px; }
    .responsive-layout .outcome-story__mobile-measurement-label {
      font-size: 12px;
      font-family: MuseoSans-500, Helvetica, sans-serif;
      text-transform: uppercase;
      margin: 8px auto 30px; }
    .responsive-layout .outcome-story__slider-container {
      padding: 0 10px; }
    .responsive-layout .outcome-story_slider {
      margin: 20px auto; }
      .responsive-layout .outcome-story_slider:before {
        bottom: 7px; }
      .responsive-layout .outcome-story_slider:after {
        bottom: 7px; }
      .responsive-layout .outcome-story_slider .slider__points {
        z-index: 2; }
      .responsive-layout .outcome-story_slider .slider__selector {
        top: -38px;
        line-height: 25px; }
      .responsive-layout .outcome-story_slider .slider__selector-icon {
        font-size: 30px; }
      .responsive-layout .outcome-story_slider .slider__marker {
        top: 30px;
        font-size: 12px; }
      .responsive-layout .outcome-story_slider .slider__marker-arrow:after {
        margin-top: -15px; }
      .responsive-layout .outcome-story_slider .slider__marker-copy {
        line-height: 14px; }
    .responsive-layout .artifact__upload-target,
    .responsive-layout .artifact__upload-field-mobile {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      z-index: 2;
      cursor: pointer;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      opacity: 0; }
    .responsive-layout .artifact__upload-field-mobile {
      font-size: 0px; } }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Admin Dashboard ******/
    /****** User Search Form ******/
    /****** Users Table ******/
    /****** Add User Page ******/
    /****** User Page ******/ }
    .responsive-layout .admin-v2__headline {
      margin-top: 4rem; }
    .responsive-layout .admin-v2__user-search {
      padding-top: 3rem; }
    .responsive-layout .admin-v2__user-search-input-container {
      margin-right: 20px; }
    .responsive-layout .admin-v2__user-page-breadcrumbs {
      margin-top: 4rem; }
    .responsive-layout .admin-v2__user-page-header {
      margin-left: 0; }
    .responsive-layout .admin-v2__user-page-headline {
      font-size: 20px;
      line-height: 24px; }
    .responsive-layout .admin-v2__user-page-header-date {
      font-size: 14px;
      line-height: 16px; }
    .responsive-layout .admin-v2__user-page-form-item {
      width: 100%; }
      .responsive-layout .admin-v2__user-page-form-item .tc__error {
        left: 0; }
    .responsive-layout .admin-v2__user-page-input {
      width: 100%; }
    .responsive-layout .admin-v2__user-page-label--checkbox {
      float: none;
      display: block;
      margin: 0 0 10px 25px;
      width: 100%; } }

/******* default alert (appears under normal TC header)******/
@media only screen and (max-width: 48em) {
  .responsive-layout .alert-banner--fixed {
    top: 3.25rem;
    z-index: 400; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** TeachCycle Header ******/
    /****** sign up / login buttons shown when no user ******/
    /****** Header Dropdown ******/
    /****** Notifications ******/
    /****** Return to Home Link ******/
    /****** Start a Challenge ******/
    /****** TML ******/
    /****** animations ******/
    /****** Header Widget ******/ }
    .responsive-layout .tc-header {
      z-index: 300;
      height: 3.25rem;
      background: white;
      border-bottom: 0; }
      .responsive-layout .tc-header.fixed {
        position: fixed;
        top: 0; }
    .responsive-layout .tc-header__wrap {
      z-index: 3; }
    .responsive-layout .tc-header--mobile {
      -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px 0;
      -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px 0;
      box-shadow: rgba(0, 0, 0, 0.15) 0 1px 5px 0; }
    .responsive-layout .tc-header__logo {
      display: block;
      height: 2.145rem;
      margin: 0 auto;
      background: url("/www/teachcycle/images/betterlesson-lab-logo.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 8.97rem; }
    .responsive-layout .tc-header__logo--visitor {
      display: inline-block;
      background-position: left;
      width: 144px; }
    .responsive-layout .tc-header__seperator {
      width: 80%;
      margin: 0 10%;
      height: 0.065;
      border-bottom: 1px solid #dbdad7; }
    .responsive-layout .tc-header__wrap:after {
      content: '';
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .responsive-layout .tc-header__user-overlay {
      height: auto; }
    .responsive-layout .tc-header__visitor-button {
      margin: 2px 0 0 0;
      padding: 0 10px; }
    .responsive-layout .tc-header__visitor-button--signup {
      margin-right: 10px; }
    .responsive-layout .tc-header__login-icon {
      display: none; }
    .responsive-layout .tc-header__mobile-nav-icon {
      position: fixed;
      z-index: 301;
      top: 0.65rem;
      left: 0.65rem;
      margin-top: 0.195rem; }
      .responsive-layout .tc-header__mobile-nav-icon.tc-hamburger {
        font-size: 24px;
        color: #a8a6a0; }
      .responsive-layout .tc-header__mobile-nav-icon.tc-x {
        font-size: 38px;
        margin: -0.26rem 0 0 -0.26rem;
        color: #1b7ee0; }
    .responsive-layout .tc-header__mobile-notifications-icon {
      display: inline-block; }
      .responsive-layout .tc-header__mobile-notifications-icon.tc-x {
        font-size: 38px;
        color: #1b7ee0;
        position: fixed;
        top: 6px;
        right: 6px; }
    .responsive-layout .tc-header__user-dropdown-container {
      background: #f7f7f5;
      height: 100%;
      z-index: 2;
      position: fixed;
      width: 100%; }
    .responsive-layout .tc-header__user-dropdown {
      border-top: 0;
      position: fixed;
      top: 0;
      width: 100%;
      margin-top: 3.25rem;
      margin-bottom: 2.6rem;
      padding: 0.375rem 0.65rem 0;
      z-index: 299;
      background: #f7f7f5;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .responsive-layout .tc-header__user-dropdown li {
        border-bottom: 1px solid #dbdad7;
        padding: 8px 0; }
        .responsive-layout .tc-header__user-dropdown li:last-of-type {
          border-bottom: 0; }
      .responsive-layout .tc-header__user-dropdown.overflow {
        overflow-y: scroll;
        height: 100%;
        padding-bottom: 3.38rem; }
    .responsive-layout .tc-header__user-dropdown-link {
      font-family: "Circular Book", Helvetica, sans-serif; }
    .responsive-layout .tc-header__dropdown-container {
      position: relative; }
    .responsive-layout .modal--notifications {
      border: 0;
      height: 100%;
      padding-bottom: 4rem;
      width: 100%;
      height: 100%; }
    .responsive-layout .notification__image-mask {
      height: 2.6rem;
      width: 2.6rem; }
    .responsive-layout .notification__icon-overlay {
      position: fixed;
      z-index: 302;
      top: 0.65rem;
      right: 0.65rem;
      height: 1.8rem;
      width: 1.8rem;
      margin: 0.1rem 0 0 0;
      cursor: pointer; }
    .responsive-layout .notification__icon {
      position: fixed;
      z-index: 301;
      top: 0.65rem;
      right: 0.65rem;
      height: 1.8rem;
      width: 1.8rem;
      margin: 0.1rem 0 0 0;
      font-size: 20px; }
      .responsive-layout .notification__icon .tc-notification {
        padding: 0.195rem 0 0 0.065rem; }
      .responsive-layout .notification__icon .notification__count {
        margin-top: -0.195rem; }
      .responsive-layout .notification__icon .notification__count--large {
        margin: -0.455rem -0.65rem 0 0; }
    .responsive-layout .modal--notifications-content-container {
      width: 100%;
      height: auto; }
    .responsive-layout .notifications__content {
      height: auto; }
      .responsive-layout .notifications__content:after {
        display: none; }
      .responsive-layout .notifications__content:before {
        display: none;
        margin-right: 0; }
    .responsive-layout .notifications__content-container {
      padding-bottom: 52px; }
    .responsive-layout .notification__row {
      border-top: 1px solid #dbdad7; }
    .responsive-layout .notification__row--headline {
      padding: 1.3rem 0 0.975rem; }
    .responsive-layout .notification__row--see-more {
      padding: 1.3rem; }
    .responsive-layout .notification__image-col {
      padding: 0.65rem 0.65rem 0.65rem 0;
      width: 18%; }
    .responsive-layout .notification__data-col {
      width: 80%;
      font-size: 16px;
      line-height: 18px;
      padding: 0.65rem 0; }
    .responsive-layout .notification__date {
      font-size: 14px;
      padding-top: 0;
      margin-top: -2px; }
    .responsive-layout .tc-header__homelink {
      position: absolute;
      color: #1b7ee0;
      top: 0.8rem;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: .25s;
      transition-delay: .25s;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      cursor: pointer;
      left: 0; }
    .responsive-layout .minimized .tc-header__homelink {
      display: block; }
    .responsive-layout .tc-header__homelink-icon,
    .responsive-layout .tc-header__homelink-caption {
      float: left; }
    .responsive-layout .tc-header__homelink-icon {
      font-size: 21px;
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      transform: scaleX(-1); }
    .responsive-layout .tc-header__homelink-caption {
      font-size: 13px;
      font-family: MuseoSans-700, Helvetica, sans-serif;
      line-height: 21px; }
    .responsive-layout .tc-header__start-steps,
    .responsive-layout .tc-header__tml-steps {
      top: 3.25rem;
      -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px 0;
      -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px 0;
      box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px 0; }
    .responsive-layout .tc-header__steps {
      padding-top: 0.39rem; }
    .responsive-layout .tc-header__step {
      height: 1.17rem;
      width: 1.17rem;
      margin: 0 auto;
      float: none; }
    .responsive-layout .tc-header__tml-steps {
      height: 4.55rem;
      text-align: center;
      overflow: hidden;
      -webkit-transition: height 0.25s ease-in-out;
      -moz-transition: height 0.25s ease-in-out;
      -o-transition: height 0.25s ease-in-out;
      transition: height 0.25s ease-in-out; }
    .responsive-layout .tc-header__tml-step {
      height: 0.845rem;
      width: 0.845rem;
      margin: 1.17rem 0.52rem 0 0; }
      .responsive-layout .tc-header__tml-step.current {
        height: 2.405rem;
        width: 2.405rem;
        margin-top: 0.39rem; }
    .responsive-layout .tc-header__tml-step--teach {
      border: 0.13rem solid #cc441b; }
    .responsive-layout .tc-header__tml-step--measure {
      border: 0.13rem solid #9fbf1d; }
    .responsive-layout .tc-header__tml-step--learn {
      border: 0.13rem solid #1560ab; }
    .responsive-layout .tc-header__tml-step-icons {
      display: inline-block; }
    .responsive-layout .tc-header__tml-step-icon {
      font-size: 24px;
      padding-top: 0.375rem; }
    .responsive-layout .tc-header__tml-step-caption {
      font-family: MuseoSans-700, Helvetica, sans-serif;
      text-align: center;
      text-transform: capitalize;
      margin-top: 0.26rem;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in-out;
      -moz-transition: opacity 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out;
      -webkit-transition-delay: .25s;
      transition-delay: .25s; }
    .responsive-layout .tc-header__tml-step-caption--teach {
      color: #cc441b; }
    .responsive-layout .tc-header__tml-step-caption--measure {
      color: #9fbf1d; }
    .responsive-layout .tc-header__tml-step-caption--learn {
      color: #1560ab; }
    .responsive-layout .minimize.tc-header__tml-steps {
      height: 3.25rem; }
    .responsive-layout .minimize .tc-header__tml-step-caption {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
    .responsive-layout .minimize .tc-header__homelink {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    .responsive-layout .ppd-v3-curation__switch-label--header {
      padding: 0.975rem 0; }
      .responsive-layout .ppd-v3-curation__switch-label--header:after {
        content: '';
        display: block;
        clear: both; }
      .responsive-layout .ppd-v3-curation__switch-label--header .ppd-v3-curation__switch,
      .responsive-layout .ppd-v3-curation__switch-label--header .ppd-v3-curation__switch-caption {
        float: left;
        margin-left: 0.65rem; }
      .responsive-layout .ppd-v3-curation__switch-label--header .ppd-v3-curation__switch-caption {
        padding-top: 4px; }
    .responsive-layout .header__admin-switch {
      margin-top: 0.65rem; }
    .responsive-layout .ppd-3-coach__icon-container {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
    .responsive-layout .header__admin-icons {
      margin-top: 0;
      padding: 0.97rem 0.65rem 0.65rem; }
      .responsive-layout .header__admin-icons .ppd-v3-curation__inline-label {
        margin-bottom: 1.3rem; }
      .responsive-layout .header__admin-icons .ppd-3-coach__icon {
        min-width: 100px;
        margin-bottom: 1.3rem;
        text-align: center;
        margin-right: 0;
        position: relative; }
        .responsive-layout .header__admin-icons .ppd-3-coach__icon .tc__link {
          font-size: 30px; }
        .responsive-layout .header__admin-icons .ppd-3-coach__icon:last-of-type {
          margin-right: 0; }
      .responsive-layout .header__admin-icons .ppd-3-coach__icon-description {
        font-size: 16px;
        color: #3D3D3D;
        font-family: "Circular Medium", Helvetica, sans-serif;
        padding-top: 0.65rem; }
      .responsive-layout .header__admin-icons .ppd-3-coach__add-meeting:after {
        position: absolute;
        top: -4px;
        right: 30px;
        content: "\E9E6";
        font-family: 'teach-cycle-icons';
        height: 16px;
        width: 16px;
        background: #33B55F;
        color: white;
        font-size: 10px;
        text-align: center;
        padding-top: 3px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
    .responsive-layout .header__admin-outcome {
      padding: 0 0.65rem 1.5rem;
      line-height: 20px;
      float: none;
      width: 100%;
      height: auto;
      border: none;
      text-align: left; }
    .responsive-layout .header__search-bar {
      display: none; }
    .responsive-layout .header__search-bar--visible {
      display: block;
      margin-top: 3.92rem;
      width: 100%; }
    .responsive-layout .header__search-mobile-btn {
      height: 2.6rem;
      width: 2.6rem;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 24px;
      margin: 0.9rem 0 0 0;
      z-index: 300;
      text-align: center; }
      .responsive-layout .header__search-mobile-btn:hover {
        text-decoration: none; }
    .responsive-layout .header__search-container {
      top: 0;
      right: 0;
      position: absolute;
      width: 100%;
      background: #D1E5F7;
      padding: 0 1.3rem 0.65rem  0.65rem; } }

@media only screen and (max-width: 19.5em) {
  .responsive-layout .tc-header__visitor-button--signup {
    display: none; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .chart__total--single {
    width: 90px; }
  .responsive-layout .chart__value--single {
    width: 88px; }
  .responsive-layout .chart__total--multi {
    width: 64px; }
  .responsive-layout .chart__value--multi {
    width: 62px; }
  .responsive-layout .chart__label {
    font-size: 18px;
    margin: 5px; }
  .responsive-layout .chart__label--single {
    width: 100px; }
  .responsive-layout .chart__label--multi {
    width: 74px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .teacher__wrap--challenges {
    padding: 0.65rem 0.65rem 1.3rem; }
  .responsive-layout .teacher__wrap--growth-areas {
    padding-bottom: 0.65rem; }
  .responsive-layout .tc__tab {
    margin-bottom: -3px; }
    .responsive-layout .tc__tab.active {
      border-bottom: 5px solid #9fbf1d; }
  .responsive-layout .tc__capsule--teacher-dashboard {
    margin: 0.65rem 0;
    padding: 1.8rem 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px; }
    .responsive-layout .tc__capsule--teacher-dashboard:last-of-type {
      margin-bottom: 1.3rem; }
  .responsive-layout .challenge__title {
    padding: 0 0.65em 1.3rem; }
  .responsive-layout .challenge__text {
    padding: 0 0.65rem;
    font-family: MuseoSans-300, Helvetica, sans-serif; }
  .responsive-layout .challenge__metadata {
    padding: 1.95rem 0.65rem 1.95rem;
    display: inline-block; }
  .responsive-layout .challenge__mobile-continue {
    width: 100%;
    border-top: 1px solid #c2c0ba;
    float: left;
    clear: both;
    padding: 1.95rem 0.65rem 0;
    color: #176bbf; }
  .responsive-layout .challenge__mobile-continue-caption {
    float: left;
    text-transform: uppercase;
    padding-right: 0.7rem; }
  .responsive-layout .teacher__wrap--current {
    padding: 5.3rem 0 0.65rem; }
  .responsive-layout .teacher__headline--team {
    margin-bottom: 1.3rem; }
  .responsive-layout .team__grid-item {
    height: auto; }
    .responsive-layout .team__grid-item:nth-of-type(2n + 1) {
      clear: both; }
  .responsive-layout .team-member {
    margin: 0.65rem 0; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .tml__data {
    padding: 2.6rem 0.65rem; }
  .responsive-layout .tml__substep {
    padding: 2.6rem 0.65rem; }
  .responsive-layout .loop__completed {
    position: absolute;
    top: 1.95rem;
    right: 1.3rem; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Header ******/
    /****** Teach ******/
    /****** Artifacts ******/
    /****** Artifact Edit Dialogue ******/
    /****** Measurement Chart ******/
    /****** "I'm done" Checkbox ******/ }
    .responsive-layout .tc-header__wrap--v2 {
      z-index: 200; }
    .responsive-layout .tml-v2-status-indicator-icons {
      position: relative;
      text-align: center; }
    .responsive-layout .tml-v2__step-icon--small {
      display: inline-block;
      margin: 0; }
    .responsive-layout .tml-v2__step-icon-separator {
      display: inline-block;
      border-bottom: 1px solid #dbdad7;
      width: 20px;
      vertical-align: super; }
    .responsive-layout .tml-v2__step-icon--mobile {
      height: 60px;
      width: 60px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      font-size: 29px;
      padding: 6px;
      border: 2px solid;
      margin: 0 auto;
      margin-top: 25px; }
      .responsive-layout .tml-v2__step-icon--mobile.tml-v2__step-icon--teach {
        padding: 9px 14px; }
      .responsive-layout .tml-v2__step-icon--mobile.tml-v2__step-icon--measure {
        padding: 6px 8px; }
      .responsive-layout .tml-v2__step-icon--mobile.tml-v2__step-icon--learn {
        padding: 8px 12px; }
      .responsive-layout .tml-v2__step-icon--mobile .tc-tml-measure {
        margin-left: 7px; }
    .responsive-layout .tml-v2__grey-box {
      margin: 0.65rem -0.65rem 0;
      width: auto; }
    .responsive-layout .tml__divider {
      margin-top: 10px; }
    .responsive-layout .tml-2__save-spinner {
      margin-top: 3px; }
      .responsive-layout .tml-2__save-spinner .littlespinner {
        height: 24px;
        width: 24px; }
    .responsive-layout .tml__save-caption {
      font-size: 28px;
      margin-top: 0; }
    .responsive-layout .tml-v2__teach-cta {
      text-align: center; }
    .responsive-layout .tml-v2__cta-btn {
      display: block;
      margin: 20px auto; }
    .responsive-layout .artifact__type.artifact__type--tml-v2 {
      margin-bottom: 0; }
    .responsive-layout .artifact__edit-headline-mobile {
      padding: 30px 40px 10px;
      font-size: 22px;
      line-height: 26px; }
    .responsive-layout .artifact-v2__preview-image {
      width: 160px; }
    .responsive-layout .artifact-v2__preview-image-mask {
      width: 160px;
      height: 125px;
      overflow: hidden; }
    .responsive-layout .artifact__preview-image-mobile--v2 {
      width: 100%; }
      .responsive-layout .artifact__preview-image-mobile--v2.scale-to-width {
        width: 100%; }
      .responsive-layout .artifact__preview-image-mobile--v2.scale-to-height {
        height: 300px;
        width: auto; }
    .responsive-layout .artifact__preview-image-mobile--v2-mask {
      width: 100%;
      height: 300px;
      overflow: hidden; }
    .responsive-layout .artifact__preview--tml-v2 {
      height: 300px;
      min-height: 0;
      width: 100%; }
    .responsive-layout .artifact__upload-title--tml-v2, .responsive-layout .artifact__upload-detail--tml-v2 {
      width: 80%; }
    .responsive-layout .tc__select--artifact-type-tml-v2 {
      margin-top: 20px; }
    .responsive-layout .artifact__type-select-container--tml-v2 .tc__error {
      margin: 0; }
    .responsive-layout .artifact__upload-details-form--tml-v2 {
      padding: 0.65rem; }
    .responsive-layout .tml-v2__edit-artifact-headline, .responsive-layout .artifact__delete-headline {
      margin-top: 35px;
      font-size: 22px;
      line-height: 26px; }
    .responsive-layout .chart-v2__container {
      overflow: hidden; }
    .responsive-layout .chart-v2__labels {
      height: auto; }
    .responsive-layout .chart-v2__label {
      width: 237px;
      float: none;
      margin: 18px 0 0;
      font-size: 14px;
      text-align: right; }
    .responsive-layout .chart-v2__legend-example {
      display: inline-block;
      border-bottom: 2px dotted;
      width: 40px;
      margin-left: 11px;
      vertical-align: middle; }
    .responsive-layout .tml-v2__check {
      margin-top: 6px; }
    .responsive-layout .tml-v2__check-caption {
      float: none;
      margin: 0 0 0 35px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .challenge__wrap--loops {
    padding-top: 0; }
  .responsive-layout .tc__capsule--loop {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0; }
  .responsive-layout .challenge__graph {
    padding-top: 30px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .tml__overview {
    padding: 56px 0.65rem 30px; }
  .responsive-layout .tml__overview-artifact-preview {
    max-width: 200px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Subject Tabs ******/
    /****** Browser SGA Menu ******/
    /****** Browser SGA Challenges ******/
    /****** SGA Challenge Results ******/
    /****** Challenge Result details ******/
    /****** Grade Filters ******/ }
    .responsive-layout .browser__tabs-container {
      overflow-x: scroll; }
    .responsive-layout .browser__subject-tabs {
      margin-top: 3.25rem;
      width: 34rem;
      float: left; }
    .responsive-layout .browser__tab {
      width: 6.46rem;
      font-size: 16px; }
    .responsive-layout .browser__catagory-menu {
      padding: 0; }
    .responsive-layout .browser__sga {
      padding: 0;
      position: relative;
      border-bottom: 1px solid #dbdad7; }
    .responsive-layout .browser__sga-details {
      padding: 1.95rem 4.65rem 1.95rem 0.65rem;
      position: relative;
      width: 100%; }
    .responsive-layout .browser__sga-title {
      padding: 0 0.65rem;
      padding-bottom: 0;
      border-bottom: 0;
      margin: 0 -0.65rem;
      width: auto; }
    .responsive-layout .browser__sga-challenge-count {
      color: #a8a6a0;
      font-size: 12px;
      font-family: MuseoSans-300, Helvetica, sans-serif; }
    .responsive-layout .browser__sga-arrow-container {
      position: absolute;
      top: 0;
      right: 0;
      border-left: 1px solid #dbdad7;
      width: 4rem;
      height: 100%;
      cursor: pointer; }
      .responsive-layout .browser__sga-arrow-container:before {
        content: '';
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #1976d2;
        top: 50%;
        left: 50%;
        margin-left: -10px; }
      .responsive-layout .browser__sga-arrow-container.active:before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #1976d2;
        border-top: 0; }
    .responsive-layout .browser__sga-challenges {
      padding: 1.43rem 0.65rem;
      display: none;
      clear: both;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset;
      -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset;
      box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset; }
      .responsive-layout .browser__sga-challenges.active {
        display: block;
        background: #f7f7f5; }
        .responsive-layout .browser__sga-challenges.active .browser__challenge:last-of-type {
          padding-bottom: 0; }
    .responsive-layout .browser__challenge {
      padding-bottom: 1.43rem; }
    .responsive-layout .strategy-choose__grid-item {
      padding: 0.65rem; }
    .responsive-layout .tc__capsule--strategy-choose {
      padding: 1.3rem 1.105rem;
      height: auto; }
    .responsive-layout .strategy__implementation-title {
      margin-bottom: 0.78rem; }
    .responsive-layout .strategy__implementation-text {
      margin-top: 0.78rem; }
    .responsive-layout .strategy__strategy-container {
      margin-top: 0.5rem; }
    .responsive-layout .strategy__grades--mobile {
      margin-top: 2.6rem; }
    .responsive-layout .strategy__image-mask,
    .responsive-layout .strategy__image--none {
      width: 100%;
      height: auto;
      position: relative;
      padding-top: 70%; }
    .responsive-layout .strategy__image {
      width: 100%;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0 !important; }
    .responsive-layout .browse__strategy-count-icon {
      font-size: 22px;
      position: absolute; }
    .responsive-layout .browse__strategy-counts {
      padding-left: 1.6rem;
      padding-top: 0.42rem; }
    .responsive-layout .browse__strategy-count {
      float: left;
      padding-top: 0;
      padding-right: 0.375rem; }
    .responsive-layout .browse__strategy-count--new {
      text-transform: lowercase;
      color: #1e2326; }
    .responsive-layout .browse__strategy-count-container {
      padding-bottom: 0;
      position: relative; }
    .responsive-layout .strategy__grade-filter--mobile {
      border-bottom: 1px solid #dbdad7;
      padding: 0.65rem 0;
      margin-bottom: 0.325rem;
      display: block; }
      .responsive-layout .strategy__grade-filter--mobile .strategy__grade-filter {
        display: none;
        line-height: 24px; }
      .responsive-layout .strategy__grade-filter--mobile.visible {
        display: inline-block !important; }
        .responsive-layout .strategy__grade-filter--mobile.visible .strategy__grade-filter {
          display: block; }
    .responsive-layout .strategy__filter-grades {
      padding-left: 0.135rem; }
      .responsive-layout .strategy__filter-grades:after {
        content: ','; }
      .responsive-layout .strategy__filter-grades.last:after {
        content: ''; }
    .responsive-layout .strategy__grade-filter {
      margin-right: 0;
      width: 100%;
      margin: 0.455rem 0;
      font-family: MuseoSans-500, Helvetica, sans-serif; }
      .responsive-layout .strategy__grade-filter .tc__checkbox {
        height: 20px;
        width: 20px; }
        .responsive-layout .strategy__grade-filter .tc__checkbox.checked .tc-check {
          font-size: 22px; }
    .responsive-layout .strategy__grades--mobile {
      padding-top: 0.42rem; }
    .responsive-layout .strategy__grades-current--mobile {
      padding-bottom: 0;
      padding-top: 1.07rem;
      font-size: 14px;
      font-family: MuseoSans-500, Helvetica, sans-serif; }
    .responsive-layout .strategy__grade-filters {
      padding-right: 0.375rem; }
    .responsive-layout .strategy__grade-headline {
      padding-right: 0; }
    .responsive-layout .browser__searchbar-container {
      display: none; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Subject Tabs ******/
    /****** Browser SGA Menu ******/
    /****** Browser SGA Challenges ******/
    /****** SGA Challenge Results ******/
    /****** TGA Meta Strategies ******/
    /****** Challenge strategies ******/ }
    .responsive-layout .browser__sga-title--v2 {
      margin: 0;
      width: 100%;
      margin-bottom: 15px;
      cursor: pointer; }
    .responsive-layout .browser-v2__subject-tabs {
      width: 38rem;
      padding: 0.65rem 0 0;
      float: none; }
    .responsive-layout .browser-v2__tab {
      padding-top: 2px;
      padding-bottom: 22px;
      margin-bottom: 0;
      vertical-align: bottom;
      display: inline-block;
      float: none;
      max-height: 57px; }
      .responsive-layout .browser-v2__tab.active {
        padding-bottom: 17px; }
    .responsive-layout .browser-v2__tab--instructional-design,
    .responsive-layout .browser-v2__tab--learning-environment {
      width: 9rem; }
    .responsive-layout .tc__sga-icon--v2 {
      padding-top: 1.25rem;
      margin-bottom: 0.65rem; }
    .responsive-layout .browser__sga-details--v2 {
      padding: 0 1.95rem 1.25rem; }
    .responsive-layout .browser-v2__sga-challenge-count {
      color: #a8a6a0;
      font-size: 12px;
      font-family: MuseoSans-300, Helvetica, sans-serif; }
    .responsive-layout .browser-v2__sga-added-challenges-count {
      color: #104b82;
      font-size: 12px;
      font-family: MuseoSans-300, Helvetica, sans-serif; }
    .responsive-layout .browser-v2__sga-challenges {
      padding: 1.75rem 0.65rem 1.75rem 1.88rem; }
    .responsive-layout .tc__link--activated:after {
      top: 3px;
      left: -18px;
      font-size: 10px; }
    .responsive-layout .strategy-v2__grade-filter--mobile {
      padding-top: 0;
      margin-bottom: 2px; }
      .responsive-layout .strategy-v2__grade-filter--mobile.visible {
        padding-top: 0.65rem; }
    .responsive-layout .browser-v2__challenge-state {
      padding-top: 0.2rem; }
    .responsive-layout .browser-v2__challenge-state--right {
      text-align: right;
      position: absolute;
      right: 10px;
      top: -20px; }
    .responsive-layout .browser-v2__challenge-strategies-container {
      margin-left: -0.65rem;
      margin-right: -0.65rem;
      width: 100%; }
    .responsive-layout .browser-v2__meta-strategies-container {
      margin-left: -0.65rem;
      margin-right: -0.65rem;
      margin-top: 6.5rem;
      width: 100%; }
    .responsive-layout .strategy__grades--mobile {
      margin-top: 6rem; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** strategy implementation header ******/
    /****** si details ******/
    /****** si artifacts ******/ }
    .responsive-layout .tc__mobile-header--strategy {
      z-index: 2; }
    .responsive-layout .si__head {
      margin-top: 5rem;
      padding-bottom: 1.95rem; }
    .responsive-layout .si__copy {
      margin-top: 0.8rem; }
    .responsive-layout .si__title {
      display: inline-block;
      margin-top: 1.05rem;
      position: relative; }
    .responsive-layout .si__icon {
      position: absolute;
      top: 0.3rem; }
    .responsive-layout .si__tag {
      float: left;
      padding-left: 1.95rem;
      width: 100%;
      margin: 0; }
    .responsive-layout .si__details {
      padding: 1.3rem 0;
      border-top: 0;
      background: #f7f7f5;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset;
      -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset;
      box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset; }
    .responsive-layout .si__author {
      position: relative;
      float: left;
      width: 100%; }
    .responsive-layout .si__author-image-mask {
      position: absolute;
      margin-top: 1.3rem; }
    .responsive-layout .si__author-details {
      float: left;
      padding: 1.7rem 0.65rem 1.1rem 4.68rem;
      width: 100%; }
    .responsive-layout a.lesson-link {
      position: relative; }
    .responsive-layout .lesson-link__icon {
      position: absolute; }
    .responsive-layout .lesson-link__details {
      float: left;
      width: 100%;
      padding-left: 1.95rem; }
    .responsive-layout .si__artifacts-header {
      padding-bottom: 1.3rem; }
    .responsive-layout .si__artifacts {
      border-top: 0;
      padding: 1.95rem 0; }
    .responsive-layout .artifact__type {
      margin-bottom: 1.3rem; }
    .responsive-layout .artifact__image-mask {
      width: 100%;
      position: relative;
      padding-top: 60%;
      height: auto; }
    .responsive-layout .artifact__image {
      position: absolute;
      width: 100% !important;
      margin-left: 0 !important;
      top: 0;
      left: 0; }
    .responsive-layout .si__artifact {
      height: auto; }
    .responsive-layout .artifact__file-type {
      padding-right: 0.65rem; }
    .responsive-layout .artifact__title {
      padding-left: 0;
      max-width: auto; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** strategy implementation header ******/
    /****** si details ******/
    /****** si artifacts ******/
    /******* si updates 10-6-16 ******/ }
    .responsive-layout .si-v2__head {
      margin-top: 7.5rem;
      padding-bottom: 0; }
    .responsive-layout .si-v2__head--private {
      padding-left: 0.65rem;
      border: none; }
    .responsive-layout .tc__headline-1 {
      font-size: 28px;
      line-height: 32px; }
    .responsive-layout .si-v2__copy, .responsive-layout .si-v2__copy_id {
      margin-top: 1.2rem;
      margin-bottom: 1.5rem; }
    .responsive-layout .si-v2__title {
      display: inline-block;
      margin-top: 1.85rem;
      position: relative; }
    .responsive-layout .si-v2__user-actions {
      margin: 0;
      padding-left: 0;
      padding-top: 1.95rem;
      padding-bottom: 6px;
      text-align: left; }
    .responsive-layout .si-v2__user-action {
      margin-top: 0;
      padding-right: 0;
      font-size: 16px;
      line-height: 20px;
      min-width: 6.5rem;
      margin-right: 20px;
      float: left;
      white-space: nowrap; }
    .responsive-layout .si-v2__user-action-icon {
      margin: 0 0.975rem 0 0;
      float: left; }
    .responsive-layout .si-v2__teaching-challenge-name {
      margin-top: 4px; }
    .responsive-layout .si-v2__detail-highlight {
      font-size: 14px;
      font-family: MuseoSans-300, Helvetica, sans-serif; }
    .responsive-layout .si-v2__detail-copy {
      font-size: 14px;
      font-family: MuseoSans-300, Helvetica, sans-serif; }
    .responsive-layout .si-v2__challenge-state {
      font-size: 16px;
      font-family: MuseoSans-700, Helvetica, sans-serif;
      line-height: 20px;
      margin-top: 20px; }
    .responsive-layout .si-v2__details, .responsive-layout .si-v2__details_id {
      padding: 1.3rem 0;
      border-top: 0;
      background: #f7f7f5;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset;
      -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset;
      box-shadow: rgba(0, 0, 0, 0.1) 0 3px 7px 0 inset; }
    .responsive-layout .si-v2__author {
      position: relative;
      float: left;
      width: 100%; }
    .responsive-layout .si-v2__author-image-mask {
      position: absolute;
      margin-top: 1.3rem; }
    .responsive-layout .si-v2__author-details {
      float: left;
      padding: 1.7rem 0.65rem 1.1rem 4.68rem;
      width: 100%; }
    .responsive-layout a.lesson-link-v2 {
      position: relative; }
    .responsive-layout .lesson-link-v2__icon {
      position: absolute; }
    .responsive-layout .lesson-link-v2__details {
      float: left;
      width: 100%;
      padding-left: 1.95rem; }
    .responsive-layout .si-v2__artifacts-header {
      padding-bottom: 1.3rem; }
    .responsive-layout .si-v2__artifacts {
      border-top: 0;
      padding: 1.95rem 0; }
    .responsive-layout .si-v2__strategy-container {
      padding-top: 0.68rem; }
    .responsive-layout .si-v2__title-text {
      margin-left: 30px; }
    .responsive-layout .si-v2__tag {
      padding: 3px 6px;
      margin: 0; }
    .responsive-layout .si-v2__tag--phone {
      padding-left: 0; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** profile tab navigation ******/
    /****** profile teacher details ******/
    /****** profile strategies ******/
    /****** profile strategy artifact ******/
    /****** profile challenges ******/ }
    .responsive-layout .profile__wrap--header {
      min-height: 0; }
    .responsive-layout .profile__wrap--content {
      padding-top: 0;
      background: white; }
      .responsive-layout .profile__wrap--content.challenges {
        margin-top: 20px; }
    .responsive-layout .profile__tabs {
      border-bottom: 1px solid #dbdad7;
      padding: 1.04rem 0.65rem .195rem; }
    .responsive-layout .tc__tab {
      border-bottom: 0; }
    .responsive-layout .profile__image-mask {
      margin: 1.95rem auto 0; }
    .responsive-layout .profile__teacher-name {
      line-height: 36px; }
    .responsive-layout .profile__created {
      margin: 0.375rem 0 1.2rem; }
    .responsive-layout .students-impacted__container {
      text-align: center; }
    .responsive-layout .students-impacted {
      text-align: left; }
    .responsive-layout .students-impacted__icon {
      margin: 2px 0;
      font-size: 16px; }
    .responsive-layout .profile__details {
      border-top: 0;
      margin-top: 0;
      padding: 1.3rem 0 0; }
    .responsive-layout .profile__detail {
      text-align: center;
      padding: 0 0 2.6rem; }
    .responsive-layout .tc__capsule--profile-strategy {
      padding: 1.3rem 0 0.65rem; }
    .responsive-layout .strategy__implementation-title--profile,
    .responsive-layout .profile__strategy-challenge,
    .responsive-layout .profile__strategy-container,
    .responsive-layout .profile__strategy-readmore {
      padding: 0 1.3rem; }
    .responsive-layout .profile__strategy-notes {
      margin: 0.7rem 1.3rem 0; }
    .responsive-layout .profile__strategy-container {
      width: 100%;
      margin-top: 0.7rem; }
    .responsive-layout .profile__strategy-image-mask {
      width: auto;
      clear: both;
      margin: 0 1.3rem;
      height: auto;
      position: relative;
      padding-top: 60%; }
    .responsive-layout .profile__strategy-tag {
      width: auto; }
    .responsive-layout .artifact__type--profile {
      margin-bottom: 0.4rem; }
    .responsive-layout .profile__strategy-image {
      width: 100% !important;
      position: absolute;
      top: 0;
      left: 0;
      margin-left: 0 !important; }
    .responsive-layout .strategy__vertical-alignment--icon {
      max-width: 10%; }
    .responsive-layout .strategy__vertical-alignment--title {
      max-width: 90%; }
    .responsive-layout .profile__strategy-challenge {
      border-top: 2px solid #dbdad7; }
    .responsive-layout .profile__strategy-loop {
      border-top: 1px solid #dbdad7; }
    .responsive-layout .profile__loop-artifact-details {
      float: none;
      max-width: auto;
      width: auto; }
    .responsive-layout .profile__loop-artifact-title {
      white-space: nowrap;
      width: 88%; }
    .responsive-layout .profile__loop-artifact-icon {
      width: 10%; }
    .responsive-layout .profile__loop-artifact-image-mask {
      height: 5.2rem;
      width: 5.2rem; }
    .responsive-layout .profile__loop-artifact-image.scale-to-width {
      width: 100%; }
    .responsive-layout .profile__loop-artifact-image.scale-to-height {
      height: 100%;
      margin: 0 auto; }
    .responsive-layout .profile__loop-artifact-image__preview-icon {
      line-height: 5.2rem; }
    .responsive-layout .profile__challenge {
      margin: 0 0 1.3rem; }
    .responsive-layout .profile__challenge-details {
      display: inline-block; }
    .responsive-layout .profile__sga-title {
      font-size: 16px;
      width: auto;
      text-align: center;
      padding: 12px 0  1.3rem;
      line-height: 22px;
      font-family: MuseoSans-700, Helvetica, sans-serif;
      color: #104b82;
      width: 100%; }
    .responsive-layout .profile__challenge-strategy {
      padding: 0 1.3rem; }
    .responsive-layout .profile__sga-challenges {
      padding-top: 0; }
    .responsive-layout .profile__sga {
      float: none;
      text-decoration: none; }
    .responsive-layout .profile__challenge-details {
      padding: 1.675rem 1.3rem 0; }
    .responsive-layout .profile__challenge-term {
      padding: 1rem 1.3rem 0; }
    .responsive-layout .profile__challenge-continue {
      width: 100%;
      display: inline-block;
      border-top: 1px solid #dbdad7;
      margin-top: 1.4rem;
      padding: 1.625rem 1.3rem;
      font-size: 18px;
      color: #176bbf;
      font-family: MuseoSans-500, Helvetica, sans-serif; }
    .responsive-layout .profile__challenge-continue-caption {
      text-transform: uppercase;
      float: left; }
    .responsive-layout .profile__challenge-continue-icon {
      float: left;
      margin-left: 0.91rem; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** teacher add note to strategy dialog ******/ }
    .responsive-layout .pinboard__headline {
      margin-top: 0;
      padding-top: 80px;
      padding-bottom: 10px; }
    .responsive-layout .pinboard-capsule {
      padding-left: 40px;
      height: 160px;
      margin: 0; }
    .responsive-layout .pinboard-capsule__user-actions {
      position: absolute;
      left: 0;
      width: 40px; }
    .responsive-layout .pinboard-capsule__text {
      padding: 10px 15px;
      width: 100%; }
    .responsive-layout .pinboard-capsule__user-action-icon--pin {
      margin-bottom: 70px; }
    .responsive-layout .pinboard-capsule__note-count {
      margin-right: 5px; }
    .responsive-layout .pinboard-capsule__note-count--large {
      margin-right: 2px; }
    .responsive-layout .pinboard-capsule__note-count--very-large {
      margin-right: 1px; }
    .responsive-layout .pinboard-capsule--empty {
      padding: 0 40px; }
    .responsive-layout .pinboard__comment-no-messages {
      padding-top: 30px;
      padding-bottom: 10px; }
    .responsive-layout .pinboard__comment-notes {
      padding: 3.25rem 20px 0;
      max-height: none;
      overflow: hidden; }
    .responsive-layout .pinboard__comment {
      padding: 18px 0 10px;
      width: 100%; }
      .responsive-layout .pinboard__comment:first-of-type {
        border-top: 0; }
      .responsive-layout .pinboard__comment:last-of-type {
        border-bottom: 1px solid #dbdad7; }
    .responsive-layout .pinboard__comment-image-col {
      width: 50px;
      height: 50px; }
    .responsive-layout .pinboard__comment-teacher-image-mask {
      width: 50px;
      height: 50px; }
    .responsive-layout .pinboard__comment-teacher-image {
      width: 50px; }
    .responsive-layout .pinboard__comment-data-col {
      width: 100%;
      float: none;
      padding-left: 60px; }
    .responsive-layout .pinboard__comment-data-col--form-input {
      padding-left: 0; }
    .responsive-layout .pinboard__comment-teacher-name {
      font-size: 12px; }
    .responsive-layout .pinboard__comment-form {
      width: 100%;
      padding: 20px;
      border-top: 0; }
    .responsive-layout .pinboard__comment-form-input textarea {
      height: 100px; }
    .responsive-layout .pinboard__comment-button {
      margin-top: 26px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout.no-scroll--mobile {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden; }
  .responsive-layout .modal--grey-overlay,
  .responsive-layout .modal--note {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    margin: 0;
    z-index: 410;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    overflow-y: scroll; }
  .responsive-layout .modal__close {
    top: 0.65rem;
    right: 0.65rem; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .settings-v1__headline {
    margin-top: 4rem; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Artfiact overaly summary vs details view ******/
    /****** Artifact image container ******/
    /****** Artifact comments ******/
    /****** Artifact details ******/
    /****** Mobile Artifact Header ******/ }
    .responsive-layout .modal--artifact-overlay {
      position: fixed;
      height: 100%;
      width: 100%;
      margin: 0;
      z-index: 400;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .responsive-layout .modal--artifact-overlay .artifact__type {
        margin-bottom: 0.575rem;
        padding: 0.35rem 0.65rem; }
      .responsive-layout .modal--artifact-overlay .artifact__flag-end {
        font-size: 24px; }
    .responsive-layout .mt-artifact-overlay {
      padding: 0;
      display: inline-block;
      width: 100%; }
      .responsive-layout .mt-artifact-overlay .artifact-overlay__notes {
        display: none; }
      .responsive-layout .mt-artifact-overlay .artifact__lessonlink {
        display: block;
        margin-left: 1.92rem; }
      .responsive-layout .mt-artifact-overlay .artifact__lessonlink-caption-mobile {
        display: block; }
      .responsive-layout .mt-artifact-overlay .artifact__lessonlink-icon,
      .responsive-layout .mt-artifact-overlay .artifact__lessonlink-caption,
      .responsive-layout .mt-artifact-overlay .artifact-overlay__details-actions--mobile {
        display: none; }
      .responsive-layout .mt-artifact-overlay .artifact-overlay__view-lesson {
        float: left;
        clear: none;
        margin-top: 0.325rem;
        display: block; }
      .responsive-layout .mt-artifact-overlay .artifact__lessonlink .tc__link.artifact__lessonlink-caption-mobile {
        margin-top: 0; }
      .responsive-layout .mt-artifact-overlay.details-visible {
        height: 100%;
        overflow: auto; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact__lessonlink-caption-mobile {
          display: none; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact__lessonlink {
          margin-left: 0.65rem;
          clear: both; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__details-actions--mobile {
          display: block; }
          .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__details-actions--mobile .artifact__lessonlink-icon,
          .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__details-actions--mobile .artifact__lessonlink-caption {
            display: block; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__view-lesson,
        .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__image-container {
          display: none;
          position: relative; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__details-container {
          margin-top: 3.25rem;
          padding-top: 1.3rem;
          position: relative;
          top: 0; }
          .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__details-container:before {
            display: none; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__comments {
          display: inline-block;
          position: relative; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__view-details {
          display: none; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact__lessonlink--mobile {
          display: none; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact-overlay__notes--mobile {
          display: block;
          margin: 0.375rem 0 0;
          float: left;
          padding: 0 0.65rem;
          white-space: pre-wrap; }
        .responsive-layout .mt-artifact-overlay.details-visible .artifact__lessonlink {
          display: block; }
    .responsive-layout .artifact-overlay__artifact {
      position: relative; }
    .responsive-layout .artifact-overlay__image-container {
      width: 100%;
      padding: 0.65rem;
      margin-top: 3.25rem;
      margin-bottom: 0;
      overflow-y: auto;
      display: inline-block; }
      .responsive-layout .artifact-overlay__image-container .video-js {
        width: 100% !important;
        height: 100% !important; }
        .responsive-layout .artifact-overlay__image-container .video-js.vjs-error {
          min-height: 19.5rem; }
    .responsive-layout .artifact-overlay__image {
      margin: 0.65rem 0;
      float: left;
      cursor: pointer; }
    .responsive-layout .artifact-overlay__image--max-width {
      width: 100%;
      max-width: 100%; }
    .responsive-layout .artifact-overlay__image--none {
      height: 100%;
      position: relative; }
    .responsive-layout .vjs__video-container {
      display: inline; }
    .responsive-layout .artifact-overlay__text {
      padding: 0.65rem; }
    .responsive-layout .page-control__left,
    .responsive-layout .page-control__right {
      padding: 0.78rem 2.6rem;
      margin: 0; }
    .responsive-layout .artifact-overlay__comments {
      position: fixed;
      width: 100%;
      display: none; }
    .responsive-layout .artifact-overlay__comment-container {
      padding: 0 0.65rem 1.3rem;
      border-top: 0;
      width: 100%; }
      .responsive-layout .artifact-overlay__comment-container .artifact-overlay__author-image-mask {
        margin-left: 0; }
    .responsive-layout .artifact-overlay__comment-data {
      width: 100%;
      padding-left: 4.8rem;
      margin-top: 0; }
    .responsive-layout .artifact-overlay__comment-text {
      margin-top: 0.325rem;
      padding-right: 0.65rem; }
    .responsive-layout .artifact-overlay__comment-user {
      padding-bottom: 0.7rem; }
    .responsive-layout .artifact-overlay__comment-input {
      width: 100%;
      height: 4.42rem; }
    .responsive-layout .artifact-overlay__comment-submit {
      float: left;
      clear: left;
      margin-top: 0.325rem; }
    .responsive-layout .artifact-overlay__comment-seperator {
      border-top: 1px solid #dbdad7;
      padding-bottom: 1.3rem; }
    .responsive-layout .artifact-overlay__details-container {
      padding: 0.975rem 0 1.3rem 0;
      width: 100%;
      display: inline-block; }
      .responsive-layout .artifact-overlay__details-container:before {
        content: '';
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 5px 0;
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 5px 0;
        box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 5px 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 0.325rem;
        margin-bottom: 0; }
    .responsive-layout .artifact-overlay__details {
      width: 100%;
      padding-left: 4.81rem; }
      .responsive-layout .artifact-overlay__details.mt-artifact {
        padding-left: 0.65rem; }
    .responsive-layout .artifact-overlay__details--mobile-has-user {
      min-height: 3.38rem; }
    .responsive-layout .artifact-overlay__view-details {
      float: left;
      clear: both;
      margin-top: 0.325rem;
      display: block; }
    .responsive-layout .artifact__lessonlink--mobile {
      display: block;
      float: left;
      margin: 0.325rem 0 0 1.95rem; }
    .responsive-layout .artifact-overlay__author-image-mask {
      position: absolute;
      height: 3.25rem;
      width: 3.25rem;
      margin-right: 0.7rem;
      margin-left: 0.65rem; }
    .responsive-layout .artifact-overlay__author-image {
      height: 3.25rem;
      width: 3.25rem; }
      .responsive-layout .artifact-overlay__author-image.scale-to-height {
        height: 3.25rem;
        width: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%); }
      .responsive-layout .artifact-overlay__author-image.scale-to-width {
        height: auto;
        width: 3.25rem; }
    .responsive-layout .artifact-overlay__added-by {
      margin-top: 0.325rem; }
    .responsive-layout .artifact__overlay-private {
      margin-top: 0.325rem; }
    .responsive-layout .artifact__lessonlink {
      display: none;
      margin-left: 0.65rem; }
      .responsive-layout .artifact__lessonlink .tc__link {
        float: left;
        margin-top: 0.7rem; }
      .responsive-layout .artifact__lessonlink .artifact__action-icon {
        margin: 0.45rem 0.375rem 0 0;
        float: left; }
    .responsive-layout .artifact-overlay__mobile-header {
      position: absolute;
      width: 100%;
      z-index: 401;
      background: white;
      height: 3.25rem;
      padding: 0;
      line-height: 32px; }
      .responsive-layout .artifact-overlay__mobile-header:after {
        content: '';
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
        box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 3.25rem;
        margin-bottom: 0px; }
    .responsive-layout .artifact-overlay__back {
      cursor: pointer;
      padding-left: 1.3rem;
      z-index: 402; }
    .responsive-layout .artifact-overlay__back-arrow {
      color: #176bbf;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      font-size: 21px;
      margin-left: -0.5rem;
      margin-top: 0.3rem; }
    .responsive-layout .artifact-overlay__back-caption {
      float: left;
      color: #176bbf;
      font-size: 13px;
      margin-left: 0.98rem;
      font-family: MuseoSans-700, Helvetica, sans-serif; }
    .responsive-layout .artifact-overlay__mobile-header-title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 3.25rem;
      line-height: 30px;
      font-size: 16px;
      font-family: MuseoSans-700, Helvetica, sans-serif;
      text-align: center; }
    .responsive-layout .artifact-overlay__details--no-author-photo {
      padding-left: 0.65rem; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Tabs ******/
    /****** Welcome Tab ******/
    /****** Strategy Capsule ******/
    /****** Strategy Artifact ******/
    /****** Activity Feed ******/
    /****** Activity Feedback Overlay ******/
    /****** Feedback Header ******/
    /****** Feedback content ******/
    /****** Comments ******/ }
    .responsive-layout .tc__tab {
      border-bottom: 0; }
    .responsive-layout .team__dashboard.strategies-visible .team__wrap--header {
      display: none; }
    .responsive-layout .team__dashboard .artifact-seperator {
      margin-top: 0.975rem; }
    .responsive-layout .team-dashboard__tabs {
      border-bottom: 1px solid #dbdad7;
      padding: 0.8rem 0.65rem .17rem;
      text-align: center; }
    .responsive-layout .team-dashboard__tabs {
      margin-top: 3.38rem;
      background: white; }
    .responsive-layout .team__wrap--strategies,
    .responsive-layout .team__feed-sidebar,
    .responsive-layout .team__wrap--team {
      position: relative;
      display: none; }
      .responsive-layout .team__wrap--strategies.active,
      .responsive-layout .team__feed-sidebar.active,
      .responsive-layout .team__wrap--team.active {
        display: inline-block; }
    .responsive-layout .team__wrap--strategies {
      padding: 0 0.65rem;
      background: white; }
    .responsive-layout .team__wrap--header {
      padding: 1.3rem 0 2rem 0; }
    .responsive-layout .team__feed-sidebar {
      margin-top: 0;
      padding-top: 0;
      border-left: 0;
      border-bottom: 0; }
    .responsive-layout .students-impacted {
      padding: 0; }
    .responsive-layout .students-impacted__icon {
      margin: 2px 0;
      font-size: 16px; }
    .responsive-layout .team__completed,
    .responsive-layout .team__strategies {
      padding: 1.95rem 0 0.65rem; }
    .responsive-layout .team__coach-image-mask {
      float: none;
      padding: 1.95rem 0 0.8rem; }
    .responsive-layout .team__coach-image {
      height: 6.5rem;
      width: 6.5rem; }
    .responsive-layout .team__coach-name {
      clear: both; }
    .responsive-layout .team__strategy-image-mask {
      width: 100%;
      height: auto;
      position: relative;
      padding-top: 70%; }
    .responsive-layout .team__strategy-image {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .responsive-layout .team__strategy-artifacts-headline {
      font-size: 16px; }
    .responsive-layout .team__artifact {
      float: left;
      width: 100%;
      position: relative;
      margin-left: 0 !important; }
    .responsive-layout .team__artifact-details {
      width: 100%;
      padding-left: 5.85rem; }
    .responsive-layout .strategy__implementation-title {
      margin: 0 0 0.78rem; }
    .responsive-layout .team__strategy-container {
      width: 100%; }
    .responsive-layout .team__strategy-tag {
      max-width: 100%; }
    .responsive-layout .team__strategy-icon-alignment {
      position: absolute; }
    .responsive-layout .team__strategy-tag-alignment {
      padding-left: 1.5rem; }
    .responsive-layout .artifact__type--team,
    .responsive-layout .team__artifact-author,
    .responsive-layout .team__artifact-created,
    .responsive-layout .team__artifact-filename {
      float: left;
      clear: left; }
    .responsive-layout .team__artifact-image-mask {
      position: absolute; }
    .responsive-layout .team__artifact-image-mask {
      height: 5.2rem;
      width: 5.2rem; }
    .responsive-layout .team__artifact-image.scale-to-width {
      width: 100%;
      height: auto; }
    .responsive-layout .team__artifact-image.scale-to-height {
      height: 100%;
      width: auto; }
    .responsive-layout .artifact__type--team {
      padding: 0.26rem 0.65rem;
      max-width: 100%; }
    .responsive-layout .artifact__type-caption--team {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 12px;
      white-space: nowrap; }
    .responsive-layout .artifact-seperator {
      border-bottom: 1px solid #dbdad7; }
    .responsive-layout .team__feed-capsule {
      min-height: 5.07rem;
      border-bottom: 1px solid #dbdad7; }
    .responsive-layout .team__feed-header {
      display: none; }
    .responsive-layout .team__feed-icon-container {
      position: absolute;
      width: auto; }
    .responsive-layout .team__feed-icon {
      width: 2.6rem;
      height: 2.6rem;
      padding-top: 0.42rem;
      font-size: 25px; }
      .responsive-layout .team__feed-icon.file-type-icon {
        font-size: 44px;
        padding-top: 0.7rem; }
    .responsive-layout .team__feed-content {
      width: 100%;
      max-width: 100%;
      padding-left: 3.7rem; }
    .responsive-layout .team__feed-copy {
      max-width: 100%;
      font-size: 16px; }
    .responsive-layout .tc__private--activity {
      clear: left;
      font-size: 14px; }
    .responsive-layout .team__feed-timeago,
    .responsive-layout .feedback__timeago {
      font-size: 14px; }
    .responsive-layout .tc__private-caption--activity {
      font-size: 14px;
      margin-top: 1px; }
    .responsive-layout .team__feed-rating-icon {
      font-size: 16px;
      padding-left: 0.3rem; }
    .responsive-layout .team__feed-comments-icon--none {
      font-size: 15px; }
    .responsive-layout .team__feed-comments-caption {
      font-size: 14px; }
    .responsive-layout .feedback-modal .feedback {
      width: 100%;
      padding: 1.3rem 0.65rem 0.65rem;
      margin-top: 3.25rem; }
      .responsive-layout .feedback-modal .feedback:before {
        display: none; }
    .responsive-layout .feedback-layer {
      padding: 0;
      background: white; }
    .responsive-layout .modal--activity-feedback {
      width: 100%;
      height: 100%;
      left: 0 !important;
      top: 0 !important;
      z-index: 400 !important;
      border: 0;
      overflow-x: hidden;
      overflow-y: auto; }
    .responsive-layout .feedback__mobile-header {
      position: fixed;
      width: 100%;
      z-index: 401;
      background: white;
      height: 3.25rem;
      padding: 0;
      line-height: 32px; }
      .responsive-layout .feedback__mobile-header:after {
        content: '';
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
        box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3.25rem;
        margin-bottom: 0; }
    .responsive-layout .feedback__back-arrow {
      color: #176bbf;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      font-size: 21px;
      margin-left: -.5rem;
      margin-top: .3rem; }
    .responsive-layout .feedback__back-caption {
      float: left;
      color: #176bbf;
      font-size: 13px;
      margin-left: .98rem;
      font-family: MuseoSans-700, Helvetica, sans-serif; }
    .responsive-layout .feedback__teacher,
    .responsive-layout .feedback__data-container,
    .responsive-layout .feedback__text,
    .responsive-layout .feedback__comment-data,
    .responsive-layout .feedback__form-container {
      width: auto;
      padding-left: 3.9rem;
      position: relative;
      float: left; }
    .responsive-layout .feedback__data-col {
      width: auto;
      float: left; }
    .responsive-layout .feedback__data {
      float: left;
      margin: 0; }
    .responsive-layout .feedback__data-container {
      padding-top: 0.375rem;
      font-size: 16px;
      font-family: MuseoSans-700, Helvetica, sans-serif;
      float: left;
      clear: left; }
    .responsive-layout .feedback__image-col {
      width: 4.65rem;
      position: absolute;
      left: 0; }
      .responsive-layout .feedback__image-col .team__feed-icon {
        width: 3.25rem;
        height: 3.25rem;
        font-size: 34px; }
    .responsive-layout .feedback__question-container {
      margin-left: 3.9rem;
      float: left;
      min-height: 4rem; }
    .responsive-layout .feedback__question {
      margin: 0;
      font-size: 17px;
      line-height: 20px; }
    .responsive-layout .feedback__response {
      margin: 1.3rem 0 0;
      width: 100%; }
    .responsive-layout .feedback__text {
      font-size: 16px;
      font-family: MuseoSans-300, Helvetica, sans-serif;
      line-height: 20px;
      font-style: normal; }
    .responsive-layout .feedback__teacher-image-mask {
      width: 3.25rem;
      height: 3.25rem;
      margin: 0;
      position: absolute;
      left: 0; }
    .responsive-layout .feedback__teacher-image {
      width: 3.25rem;
      height: auto; }
      .responsive-layout .feedback__teacher-image.scale-to-height {
        height: 3.25rem;
        width: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%); }
      .responsive-layout .feedback__teacher-image.scale-to-width {
        width: 3.25rem;
        height: auto; }
    .responsive-layout .feedback__teacher-name {
      font-size: 16px; }
    .responsive-layout .feedback__timeago {
      margin: 0 0 0 0.375rem; }
    .responsive-layout .feedback__comment,
    .responsive-layout .feedback__comment-form {
      width: 100%;
      padding: 0 0.65rem 0.65rem;
      border-top: 0;
      margin-top: 0;
      min-height: 5.85rem;
      position: relative; }
      .responsive-layout .feedback__comment:before,
      .responsive-layout .feedback__comment-form:before {
        content: '';
        border-top: 1px solid #dbdad7;
        height: 1px;
        width: 100%;
        float: left;
        margin-bottom: 1.3rem; }
    .responsive-layout .feedback__comment-form {
      width: 100%; }
    .responsive-layout .feedback__comment-poster {
      width: 3.25rem;
      left: 0.65rem;
      top: 0.65rem; }
    .responsive-layout .feedback__form-container {
      width: 100%; }
    .responsive-layout .feedback__comment-form .tc__input {
      float: left;
      clear: left;
      width: 100%;
      height: 4.225rem;
      margin-top: 0.8rem; }
    .responsive-layout .feedback__comment-form .tc__btn {
      margin-top: 0.975rem; }
      .responsive-layout .feedback__comment-form .tc__btn.tc__hidden {
        display: inline-block !important; }
    .responsive-layout .feedback__comment-text {
      font-size: 16px;
      line-height: 20px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** growth map challenge ******/ }
    .responsive-layout .growth-map__goal-row {
      padding-top: 50px; }
    .responsive-layout .growth-map__goal-container {
      padding-bottom: 10px; }
    .responsive-layout .growth-map__challenges {
      padding-top: 10px; }
    .responsive-layout .growth-map__sga-challenges {
      margin-bottom: 40px; }
    .responsive-layout .growth-map__sga-icon {
      margin-top: 10px; }
    .responsive-layout .growth-map__challenges-edit {
      position: absolute;
      right: 10px;
      z-index: 1; }
    .responsive-layout .growth-map__goal-button {
      margin-bottom: 10px; }
    .responsive-layout .growth-map__challenge-metric-tooltip {
      left: auto;
      right: 0;
      top: 92%;
      max-width: 300px;
      width: 100%; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** teacher add note to strategy dialog ******/ }
    .responsive-layout .pinboard__headline {
      margin-top: 0;
      padding-top: 80px;
      padding-bottom: 10px; }
    .responsive-layout .pinboard-capsule {
      padding-left: 40px;
      height: 160px;
      margin: 0; }
    .responsive-layout .pinboard-capsule__user-actions {
      position: absolute;
      left: 0;
      width: 40px; }
    .responsive-layout .pinboard-capsule__text {
      padding: 10px 15px;
      width: 100%; }
    .responsive-layout .pinboard-capsule__user-action-icon--pin {
      margin-bottom: 70px; }
    .responsive-layout .pinboard-capsule__note-count {
      margin-right: 5px; }
    .responsive-layout .pinboard-capsule__note-count--large {
      margin-right: 2px; }
    .responsive-layout .pinboard-capsule__note-count--very-large {
      margin-right: 1px; }
    .responsive-layout .pinboard-capsule--empty {
      padding: 0 40px; }
    .responsive-layout .pinboard__comment-no-messages {
      padding-top: 30px;
      padding-bottom: 10px; }
    .responsive-layout .pinboard__comment-notes {
      padding: 3.25rem 20px 0;
      max-height: none;
      overflow: hidden; }
    .responsive-layout .pinboard__comment {
      padding: 18px 0 10px;
      width: 100%; }
      .responsive-layout .pinboard__comment:first-of-type {
        border-top: 0; }
      .responsive-layout .pinboard__comment:last-of-type {
        border-bottom: 1px solid #dbdad7; }
    .responsive-layout .pinboard__comment-image-col {
      width: 50px;
      height: 50px; }
    .responsive-layout .pinboard__comment-teacher-image-mask {
      width: 50px;
      height: 50px; }
    .responsive-layout .pinboard__comment-teacher-image {
      width: 50px; }
    .responsive-layout .pinboard__comment-data-col {
      width: 100%;
      float: none;
      padding-left: 60px; }
    .responsive-layout .pinboard__comment-data-col--form-input {
      padding-left: 0; }
    .responsive-layout .pinboard__comment-teacher-name {
      font-size: 12px; }
    .responsive-layout .pinboard__comment-form {
      width: 100%;
      padding: 20px;
      border-top: 0; }
    .responsive-layout .pinboard__comment-form-input textarea {
      height: 100px; }
    .responsive-layout .pinboard__comment-button {
      margin-top: 26px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .teacher-dashboard__playlist-page-container {
    overflow: hidden; }
  .responsive-layout .teacher-dashboard__playlist-headline {
    position: fixed;
    top: 0;
    left: 0;
    margin: 50px 0 0;
    width: 100%;
    z-index: 2;
    background: white;
    border-bottom: 1px solid #dbdad7;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    padding: 0.65rem;
    line-height: 34px; }
  .responsive-layout .teacher-dashboard__playlist-empty-headline {
    margin-top: 50px; }
  .responsive-layout .teacher-dashboard__playlist-section-header {
    font-size: 12px;
    font-family: MuseoSans-700, Helvetica, sans-serif;
    color: #104b82;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #dbdad7;
    border-bottom: 0; }
  .responsive-layout .teacher-dashboard__navigation-container {
    z-index: 2; }
  .responsive-layout .teacher-dashboard__navigation-row {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-top: 1px solid #dbdad7;
    margin-bottom: 0; }
  .responsive-layout .teacher-dashboard__navigation-span,
  .responsive-layout .teacher-dashboard__nav-capsule-container {
    padding: 0; }
  .responsive-layout .teacher-dashboard__nav-capsule {
    border: 0;
    height: auto; }
    .responsive-layout .teacher-dashboard__nav-capsule:after {
      border: none; }
  .responsive-layout .teacher-dashboard__nav-capsule-icon {
    font-size: 24px;
    margin-top: 3px;
    margin-bottom: 0; }
  .responsive-layout .teacher-dashboard__nav-capsule-text {
    font-size: 12px;
    line-height: 12px;
    padding-top: 10px;
    margin-bottom: 3px; }
  .responsive-layout .teacher-dashboard__playlist {
    max-height: 100000px;
    height: auto;
    background: white;
    margin: 6.5rem 0 5.2rem; }
  .responsive-layout .row.teacher-dashboard__playlist-entry {
    height: auto;
    min-height: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #dbdad7;
    padding: 0.75rem 0 0.75rem 0.65rem;
    position: relative;
    display: block;
    cursor: default; }
    .responsive-layout .row.teacher-dashboard__playlist-entry:last-of-type {
      border-bottom: 1px solid #dbdad7; }
    .responsive-layout .row.teacher-dashboard__playlist-entry:after {
      content: '';
      clear: both;
      display: block; }
  .responsive-layout .teacher-dashboard__playlist-entry--tried {
    background: white; }
  .responsive-layout .teacher-dashboard__playlist-entry--no-strategies {
    background: #eeeeee; }
  .responsive-layout .teacher-dashboard__entry-strategy,
  .responsive-layout .teacher-dashboard__entry-challenge--no-strategies {
    white-space: normal;
    overflow: hidden;
    display: block;
    max-height: 40px; }
  .responsive-layout .teacher-dashboard__entry-challenge {
    white-space: normal;
    overflow: hidden;
    display: block;
    max-height: 32px; }
  .responsive-layout .teacher-dashboard__entry-strategy--tried {
    margin-bottom: 0; }
  .responsive-layout .teacher-dashboard__entry-challenge--date-exists {
    margin-right: 0; }
  .responsive-layout .teacher-dashboard__entry-strategy {
    font-size: 16px;
    font-family: MuseoSans-500, Helvetica, sans-serif;
    padding-bottom: 0;
    line-height: 20px; }
  .responsive-layout .teacher-dashboard__entry-challenge {
    font-size: 13px;
    font-family: MuseoSans-500, Helvetica, sans-serif;
    color: #424d54;
    line-height: 16px;
    width: 100%;
    margin: 8px 0 8px; }
  .responsive-layout .teacher-dashboard__playlist-entry--in-progress {
    background: #d2effb;
    min-height: 60px; }
  .responsive-layout .teacher-dashboard__entry-challenge--no-strategies {
    font-size: 16px;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    margin-top: 0; }
  .responsive-layout .teacher-dashboard__playlist-details {
    width: 100%;
    padding: 0 6rem 0 2.7rem;
    line-height: 20px; }
  .responsive-layout .teacher-dashboard__playlist-details--in-progress {
    padding-right: 6.5rem;
    padding: 0 6.5rem 0 2.7rem; }
  .responsive-layout .teacher-dashboard__playlist-details--tried {
    padding-right: 1.3rem; }
  .responsive-layout .teacher-dashboard__inactive-challenge-text {
    padding-right: 130px; }
  .responsive-layout .teacher-dashboard__challenge-text {
    max-height: 40px;
    overflow: hidden;
    display: block; }
  .responsive-layout .teacher-dashboard__playlist-link {
    margin-top: 0;
    width: 100%;
    float: left; }
    .responsive-layout .teacher-dashboard__playlist-link a {
      color: #1b7ee0;
      right: 0.65rem;
      font-size: 12px;
      padding-top: 0;
      float: left;
      line-height: 12px; }
  .responsive-layout .teacher-dashboard__completed-links {
    margin-top: 8px; }
  .responsive-layout .teacher-dashboard__playlist-in-progress {
    margin-top: -28px; }
  .responsive-layout .teacher-dashboard__playlist-link--in-progress {
    width: auto;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px; }
  .responsive-layout .teacher-dashboard__playlist-link--pinned {
    width: auto;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px; }
  .responsive-layout .teacher-dashboard__activate-challenge {
    margin-top: -8px;
    padding-top: 0; }
  .responsive-layout .teacher-dashboard__playlist-again-caption {
    float: none;
    padding: 0;
    position: absolute;
    top: 45%; }
  .responsive-layout .teacher-dashboard__playlist-again-arrow {
    float: left;
    margin-left: -4px;
    margin-right: -12px;
    font-size: 34px; }
  .responsive-layout .tml-step--v2dashboard.tml-step--teach,
  .responsive-layout .tml-step--v2dashboard.tml-step--measure,
  .responsive-layout .tml-step--v2dashboard.tml-step--learn {
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 8px;
    margin-top: 0; }
    .responsive-layout .tml-step--v2dashboard.tml-step--teach .tml-step-icon,
    .responsive-layout .tml-step--v2dashboard.tml-step--measure .tml-step-icon,
    .responsive-layout .tml-step--v2dashboard.tml-step--learn .tml-step-icon {
      font-size: 27px;
      padding-top: 6px; }
    .responsive-layout .tml-step--v2dashboard.tml-step--teach .tml-step-caption,
    .responsive-layout .tml-step--v2dashboard.tml-step--measure .tml-step-caption,
    .responsive-layout .tml-step--v2dashboard.tml-step--learn .tml-step-caption {
      font-size: 12px;
      font-family: MuseoSans-700, Helvetica, sans-serif;
      margin-top: 8px;
      text-transform: uppercase;
      margin-top: 12px; }
  .responsive-layout .tml-step-caption--measure {
    margin-left: -9px; }
  .responsive-layout .teacher-dashboard__playlist-again-arrow--tried {
    float: left;
    margin-top: 0; }
  .responsive-layout .teacher-dashboard__playlist-tried-handle {
    width: 100%;
    height: 26px;
    text-transform: uppercase;
    font-family: MuseoSans-500, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 26px;
    color: #a8a6a0;
    background: #eeeeee;
    border-top: 1px solid #dbdad7;
    border-bottom: none;
    text-align: center; }
  .responsive-layout .teacher-dashboard__playlist-tried-content {
    margin: 0 auto;
    display: inline-block; }
    .responsive-layout .teacher-dashboard__playlist-tried-content:after {
      content: '';
      clear: both;
      display: block; }
  .responsive-layout .teacher-dashboard__playlist-tried-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 9px;
    float: left; }
  .responsive-layout .teacher-dashboard__playlist-tried-caption {
    float: left;
    padding: 0 10px; }
  .responsive-layout .teacher__move-handle {
    font-size: 24px;
    padding: 0 1.3rem 0 0.65rem;
    color: #DBDAD7;
    cursor: move;
    width: 30px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 1; }
  .responsive-layout .teacher-dashboard__entry-artifact-count {
    float: left;
    font-style: normal;
    padding-right: 12px;
    border-right: 1px solid #dbdad7;
    margin-right: 12px; }
  .responsive-layout .teacher-dashboard__completed-declaration {
    display: inline-block !important;
    margin: 0 5px 0 0; }
  .responsive-layout .teacher-dashboard__entry-date {
    margin-right: 5px;
    width: auto;
    font-size: 12px;
    font-family: MuseoSans-300, Helvetica, sans-serif;
    line-height: 14px;
    text-transform: capitalize; }
  .responsive-layout .teacher-dashboard__completed-check {
    margin-top: 0; }
  .responsive-layout .teacher-dashboard__again-icon {
    padding-top: 0; }
  .responsive-layout .teacher-dashboard__completed-caption {
    line-height: 14px; }
  .responsive-layout .teacher-dashboard__no-content-nav-description {
    padding: 16px 0 0;
    font-size: 11px;
    font-family: MuseoSans-500, Helvetica, sans-serif; } }

@media only screen and (max-width: 48em) {
  .responsive-layout .growth-map-edit__header {
    padding: 0.65rem 0 0; }
  .responsive-layout .growth-map-edit__border-container {
    padding: 0; }
  .responsive-layout .growth-map-edit__sga-icon {
    font-size: 40px; }
  .responsive-layout .growth-map-edit__handle {
    font-size: 32px; }
  .responsive-layout .growth-map-edit__headline {
    margin-top: 60px;
    font-size: 28px;
    padding: 0 1.3rem; }
  .responsive-layout .growth-map-edit__intro {
    margin-top: 8px;
    padding: 0 1.3rem; }
  .responsive-layout .growth-map-edit__subheadline {
    padding: 10px 1.3rem 14px; }
    .responsive-layout .growth-map-edit__subheadline.fixed {
      position: fixed;
      top: 50px;
      width: 100%;
      background: white;
      z-index: 1; }
  .responsive-layout .growth-map-edit__back {
    margin-left: 14px; }
  .responsive-layout .growth-map__link {
    font-size: 13px;
    padding: 0; }
  .responsive-layout .growth-map-edit__back-caption {
    padding: 4px 0 0 0; }
  .responsive-layout .growth-map-edit__back {
    margin-top: 2px; }
  .responsive-layout .growth-map__link--edit {
    margin-right: 20px;
    margin-top: -4px; }
    .responsive-layout .growth-map__link--edit .done-editing {
      line-height: 16px;
      margin-top: -4px; }
  .responsive-layout .growth-map-edit__ul {
    padding: 0; }
  .responsive-layout .growth-map-edit__li {
    padding: 8px 0 0;
    width: 100% !important; }
  .responsive-layout .growth-map-edit__challenge-sga {
    padding: 12px 1.3rem 0.65rem; }
  .responsive-layout .growth-map-edit__border {
    padding-top: 6px; }
  .responsive-layout li.growth-map-edit__li:first-of-type {
    padding-top: 8px; }
  .responsive-layout .modal--confirm-remove {
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
    margin-top: 52px !important;
    top: 0;
    bottom: 0;
    z-index: 3; }
    .responsive-layout .modal--confirm-remove .modal__close {
      margin-top: 0; }
    .responsive-layout .modal--confirm-remove .unpin-dialogue__headline {
      padding: 56px 20px 26px;
      font-size: 22px; }
    .responsive-layout .modal--confirm-remove .unpin-dialogue__button {
      height: 30px;
      padding: 0 20px;
      font-size: 14px;
      line-height: 30px;
      margin-bottom: 10px; }
  .responsive-layout .growth-map__lists {
    display: inline-block;
    width: 100%; }
    .responsive-layout .growth-map__lists.fixed-actions {
      padding-top: 50px; }
  .responsive-layout .growth-map-edit__challenge-sga.fixed-actions {
    padding-top: 65px; }
  .responsive-layout .modal__page-overlay--grey {
    z-index: 3; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /****** Terms of Service Page ******/ }
    .responsive-layout .terms__headline {
      margin-top: 4rem; } }

/****** wide strategy capsule ******/
@media only screen and (max-width: 48em) {
  .responsive-layout .wide-capsule-v2,
  .responsive-layout .wide-meta-capsule-v2,
  .responsive-layout .id-wide-capsule-v2 {
    border: 0;
    border-bottom: 1px solid #c2c0ba;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0; }
    .responsive-layout .wide-capsule-v2:hover,
    .responsive-layout .wide-meta-capsule-v2:hover,
    .responsive-layout .id-wide-capsule-v2:hover {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  .responsive-layout .wide-meta-capsule-v2 {
    padding: 1.3rem; }
  .responsive-layout .wide-meta-capsule-v2__strategy-count {
    margin-top: 0.65rem; }
  .responsive-layout .wide-capsule-v2__text,
  .responsive-layout .id-wide-capsule-v2__text {
    border-right: 0;
    margin-right: 0;
    padding: 0;
    border: 0;
    width: 100%; }
  .responsive-layout .wide-capsule-v2__text--border-left {
    padding-left: 3.25rem; }
  .responsive-layout .wide-capsule-v2__text-container {
    position: relative;
    padding-left: 1.3rem; }
  .responsive-layout .wide-capsule-v2__content {
    padding: 1.3rem 0.65rem 1.3rem 0; }
  .responsive-layout .wide-meta-capsule-v2__content {
    padding: 0; }
  .responsive-layout .browser-v2__challenge-strategies-container,
  .responsive-layout .browser-v2__meta-strategies-container {
    margin-left: 0rem !important; }
  .responsive-layout .wide-capsule-v2__user-actions {
    position: absolute;
    width: auto;
    height: 85%; }
  .responsive-layout .wide-capsule-v2__user-action-icon {
    margin: 0 1.3rem 0 0.65rem; }
    .responsive-layout .wide-capsule-v2__user-action-icon:first-of-type {
      margin-bottom: 50px; }
  .responsive-layout .wide-capsule-v2__body, .responsive-layout .id-wide-capsule-v2__body {
    height: auto; }
  .responsive-layout .wide-capsule-v2__strategy-name-mobile {
    margin: 1.3rem 0 0; }
  .responsive-layout .strategy__vertical-alignment--wide-capsule {
    position: absolute;
    top: -4px; }
  .responsive-layout .wide-capsule-v2__icon-label {
    padding-left: 30px;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-family: MuseoSans-500, Helvetica, sans-serif; }
  .responsive-layout .strategy__vertical-alignment--v2 {
    position: relative; }
  .responsive-layout .browser-v2__custom-strategy-link {
    float: left;
    border-left: 0;
    margin: 0;
    padding: 0; }
  .responsive-layout .strategy-v2__grade-filter--mobile {
    padding-bottom: 0.65rem; }
  .responsive-layout .tc__back-caption--icon {
    font-size: 32px; }
  .responsive-layout .wide-meta-capsule-v2__text {
    padding: 0; }
  .responsive-layout .browser-v2__challenge-container {
    padding-bottom: 0.13rem;
    padding-top: 1.04rem; }
  .responsive-layout .wide-capsule-v2__actions-border {
    border-left: 1px solid #c2c0ba;
    height: 100%;
    position: absolute;
    left: 0; } }

/****** Wide Meta Strategy Capsule for teachcycle V2 (Used for Instructional Design challenges) ******/
.wide-meta-capsule-v2 {
  margin-bottom: 14px;
  border: 1px solid #c2c0ba;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.wide-meta-capsule-v2__content {
  padding: 30px;
  float: left; }

.wide-meta-capsule-v2__text {
  padding: 0 30px 0 0; }

.wide-meta-capsule-v2__headline {
  padding-bottom: 15px;
  font-size: 18px;
  font-family: "Circular Bold", Helvetica, sans-serif; }

.wide-meta-capsule-v2__body {
  overflow: hidden;
  position: relative; }

.wide-meta-capsule-v2__details {
  padding: 0 0 0 30px;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.wide-meta-capsule-v2__detail {
  margin-top: 12px; }

.wide-meta-capsule-v2__strategy-count {
  margin-top: 20px; }

.wide-meta-capsule-v2__strategy-count-link {
  color: #1b7ee0;
  font-weight: bold; }

@media only screen and (max-width: 48em) {
  .responsive-layout .m-coach-dashboard {
    margin-top: 5.2rem;
    line-height: 1.3rem; }
  .responsive-layout .m-coach-dashboard__headline {
    padding: 0 1.3rem;
    text-align: center;
    font-size: 24px;
    margin-bottom: 1.3rem; }
  .responsive-layout .m-coach-participant {
    font-size: 16px;
    font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
    padding: 1.625rem 1.3rem;
    background: white; }
    .responsive-layout .m-coach-participant:nth-child(odd) {
      background: #f9f9f9; }
  .responsive-layout .m-coach-participant__name {
    font-size: 20px;
    padding-top: 1.04rem;
    border-top: 1px solid #d4d6d9; }
  .responsive-layout .m-coach-participant__row {
    margin-top: 1.3rem; }
    .responsive-layout .m-coach-participant__row .ppd-3-coach__icon {
      padding-right: 5.85rem;
      margin: 0 0 0.3rem; }
      .responsive-layout .m-coach-participant__row .ppd-3-coach__icon:last-of-type {
        padding-right: 0; }
  .responsive-layout .m-coach-participant__declaration {
    font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif;
    padding-right: 0.325rem; }
  .responsive-layout .m-coach-participant__declaration--actions {
    margin-bottom: 1.3rem; }
  .responsive-layout .m-coach-participant__outcome {
    margin-top: 1.04rem;
    display: block; }
    .responsive-layout .m-coach-participant__outcome:first-of-type {
      margin-top: 0;
      display: inline; } }

.cd-discovery-capsule-text {
  border-right: 0;
  width: 94%;
  padding-right: 0; }

.cd-domains__domain-title-container {
  padding: 0 0.65rem; }

.cd__title {
  font-size: 28px;
  line-height: 34px; }

.cd__title--container {
  margin-top: 0; }

.cd-strategy__detail-value {
  font-family: "Circular Book", Helvetica, sans-serif; }

.cd-strategy__si-indicator,
.cd-strategy__create-modification-cta .tc__link,
.cd-strategy__artifact-title .tc__link,
.cd-strategy__detail-value .tc__link,
.cd-modification .tc__link {
  color: #1A7CD9; }

/****** breadcrumbs ******/
.cd__breadcrumbs-wrap-row {
  position: relative;
  min-height: 3rem; }

.browser-v2__crumb--cd {
  max-width: 10000px;
  overflow: visible;
  line-height: 18px;
  border-right: 0;
  padding-right: 0;
  margin-right: 12px;
  font-size: 12px;
  font-family: "Circular Book", Helvetica, sans-serif; }
  .browser-v2__crumb--cd:after {
    content: "\E605";
    font-family: 'teach-cycle-icons';
    color: #a8a6a0;
    padding-left: 12px; }

.cd__search-active .browser-v2__crumb--cd {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  pointer-events: none; }

.browser-v2__crumb--cd:last-of-type:after {
  content: ''; }

.browser-v2__crumb--cd a.browser-v2__crumb-link:hover {
  color: #1b7ee0; }

.browser-v2__crumb--indicator {
  margin-top: 4px;
  clear: both; }

/***** domain links ******/
.cd-domain_link-row {
  position: relative; }

.cd-domain_link-mask {
  overflow: hidden;
  height: 145px;
  padding: 0; }

.cd-domain_link-container {
  height: 130px;
  width: 10000px; }
  .cd-domain_link-container:after {
    content: '';
    clear: both; }

.cd-domain-discovery__link {
  float: left;
  cursor: pointer;
  color: #124e93;
  border-bottom: 8px solid white;
  height: 145px;
  width: 195px; }
  .cd-domain-discovery__link:hover .cd-domain-discovery__link-icon-caption {
    text-decoration: underline; }
  .cd-domain-discovery__link.active {
    border-color: #0AABB1; }
    .cd-domain-discovery__link.active .cd-domain-discovery__link-icon-caption {
      color: #0AABB1;
      font-family: MuseoSans-900, Helvetica, sans-serif; }
    .cd-domain-discovery__link.active .cd-domain-discovery__link-icon {
      color: #0AABB1; }

.cd-domain-discovery__link--mobile {
  float: none;
  margin: 0 auto; }
  .cd-domain-discovery__link--mobile:hover .cd-domain-discovery__link-icon-caption {
    text-decoration: none; }

.cd-domain-discovery__link-icon-caption {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 14px; }

.cd-domain-discovery__link-icon {
  color: #124e93;
  text-align: center;
  font-size: 68px;
  margin-bottom: 12px; }

/****** discovery arrow ******/
.cd__arrow-container {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  height: 70px; }

.cd__arrow {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  font-size: 70px;
  cursor: pointer;
  color: #1A7CD9; }
  .cd__arrow:hover {
    color: #124e93; }

.cd__arrow-container--prev {
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.cd__arrow-container--next {
  right: 0;
  margin-right: 8.3333333333333%; }

.cd__arrow-container--small {
  padding: 15px 0 30px;
  cursor: pointer; }
  .cd__arrow-container--small:hover {
    color: #1A7CD9; }

.cd__arrow--small {
  font-size: 20px;
  top: 0;
  margin-top: 18px; }
  .cd__arrow--small.cd__arrow--prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .cd__arrow--small.cd__arrow--next {
    right: 0; }

.cd__arrow-caption {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 17px; }

.cd__arrow-caption--prev {
  padding-left: 26px; }

.cd__arrow-caption--next {
  padding-right: 24px;
  text-align: right; }

/****** capsules ******/
.cd-domain-outcome {
  padding: 32px 50px 32px 30px; }

.cd-discovery-capsule__title,
.cd-discovery-capsule__count {
  float: left;
  padding-bottom: 0; }

.cd-discovery-capsule__title {
  width: 85%; }

.cd-discovery-capsule__count {
  font-size: 16px;
  color: #1A7CD9; }

.cd-domain-discovery__count {
  width: 15%;
  padding-left: 30px; }

.cd-domains__outcome-wrapper {
  width: 100%;
  background: #E8E8E8;
  padding-top: 20px;
  box-sizing: content-box; }

.cd-outcome-discovery__header {
  position: relative; }

.cd__header-discovery__outcome-declaration {
  color: #0AABB1;
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 18px;
  padding-top: 30px; }

.cd-outcome__create-indicator-container {
  border-top: 1px solid #dbdad7;
  padding-top: 20px;
  text-align: center; }
  .cd-outcome__create-indicator-container .tc__link {
    color: #1A7CD9; }

.cd-domain-discovery__icon {
  color: #0AABB1;
  text-align: center;
  font-size: 65px;
  margin: 15px 0; }

.cd-domain-indicator h2,
.cd-domain-outcome h2 {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px; }

.cd__outcome-indicator-declaration {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 20px;
  padding-bottom: 5px; }

/*** Modification capsules ***/
.cd-modification-capsule-detail-row {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 8px;
  padding: 0; }

.cd-modification-capsule {
  padding: 25px 8px 25px; }

.cd-modification-capsule__actions {
  width: 20px;
  margin: -10px 20px 0 20px; }

.cd-discovery-modification-capsule-text {
  border-right: 0;
  width: 94%;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5px; }

.cd-discovery-modification-capsule-title {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase; }

.cd-discovery-modification-capsule-description {
  min-height: 20px; }

.cd-discovery-modification-capsule-v2__pin-caption {
  float: left; }

.cd-discovery-modification-capsule-v2__user-actions {
  padding-right: 0;
  margin-top: 25px;
  text-align: center; }

.cd-discovery-modification-capsule-v2__user-action {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 18px;
  color: #176bbf;
  cursor: pointer;
  text-decoration: none; }

.cd-discovery-modification-capsule-v2__user-action-icon {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  color: #a8a6a0;
  font-size: 21px; }
  .cd-discovery-modification-capsule-v2__user-action-icon:hover {
    color: #1b7ee0; }
  .cd-discovery-modification-capsule-v2__user-action-icon.tc-note {
    margin-top: 14px;
    margin-bottom: 0; }

.cd__pin-icon.cd-discovery-modification-capsule-v2__user-action-icon--active,
.cd__note-icon.cd-discovery-modification-capsule-v2__user-action-icon--active {
  color: #F4AB2A; }
  .cd__pin-icon.cd-discovery-modification-capsule-v2__user-action-icon--active .si-v2__note-count,
  .cd__note-icon.cd-discovery-modification-capsule-v2__user-action-icon--active .si-v2__note-count {
    background: #F4AB2A; }

.cd-discovery-modification-capsule-v2__note-count {
  position: absolute;
  top: 0;
  right: 0;
  background: #f69124;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  width: 13px;
  height: 13px;
  margin-top: -5px;
  margin-right: -5px;
  text-align: center;
  line-height: 13px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 10px; }

.cd-discovery-modification-capsule-v2__note-count--large {
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin-top: -10px;
  margin-right: -9px; }

.cd-discovery-modification-capsule-v2__note-count--very-large {
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin-top: -15px;
  margin-right: -12px; }

.cd-discovery-modification-capsule-v2__teaching-challenge-name {
  border-top: 1px solid #d7d7d7;
  margin-top: 12px;
  padding-top: 12px;
  padding-bottom: 0; }

.cd-discovery-modification-capsule-v2__challenge-state {
  font-size: 12px;
  line-height: 16px;
  vertical-align: text-bottom;
  margin-left: 10px; }
  .cd-discovery-modification-capsule-v2__challenge-state .browser-v2__challenge-state-icon {
    margin-right: 5px; }
  .cd-discovery-modification-capsule-v2__challenge-state .tc-playlist-add, .cd-discovery-modification-capsule-v2__challenge-state .tc-playlist-play {
    margin-top: 2px; }

/****** cd action icons ******/
.cd__pin-icon,
.cd__note-icon {
  color: #1A7CD9; }

.cd__pin-icon {
  margin: 30px 0; }

.cd__note-icon {
  margin-top: 30px; }

.cd__pin-icon.wide-capsule-v2__user-action-icon--active,
.cd__note-icon.si-v2__user-action-icon--active {
  color: #f69124; }
  .cd__pin-icon.wide-capsule-v2__user-action-icon--active .si-v2__note-count,
  .cd__note-icon.si-v2__user-action-icon--active .si-v2__note-count {
    background: #F4AB2A; }

.cd__pin-icon.tc-pin-fill:hover {
  cursor: default; }

/****** modals ******/
.ppd-v3-content-discovery-modal {
  top: 4%;
  width: 700px;
  max-height: 95%;
  overflow-y: auto; }

.ppd-v3-content-discovery-modal--custom-strategy {
  top: 1%;
  max-height: 98%; }

.cd-indicator__header-caption {
  padding-top: 12px;
  color: #0AABB1;
  font-family: "Circular Book", Helvetica, sans-serif; }

.cd__header {
  margin-top: 12px;
  margin-bottom: 0; }

.cd__header--indicator {
  margin-top: 5px;
  margin-bottom: 0;
  font-family: "Circular Book", Helvetica, sans-serif; }

.cd-indicator__create-strategy-container {
  border-top: 1px solid #dbdad7;
  padding-top: 20px; }
  .cd-indicator__create-strategy-container .tc__link {
    color: #1A7CD9; }

.cd__cancel-link {
  display: block; }

.cd-indicator__create-strategy-caption {
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin-right: 12px; }

/****** strategy capsule ******/
.cd-indicator-strategy__recomended {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -15px;
  margin-left: -15px;
  color: #f69124;
  font-family: MuseoSans-900, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  background: white;
  border: 2px solid #f69124;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.cd-indicator-strategy__recomended-text {
  color: #f69124;
  font-size: 13px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 5px; }

.cd__capsule-headline {
  padding-bottom: 10px; }

.cd-indicator-strategy--ett {
  border: 1px solid #8ba911; }

.cd-discovery-capsule__ett-flag {
  margin-bottom: 10px;
  color: white;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  background: #8ba911;
  padding: 0 5px;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.5px;
  display: inline-block;
  position: relative; }
  .cd-discovery-capsule__ett-flag:after {
    content: "\E611";
    font-family: 'teach-cycle-icons';
    color: #8ba911;
    font-size: 18px;
    position: absolute;
    right: -12px; }

.cd-indicator-strategy__image {
  width: 220px; }
  .cd-indicator-strategy__image.scale-to-width {
    width: 220px; }
  .cd-indicator-strategy__image.scale-to-height {
    height: 165px;
    width: auto; }

.cd-indicator-strategy__image-mask {
  width: 220px;
  height: 165px;
  overflow: hidden; }

.cd-indicator-strategy__image {
  width: 220px;
  height: 165px;
  background: #dbdad7;
  line-height: 165px;
  text-align: center;
  position: relative; }

.cd-indicator-strategy__image-mask {
  position: relative;
  background: #dbdad7; }

.cd__no-content {
  text-align: center;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 26px;
  margin: 80px 0; }

.cd-discovery-capsule__title a:hover {
  color: #1A7CD9; }

.tc__capsule--hoverable.cd-domain-outcome:hover .tc__capsule-headline a,
.tc__capsule--hoverable.cd-domain-indicator:hover .tc__capsule-headline a,
.tc__capsule--hoverable.cd-indicator-strategy:hover .tc__capsule-headline a {
  color: #1A7CD9; }

.participant__notes-input-container {
  margin-bottom: 1.3rem; }

.cd__multiselect-container {
  margin-bottom: 15px;
  position: relative;
  float: left;
  clear: both;
  width: 100%; }

.cd__submit {
  float: left;
  width: 100%;
  clear: both;
  text-align: center; }
  .cd__submit .tc__btn.tc__btn--flat-blue {
    display: inline;
    float: none;
    margin-right: 20px; }
  .cd__submit .cd__cancel-link {
    display: inline; }

.custom-select__selected-options--selected .tc__input--custom-single-select {
  display: none;
  margin: 0; }

.custom-select__selected--single-select {
  position: relative;
  padding-right: 30px;
  background: #d2effb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .custom-select__selected--single-select .custom-select__selected-remove {
    position: absolute;
    top: 8px;
    right: 8px; }

/****** Mobile Styles ******/
@media only screen and (max-width: 48em) {
  .responsive-layout .cd__breadcrumbs-wrap {
    padding-top: 52px;
    border-bottom: 0;
    min-height: 3rem; }
  .responsive-layout .cd__header {
    font-size: 24px; }
  .responsive-layout .cd__arrow {
    font-size: 40px;
    margin-top: -20px; }
  .responsive-layout .cd__arrow--small {
    font-size: 20px;
    margin-top: 14px; }
  .responsive-layout .cd-domain-indicator {
    padding: 20px 20px; }
  .responsive-layout .cd-discovery-capsule__title {
    width: 100%; }
  .responsive-layout .cd-discovery-capsule__count {
    margin-top: 10px; }
  .responsive-layout .cd__arrow-container--next {
    margin-right: 1.3rem; }
  .responsive-layout .cd__arrow-container--prev {
    margin-left: 1.3rem; }
  .responsive-layout .cd-domains__outcome-wrapper {
    padding-top: 0; }
  .responsive-layout .cd-indicator-strategy {
    padding: 0 0.65rem; }
  .responsive-layout .cd-indicator-strategy .cd__note-icon,
  .responsive-layout .cd-indicator-strategy .cd__pin-icon {
    margin: 0 1.3rem 0 0.375rem;
    float: left; }
  .responsive-layout .cd-indicator-strategy .cd__note-icon {
    margin-top: 1.3rem; }
  .responsive-layout .cd-indicator-strategy .cd__pin-icon {
    margin-left: 0.55rem; }
  .responsive-layout .cd__header--indicator {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 0.65rem; }
  .responsive-layout .cd-indicator__create-strategy-container {
    border-bottom: 1px solid #dbdad7; }
  .responsive-layout .cd__breadcrumbs-wrap-row {
    min-height: 3rem;
    border-bottom: 1px solid #dbdad7; }
  .responsive-layout .cd-search__domain-row {
    border-bottom: 0;
    margin-top: 50px; }
  .responsive-layout .cd-outcome__create-indicator-container {
    border-top: 0; }
  .responsive-layout .si-v2__user-actions--mobile {
    padding-top: 0; }
    .responsive-layout .si-v2__user-actions--mobile .cd__pin-icon {
      margin-bottom: 1.3rem; }
  .responsive-layout .coach-pin__form {
    width: 100%; }
  .responsive-layout .cd__breadcrumbs-wrap {
    height: auto; }
  .responsive-layout .cd__breadcrumbs--mobile {
    padding-right: 2rem;
    min-height: 3rem; }
    .responsive-layout .cd__breadcrumbs--mobile .tc__back-arrow {
      top: 50%;
      margin-top: -0.65rem;
      text-decoration: none; }
      .responsive-layout .cd__breadcrumbs--mobile .tc__back-arrow:hover {
        text-decoration: none; }
  .responsive-layout .cd__search-active .tc__back-arrow {
    color: #dbdad7; }
  .responsive-layout .browser-v2__crumb--cd {
    width: 100%;
    padding-right: 2rem;
    padding-left: 1rem;
    white-space: initial; }
  .responsive-layout .cd-search__wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; }
  .responsive-layout .cd-search {
    position: absolute;
    top: 50%;
    margin-top: -0.65rem;
    right: 0.65rem; }
  .responsive-layout .cd-search__icon {
    margin-top: 0; }
  .responsive-layout .cd-search__opened-container {
    padding: 0 1.3rem;
    height: 100%; }
  .responsive-layout .tc__input.cd-search__custom-select {
    margin: 0;
    position: absolute;
    left: 1.3rem;
    right: 1.3rem;
    top: 50%;
    margin-top: -16px; }
  .responsive-layout .browser-v2__crumb--cd {
    font-size: 14px;
    margin-top: 4px;
    max-height: 38px;
    overflow: hidden; }
  .responsive-layout .cd-domain-indicator:first-of-type {
    border-top: 1px solid #c2c0ba; }
  .responsive-layout .cd__capsule-headline {
    line-height: 24px; }
  .responsive-layout .cd-pin__submit {
    margin-top: 0; }
  .responsive-layout .ppd-v3-content-discovery-modal,
  .responsive-layout .ppd-v3-content-discovery-modal--custom-strategy {
    max-height: 100%;
    padding-bottom: 50px; }
  .responsive-layout .cd-pin__modification-description-caption {
    font-family: MuseoSans-500, Helvetica, sans-serif; }
  .responsive-layout .coach-pin__multiselect-container:last-of-type {
    margin-bottom: 10px; }
  .responsive-layout .participant__notes-caption {
    text-align: left;
    font-family: MuseoSans-500, Helvetica, sans-serif; }
  .responsive-layout .participant__notes-form {
    padding: 0 1.3rem; }
  .responsive-layout .cd-domain_link-row {
    border-bottom: 1px solid #c2c0ba; }
  .responsive-layout .cd-outcome-discovery__header {
    padding-bottom: 0.65rem; }
  .responsive-layout .ppd-v3-content-discovery-modal .tc__btn {
    margin-top: 1.95rem;
    margin-bottom: 1.5rem; }
  .responsive-layout .participant__notes-form .tc__btn,
  .responsive-layout .tc__btn.tc__btn--custom-strategy,
  .responsive-layout .participant__notes-input-container {
    margin-top: 0.65rem; }
  .responsive-layout .tc__btn.tc__btn--different-indicator {
    margin-top: 0.65rem; }
  .responsive-layout .cd__submit .tc__btn.tc__btn--flat-blue {
    display: block;
    float: none;
    margin: 0 auto 20px; }
  .responsive-layout .cd__submit .cd__cancel-link {
    display: block; } }

/****** search ******/
.cd-search__filter-button {
  background: #176bbf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(157, 150, 150, 0.05);
  -moz-box-shadow: rgba(157, 150, 150, 0.05);
  box-shadow: rgba(157, 150, 150, 0.05);
  border: 0; }

.tc__btn--cd-filter {
  float: left; }

.cd-search__filters-row {
  padding-right: 0; }

.cd-search {
  display: inline-block;
  float: right;
  cursor: pointer; }

.cd-search__input-row {
  border-bottom: 1px solid #dbdad7;
  padding: 20px 0; }

.cd-search__domain-row {
  height: 60px; }

.cd-search__icon {
  font-size: 18px; }
  .cd-search__icon:hover {
    text-decoration: none; }

.cd-search__caption {
  margin: 4px 12px 0 0;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 14px; }
  .cd-search__caption:hover {
    text-decoration: none; }

.cd-search__opened-container {
  position: absolute;
  right: 0;
  padding: 0; }

.cd-search__opened-button {
  width: 58px;
  background-color: #124e93;
  border: 1px solid #124e93;
  color: white;
  text-align: center;
  height: 32px;
  line-height: 32px;
  margin-top: -1px;
  margin-right: -12px;
  right: 0;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  box-sizing: content-box; }
  .cd-search__opened-button:hover {
    text-decoration: none;
    color: white; }

.cd-search__custom-select input::-webkit-input-placeholder {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 20px;
  color: #1b7ee0;
  padding-top: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

.cd-search__custom-select input:-moz-placeholder {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 20px;
  color: #1b7ee0;
  padding-top: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

.cd-search__custom-select input:-ms-input-placeholder {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 20px;
  color: #1b7ee0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

.cd-search__options {
  margin-top: 0;
  border: 1px solid #dbdad7;
  border-top: 1px solid #176bbf; }

.cd-search__results-message {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px; }

.cd-search__select-option {
  border-bottom: 1px solid #dbdad7;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 10px; }
  .cd-search__select-option:last-of-type {
    border-bottom: 0; }

.cd-search__keyword {
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.tc__input.cd-search__custom-select {
  margin: 8px 10px 0 0;
  min-height: 34px;
  height: 34px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #124e93;
  padding: 0; }

.tc__input.cd-search__custom-select input {
  padding-left: 20px;
  padding-right: 60px; }

.cd-search__result-count {
  color: #f2993b; }

.cd-search__result-keyword {
  font-family: "Aktiv Grotesk Italic", Helvetica, sans-serif;
  font-style: italic; }

.cd-search__sort {
  text-align: right; }

.cd-indicator__create-strategy-container {
  border-top: 1px solid #dbdad7;
  padding-top: 10px; }

.cd-search__opened-container--results {
  position: relative;
  margin-bottom: 15px; }

/****** Search Filters ******/
.ppd-v3-content-discovery-modal--filters {
  width: 100%;
  max-width: 5000px;
  text-align: left;
  box-sizing: content-box;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  background: white;
  top: 86px;
  position: fixed;
  z-index: 3;
  height: 100%;
  padding-top: 50px;
  max-height: 100%;
  overflow: auto; }

.cd-filters__container {
  width: 1170px;
  display: block;
  margin: 0 auto;
  background: white; }
  .cd-filters__container:after {
    content: '';
    clear: both;
    display: block; }

.cd-filters__category {
  padding: 25px 0 0;
  border-bottom: 1px solid #dbdad7; }

.cd-filters__category--domains {
  padding-bottom: 20px; }

.cd-filters__category-label {
  float: left;
  width: 16.666%;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px;
  padding-right: 20px;
  text-transform: uppercase;
  line-height: 25px; }

.cd-filters__category-options {
  float: left;
  width: 83.333%; }

.cd-filters__domain-options--domains .cd-filters__category-option {
  width: 33.333%; }

.cd-filters__category--outcomes .cd-filters__category-option {
  width: 33.333%;
  height: 100px; }

.cd-filters__category-option {
  float: left;
  width: 20%;
  padding-bottom: 25px;
  line-height: 22px;
  padding-right: 15px;
  position: relative; }

.cd-filters__category-option-checkbox {
  position: absolute;
  margin-left: 2px; }

.cd-filters__category-option-label {
  padding-left: 22px; }
  .cd-filters__category-option-label label {
    padding-right: 5px; }

.cd-filters__category-option--selected {
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }

.cd-filters__category--kip .cd-filters__category-option {
  width: 20%;
  height: 60px; }

.cd-filters__category--kip .cd-filters__category-option:nth-child(n+11) {
  display: none; }

.cd-filters__category--show-all .cd-filters__category-option:nth-child(n+11) {
  display: block; }

.cd-search__filter-button {
  float: left;
  margin: 10px 30px 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(157, 150, 150, 0.05);
  -moz-box-shadow: rgba(157, 150, 150, 0.05);
  box-shadow: rgba(157, 150, 150, 0.05);
  border: 0; }

.cd-search__sort-caption {
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  font-size: 14px; }

.cd-search__result-clear {
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  color: #1b7ee0;
  margin-left: 20px; }

.cd-search__filters,
.cd-filters__crumb {
  float: left; }
  .cd-search__filters:after,
  .cd-filters__crumb:after {
    content: '';
    clear: both; }

.cd-search__filters {
  float: right; }

.cd-filters__crumb {
  margin: 15px 30px 0 0; }
  .cd-filters__crumb:last-of-type {
    margin-right: 0; }

.cd-filters__crumb-remove {
  border: 1px solid #1b7ee0;
  background: white;
  color: #1b7ee0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  height: 18px;
  width: 18px;
  font-size: 12px;
  cursor: pointer; }
  .cd-filters__crumb-remove .tc-x {
    margin: 2px 0 0 2px; }

.cd-filters__crumb-label {
  float: left;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px;
  margin: 0 10px 0 0; }

.cd-filters__domain {
  float: left;
  width: 100%; }
  .cd-filters__domain:after {
    content: '';
    clear: both; }
  .cd-filters__domain .tc__link {
    margin-bottom: 10px;
    display: block; }

.cd-filters__domain-options {
  display: none; }

.cd-filters__domain--expanded .cd-filters__domain-options {
  display: block; }

.cd-filters__domain--expanded:last-of-type {
  margin-bottom: -20px; }

.cd-filters__category-link {
  float: left;
  clear: both;
  padding-bottom: 25px; }

.cd-filters__see-more {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 14px;
  color: #1b7ee0; }

.cd-search__filters-footer {
  padding-bottom: 175px; }
  .cd-search__filters-footer input {
    margin-right: 10px; }

/***** search singleselect ******/
.cd-search__opened-container--results .cd-search__opened-container {
  position: relative;
  width: 100%; }

@media only screen and (max-width: 48em) {
  .responsive-layout .cd-search__filters {
    float: left;
    width: 100%; }
  .responsive-layout .tc__btn--cd-filter {
    min-width: 110px; }
  .responsive-layout .cd-search__sort {
    text-align: left;
    padding: 0 0.65rem 1.3rem; }
  .responsive-layout .ppd-v3-content-discovery-modal--filters {
    top: 0; }
  .responsive-layout .cd-filters__container {
    width: 100%;
    padding: 3.9rem 1.3rem 2rem; }
  .responsive-layout .cd-filters__category-label,
  .responsive-layout .cd-filters__category-options,
  .responsive-layout .cd-filters__category-option {
    width: 100%; }
  .responsive-layout .cd-filters__category-label {
    position: relative; }
  .responsive-layout .cd-filters__category-expand-icon {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 28px;
    color: #1976d2;
    cursor: pointer; }
  .responsive-layout .cd-filters__category-options {
    padding: 1.3rem 0; }
    .responsive-layout .cd-filters__category-options.collapsed {
      padding-top: 0; }
      .responsive-layout .cd-filters__category-options.collapsed .cd-filters__category-option,
      .responsive-layout .cd-filters__category-options.collapsed .cd-filters__domain,
      .responsive-layout .cd-filters__category-options.collapsed .cd-filters__see-more {
        display: none; }
  .responsive-layout .cd-filters__category-option {
    padding-bottom: 0.65rem; }
  .responsive-layout .cd-filters__category--kip .cd-filters__category-option {
    height: auto; }
  .responsive-layout .ppd-v3-content-discovery-modal--filters {
    z-index: 10;
    padding-bottom: 0;
    padding-top: 0;
    top: 0; }
  .responsive-layout .cd-search__filters-mobile-header,
  .responsive-layout .cd-search__filters-mobile-footer {
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    width: 100%;
    height: 3.65rem;
    border-bottom: 1px solid #dbdad7;
    z-index: 100; }
  .responsive-layout .cd-search__filters-mobile-footer {
    border-bottom: 0;
    top: auto;
    bottom: 0;
    border-top: 1px solid #dbdad7;
    height: 2.6rem;
    line-height: 2.6rem; }
  .responsive-layout .cd-search__filters-mobile-caption {
    width: 70%;
    text-align: center;
    width: 100%;
    padding: 0 6.5rem;
    height: 3.65rem;
    line-height: 3.65rem;
    font-size: 21px; }
  .responsive-layout .cd-search__filters-mobile-cancel {
    position: absolute;
    text-align: left;
    left: 1.3rem;
    line-height: 0.65rem;
    height: 3.65rem;
    line-height: 3.65rem; }
  .responsive-layout .cd-search__filters-mobile-apply {
    text-align: right;
    position: absolute;
    right: 0.65rem;
    top: 0; }
  .responsive-layout .tc__btn--cd-filter,
  .responsive-layout .cd-filters__crumb {
    margin-right: 1.3rem; }
  .responsive-layout .cd-filters__crumb:first-of-type {
    float: left;
    clear: left; }
  .responsive-layout .cd-search__opened-container--results .cd-search__custom-select {
    position: relative;
    margin: 0;
    left: auto;
    right: auto; }
  .responsive-layout .cd-search__input-row {
    padding: 4.25rem 0 0; }
  .responsive-layout .cd-search__filters-mobile-footer label {
    padding-left: 0.375rem; }
  .responsive-layout .tc__btn--mobile-aply-filters {
    max-width: 5.2rem;
    min-width: 0; } }

/****** Modification Page ******/
.cd-strategy__head {
  padding-left: 1.3rem;
  padding-bottom: 25px;
  margin: 25px 0 20px;
  min-height: 140px; }
  .cd-strategy__head h1 {
    margin: 0; }

.cd-strategy__copy {
  margin-top: 8px; }
  .cd-strategy__copy.ckeditor__output {
    line-height: 20px; }

.cd-strategy__artifact-notes ul {
  list-style-position: inside; }
  .cd-strategy__artifact-notes ul p {
    display: inline; }

.cd-strategy__details {
  padding: 10px 0 20px;
  border-top: 1px solid #dbdad7;
  border-bottom: 1px solid #dbdad7;
  margin: 0 auto;
  line-height: 20px; }
  .cd-strategy__details:last-of-type {
    border-bottom: 0; }

.cd-strategy__detail {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  margin: 30px 0; }
  .cd-strategy__detail.ckeditor__output {
    line-height: 20px; }
  .cd-strategy__detail:last-of-type {
    margin-bottom: 0; }

.cd-strategy__details--outcomes {
  border-bottom: 0; }

.cd-strategy__detail--no-secondary-title .cd-strategy__artifact-notes {
  padding-top: 0; }

.cd-strategy__detail-declaration {
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin-right: 5px;
  line-height: 24px; }

.cp-modification__specialty-tag-container {
  margin-bottom: 20px; }
  .cp-modification__specialty-tag-container:last-of-type {
    margin-bottom: 0; }

.cp-modification__specialty-tag {
  color: white;
  background: #f54f12;
  border-radius: 25px;
  font-size: 13px;
  padding: 5px 10px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin-bottom: 10px;
  display: inline-block; }

.cp-modification__specialty-tag--ell {
  background: #9fbf1d; }

.cd-strategy__preview-container {
  margin-top: 30px; }

.cd-strategy__artifact-container {
  height: auto;
  padding-bottom: 20px;
  overflow: hidden; }
  .cd-strategy__artifact-container .strategy__readmore--artifact {
    margin-top: 4px; }

.cd-strategy__artifact-title {
  padding-top: 10px;
  display: inline-block;
  font-size: 18px; }
  .cd-strategy__artifact-title .artifact__title {
    max-width: 345px;
    overflow: hidden;
    text-overflow: ellipsis; }

.cd-strategy__artifact__preview-container {
  margin-bottom: 5px; }

.cd-strategy__image {
  width: 272px; }
  .cd-strategy__image.scale-to-width {
    width: 272px; }
  .cd-strategy__image.scale-to-height {
    height: 170px;
    width: auto; }

.cd-strategy__image-mask {
  width: 272px;
  height: 170px;
  overflow: hidden; }

.cd-strategy__image--none,
.cd-strategy__image-mask--none {
  width: 272px;
  height: 170px;
  background: #dbdad7;
  line-height: 220px;
  text-align: center;
  position: relative; }

.cd-strategy__artifact-image {
  width: 370px; }
  .cd-strategy__artifact-image.scale-to-width {
    width: 370px; }
  .cd-strategy__artifact-image.scale-to-height {
    height: 220px;
    width: auto; }

.cd-strategy__artifact-image-mask {
  width: 370px;
  height: 220px;
  overflow: hidden; }

.cd-strategy__artifact-image--none,
.cd-strategy__artifact-image-mask--none {
  width: 370px;
  height: 220px;
  background: #dbdad7;
  line-height: 220px;
  text-align: center;
  position: relative; }

.cd-modification {
  padding: 20px 20px 8px; }

.cd-strategy__detail-row {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 12px;
  padding: 0; }

.cd-strategy__si-modification {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-weight: normal; }

.cd-v3__user-action {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 18px;
  cursor: pointer;
  text-decoration: none; }

/****** create modification modal ******/
.cd__input-row,
.cd-coach-pin__description {
  position: relative;
  margin-bottom: 20px;
  display: inline-block; }

.coach-pin__multiselect-container .tc__error.tc__error--cd {
  bottom: -10px; }

.coach-pin__multiselect-container .tc__error.tc__error--cd--indicator {
  bottom: -10px;
  left: 0; }

.tc__error.tc__error--cd--server {
  position: relative;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-sizing: content-box;
  background: #cc441b;
  border: 1px solid #a62121;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 8px;
  min-width: 300px;
  display: inline-block;
  margin-bottom: 5px; }

.coach-pin__headline--cd {
  margin-top: 16px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.cd-coach-pin__notes {
  float: left;
  width: 648px; }

.cd__single-select {
  margin-bottom: 0;
  width: 608px; }

.cd__single-select--custom-strategy {
  width: 100%; }

.cd__single-select--indicator .custom-select__container,
.cd__single-select--indicator .custom-select {
  width: 645px; }

.cd-pin__submit {
  float: left;
  clear: both;
  margin: 25px auto 0;
  text-align: center;
  width: 100%; }

.cd-pin__label-sub-caption {
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px;
  width: 100%;
  float: left;
  margin-bottom: 15px;
  text-align: left; }

input.tc__input--cd {
  width: 648px;
  height: 50px;
  padding: 0 15px; }

.cd-pin__modification-description-container {
  text-align: left; }

cd-pin__modification-description-caption {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.cd-pin__modification-description-title {
  margin: 5px 0; }

.cd-pin__modification-description {
  text-align: left;
  margin-top: 16px; }

.cd-strategy__details-headline {
  margin-bottom: 20px; }

.cd-strategy__si-indicator-declaration {
  font-size: 18px;
  font-family: "Aktiv Grotesk Medium", Helvetica, sans-serif;
  float: left;
  padding-right: 5px; }

.cd-strategy__details-headline--artifacts {
  margin-top: 10px;
  margin-bottom: 0; }

.cd-strategy__details-headline--modifications {
  margin-bottom: 0; }

.cd-strategy__create-modification-cta {
  margin: 20px auto 40px; }

.cd-strategy__image-ett-flag {
  float: none;
  margin: 0 0 5px 0; }
  .cd-strategy__image-ett-flag:after {
    left: 90px; }

.cd-strategy__artifact-notes {
  width: 100%;
  line-height: 21px; }

.cd-strategy__si-outcome {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 6px;
  text-transform: uppercase; }

.cd-v3__user-action .cd__pin-icon,
.cd-indicator-strategy .cd__pin-icon {
  margin: 20px 0; }

.cd-indicator-strategy__copy {
  height: 140px;
  overflow: hidden;
  position: relative; }
  .cd-indicator-strategy__copy:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%); }

.cd-strategy__artifact__preview-container {
  cursor: pointer; }

.coach-pin__label--indicator {
  line-height: 26px;
  margin-bottom: 10px; }

.cd-strategy__outcome-modifications,
.cd-modification-capsule-container {
  padding: 0 0.65rem; }

.cd-strategy__outcome-modifications .tc__headline-5 {
  padding: 10px 0; }

.cd-strategy__outcome {
  padding: 20px 0;
  height: 100px; }
  .cd-strategy__outcome:after {
    content: '';
    clear: both;
    dispaly: block; }

.cd__strategy-outcome-row {
  border-bottom: 1px solid #CECECE;
  float: left;
  display: block;
  width: 100%; }

.cd-strategy__outcome-action {
  cursor: pointer;
  margin-right: 30px;
  float: left; }
  .cd-strategy__outcome-action .cd__pin-icon,
  .cd-strategy__outcome-action .tc-note {
    margin: 15px 0; }
  .cd-strategy__outcome-action .wide-capsule-v2__pin-container,
  .cd-strategy__outcome-action .cd-strategy__note-container {
    float: left; }

.cd-strategy__outcome-headline {
  display: block;
  width: 100%;
  float: left;
  padding: 0; }

.cd-strategy__outcome-action-caption {
  float: right;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 14px;
  margin: 15px 0 10px 5px;
  color: #1A7CD9; }
  .cd-strategy__outcome-action-caption.selected {
    color: #f69124; }
  .cd-strategy__outcome-action-caption.has-notes {
    color: #f69124; }

.cd-strategy__outcome-action-caption-selected {
  color: #F4AB2A; }

@media only screen and (max-width: 48em) {
  .responsive-layout .cd-strategy__outcome-modifications .tc__headline-5 {
    border-bottom: 1px solid #c2c0ba; }
  .responsive-layout .cd-strategy__head {
    border-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0; }
  .responsive-layout .cd-strategy__head--no-crumbs {
    padding-top: 3.38rem; }
  .responsive-layout .cd-strategy__artifact-image {
    width: 100%; }
    .responsive-layout .cd-strategy__artifact-image.scale-to-width {
      width: 100%; }
    .responsive-layout .cd-strategy__artifact-image.scale-to-height {
      height: 240px;
      width: auto; }
  .responsive-layout .cd-strategy__artifact-image-mask {
    width: 100%;
    height: 240px;
    overflow: hidden; }
  .responsive-layout .cd-strategy__artifact-image--none,
  .responsive-layout .cd-strategy__artifact-image-mask--none {
    width: 100%;
    height: 240px;
    background: #dbdad7;
    line-height: 240px;
    text-align: center;
    position: relative; }
  .responsive-layout .cd-strategy__artifact-title {
    position: relative; }
    .responsive-layout .cd-strategy__artifact-title .artifact__type-icon {
      position: absolute; }
    .responsive-layout .cd-strategy__artifact-title .artifact__title {
      max-width: 100%;
      padding-left: 2rem; }
  .responsive-layout .cd-strategy__details {
    padding-left: 0.65rem;
    padding-right: 0.65rem; }
  .responsive-layout .cd-strategy__artifact-container {
    padding: 0.65rem 1.3rem 1.3rem; }
  .responsive-layout .cd-strategy__details-headline--artifacts {
    padding: 0 0.65rem; }
  .responsive-layout .cd-modification {
    padding: 0.65rem; }
  .responsive-layout .cd-strategy__user-actions {
    margin: 1.3rem 0;
    padding-left: 0.65rem;
    position: relative; }
    .responsive-layout .cd-strategy__user-actions .wide-capsule-v2__pin-caption {
      font-size: 16px;
      line-height: 24px;
      color: #1976d2;
      font-family: MuseoSans-700, Helvetica, sans-serif;
      cursor: pointer;
      padding-left: 30px; }
      .responsive-layout .cd-strategy__user-actions .wide-capsule-v2__pin-caption:hover {
        text-decoration: underline; }
      .responsive-layout .cd-strategy__user-actions .wide-capsule-v2__pin-caption.selected {
        color: #f69124;
        cursor: default; }
        .responsive-layout .cd-strategy__user-actions .wide-capsule-v2__pin-caption.selected:hover {
          text-decoration: none; }
    .responsive-layout .cd-strategy__user-actions .cd__pin-icon,
    .responsive-layout .cd-strategy__user-actions .cd__note-icon {
      margin-right: 0.65rem;
      position: absolute; }
  .responsive-layout .cd__single-select,
  .responsive-layout .cd__input,
  .responsive-layout .cd-coach-pin__description,
  .responsive-layout .cd-coach-pin__notes,
  .responsive-layout .cd__single-select--indicator .custom-select__container,
  .responsive-layout .cd__single-select--indicator .custom-select,
  .responsive-layout input.tc__input--cd {
    width: 100%; }
  .responsive-layout .coach-pin__label {
    font-family: MuseoSans-500, Helvetica, sans-serif;
    line-height: 1.475rem;
    padding-bottom: 0.65rem; }
  .responsive-layout .cd-coach-pin__description {
    text-align: left; }
  .responsive-layout .cd-modification-capsule__actions {
    margin-left: 0; }
  .responsive-layout .cd-discovery-modification-capsule-text {
    padding-left: 2rem; }
  .responsive-layout .cd-strategy__pin-container--mobile,
  .responsive-layout .cd-strategy__note-container {
    float: left;
    margin-right: 1.3rem; }
  .responsive-layout .cd-strategy__user-actions .has-notes .wide-capsule-v2__pin-caption.cd__note-caption {
    color: #f69124; } }

/***** Partner Portfolio Tool Overall *****/
.tc-header--partner-portfolio-tool {
  position: fixed;
  z-index: 5; }

.ppt-section__container {
  height: 100%;
  width: 100%;
  top: 0; }

.ppt-section {
  position: relative;
  margin-left: 300px;
  padding: 95px 15px 30px;
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px; }

.ppt__visibility-icon {
  font-size: 16px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid gray;
  cursor: pointer; }
  .ppt__visibility-icon.selected {
    border: 2px solid black; }

.ppt__drag-icon {
  float: left;
  padding: 2px 12px 0 0;
  color: #c2c0ba;
  cursor: move;
  font-size: 24px; }

.ppt__drag-icon--nav {
  font-size: 18px;
  padding: 2px 7px 0 0; }

.ppt__drag-icon--no-drag {
  visibility: hidden; }

.ppt__drag-icon--bar,
.ppt__drag-icon--subject {
  font-size: 18px;
  padding: 1px 7px 0 0;
  color: #c2c0ba; }

.ppt__drag-icon--subject {
  padding: 10px 11px 0 10px; }

.ppt__refresh-icon {
  vertical-align: middle; }

.ppt__refresh-link {
  vertical-align: middle;
  margin-left: 5px; }

.ppt__refresh-error {
  color: #cc441b; }

.ppt__refresh-spotlights-link {
  margin-top: 30px; }

/***** Left Nav *****/
.ppt-nav {
  position: fixed;
  left: 0;
  height: 100%;
  width: 300px;
  z-index: 2;
  padding: 95px 15px 15px;
  border-right: 1px solid #c2c0ba;
  overflow: auto; }

.ppt-nav__back {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: bold;
  color: #9fbf1d;
  text-decoration: none;
  margin-right: 10px; }

.ppt-nav__cancel-change-name {
  margin-left: 10px; }

.ppt-nav__last-modified {
  font-weight: bold;
  margin: 10px 0; }

.ppt-nav__section-list {
  padding: 10px 5px 150px;
  overflow: auto; }

.ppt-nav__section-row {
  padding: 5px;
  position: relative; }
  .ppt-nav__section-row:hover {
    -webkit-box-shadow: 0 0 0 3px #d2effb inset;
    -moz-box-shadow: 0 0 0 3px #d2effb inset;
    box-shadow: 0 0 0 3px #d2effb inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .ppt-nav__section-row:hover .ppt-nav__section-name-edit {
      display: block; }

.ppt-nav__section-row--selected {
  background-color: #d2effb;
  padding: 10px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.ppt-nav__section-name {
  display: inline;
  cursor: pointer;
  padding-left: 6px; }
  .ppt-nav__section-name.COVER {
    padding-left: 43px; }

.ppt-nav__section-name-edit {
  position: absolute;
  top: 0;
  right: 0;
  color: #176bbf;
  margin: 10px 10px 0 0;
  display: none;
  cursor: pointer; }
  .ppt-nav__section-name-edit:hover {
    color: #104b82; }

.ppt-nav--section-editing .ppt__drag-icon,
.ppt-nav--section-editing .ppt__visibility-icon,
.ppt-nav--section-editing .ppt-nav__section-name,
.ppt-nav--section-editing .ppt-element__visibility,
.ppt-nav--section-editing .ppt-nav__section-name-edit {
  cursor: default; }

.ppt-nav--section-editing .ppt-nav__section-row:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .ppt-nav--section-editing .ppt-nav__section-row:hover .ppt-nav__section-name-edit {
    display: none; }

.ppt-nav__element-name-char-count {
  padding-top: 10px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 14px; }

.ppt-nav__element-name-char-count--over {
  color: #f54f12; }

.ppt-nav__element-name-char-count--under {
  color: #7f9918; }

.ppt-nav__element-name-form {
  padding: 10px 0 4px; }

.ppt-nav__element-name-input {
  width: 100%; }

.ppt-nav__element-name-button {
  margin-right: 20px; }

.gu-transit, .gu-mirror {
  cursor: move; }
  .gu-transit .ppt-nav__section-name, .gu-mirror .ppt-nav__section-name {
    cursor: move; }

.ppt-nav__element-counts {
  padding-left: 44px; }

.ppt-nav__preview {
  position: fixed;
  text-align: center;
  bottom: 0;
  left: 0;
  padding: 15px;
  background-color: #9fbf1d;
  width: 300px; }

.tc__link--ppp-title {
  width: 100%;
  display: block; }
  .tc__link--ppp-title span {
    float: left;
    display: block; }
  .tc__link--ppp-title:after {
    content: '';
    clear: both;
    display: block; }

.ppt-nav__portfolio-title-edit {
  float: right;
  margin-right: 9px;
  cursor: pointer; }
  .ppt-nav__portfolio-title-edit:hover {
    color: #104b82; }

.tc__link--ppp-title:hover {
  text-decoration: none;
  cursor: default; }

.ppp-nav__title-edit-input-container {
  padding-bottom: 3px; }

/***** Element *****/
.ppt-element {
  max-width: 800px;
  margin: 15px 0;
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 20px; }

.ppt-element__buttons {
  padding-left: 48px; }

.ppt-element-spotlight-icon {
  float: left;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 5px; }

.ppt-element__visibility {
  float: left;
  cursor: pointer; }

.ppt-element__body {
  line-height: 1.42;
  list-style-position: inside;
  margin-left: 30px; }
  .ppt-element__body ul li {
    list-style-type: disc; }

.ppt-element__body--has-element {
  margin-left: 60px; }

.ppt-element__empty-add {
  cursor: pointer;
  color: #1b7ee0; }
  .ppt-element__empty-add:hover {
    color: #176bbf; }
    .ppt-element__empty-add:hover .ppt-element__add-icon {
      color: #176bbf; }
    .ppt-element__empty-add:hover .ppt-element__empty-line {
      border-top-style: solid; }

.ppt-element__add-icon {
  vertical-align: middle;
  font-size: 30px;
  color: #1b7ee0; }

.ppt-element__empty-line {
  position: relative;
  border-top: 2px dashed;
  max-width: 549px;
  margin-left: 29px;
  top: -16px; }

.ppt-element__select-type {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #a4a4a4;
  padding: 5px 0 5px 5px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  color: #1b7ee0; }

.ppt-element__select-type-link {
  display: inline-block;
  min-width: 70px;
  padding: 10px;
  margin-right: 5px;
  text-align: center;
  cursor: pointer; }
  .ppt-element__select-type-link:hover {
    background-color: #1b7ee0;
    color: white; }

.ppt-element__select-type-icon {
  margin-bottom: 10px;
  font-size: 25px; }

.ppt-element__select-type-icon-kpi {
  font-family: museo;
  font-weight: 900; }

.ppt-element__select-type-letters {
  padding-top: 0; }

.ppt-element-balloon {
  display: inline;
  position: relative;
  top: 10px;
  font-size: 30px; }

.ppt-element__quill {
  border: 1px solid #c2c0ba; }
  .ppt-element__quill .quill-toolbar {
    border-bottom: 1px solid #c2c0ba; }
  .ppt-element__quill .ql-container {
    font-size: 16px;
    font-family: MuseoSans-300, Helvetica, sans-serif; }

.ppt-element__input-container {
  position: relative;
  margin-bottom: 10px; }

.ppt-element__input {
  position: relative;
  width: 500px; }

.ppt-element__input--short {
  position: relative;
  width: 100px;
  margin-right: 10px; }

.ppt-element__input--mid {
  position: relative;
  width: 390px; }

.ppt-element__btn {
  margin-top: 16px;
  margin-right: 10px; }

.ppt-element__bold {
  font-weight: bold; }

/***** Cover Section *****/
.ppt-cover__primary {
  width: 80%;
  height: 50px;
  font-size: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.ppt-cover__form-row {
  padding: 10px; }

.ppt-cover__input {
  width: 100%; }

.ppt-cover__input-label {
  padding: 20px 0 10px 0; }

.ppt-cover__save {
  float: right;
  padding: 10px 20px; }

.ppt-cover__saved {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear; }

.ppt-cover__not-saved {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear; }

.ppt-cover__top-bar {
  display: inline; }

.ppt-cover-example {
  position: absolute;
  bottom: 5px;
  width: 100%;
  background-color: #00adef;
  color: white;
  opacity: .75;
  font-size: 18px; }

.ppt-cover__image {
  padding: 0;
  width: 100%;
  height: 100%; }

.ppt-cover__image-container {
  padding: 0; }

.ppt-cover__heading {
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 5px; }

.ppt-cover__subheading1 {
  padding-left: 20px; }

.ppt-cover__subheading2 {
  padding-left: 20px;
  padding-bottom: 20px; }

/***** Growth Areas Section *****/
.subjectsContainer {
  display: inline-block; }

.ppt-growth-areas__content-areas-header {
  margin: 20px 0 10px; }

/***** Panels for various Sections *****/
.ppt-panel {
  border: 1px solid #c2c0ba;
  float: left;
  width: 800px;
  margin-bottom: 10px; }
  .ppt-panel:after {
    content: '';
    clear: both;
    display: block; }

.ppt-panel__header {
  background-color: #f1f1ef;
  padding: 10px;
  cursor: pointer; }
  .ppt-panel__header:after {
    content: '';
    clear: both;
    display: block; }

.ppt-panel__header--border {
  border-bottom: 1px solid #c2c0ba; }

.ppt-panel__visibility {
  float: left;
  vertical-align: middle; }

.ppt-panel__name {
  float: left;
  width: 30%;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding-left: 10px;
  vertical-align: middle; }

.ppt-panel__growth-area-count {
  float: left;
  width: 30%;
  vertical-align: middle; }

.ppt-panel__spotlight-count {
  float: right;
  margin-left: 20px; }

/***** Content Area Panels *****/
.subject-panel__growth-area {
  border-top: 1px solid #c2c0ba;
  padding: 10px; }

.subject-panel__growth-area-visibility {
  float: left;
  cursor: pointer; }

.subject-panel__growth-area-info {
  margin-left: 27px; }

/***** Spotlight Type Panels *****/
.spotlight-type-panel__body {
  padding: 5px 10px; }

.ppt__element-video-link {
  color: #1560ab; }

/***** Teacher Cohort Section *****/
.ppt-teacher-cohort__name-field {
  font-weight: bold;
  font-size: 15px; }

.ppt-teacher-cohort__data-field {
  font-size: 12px; }

.ppt-teacher-cohort__icon-field {
  font-size: 20px;
  width: 50px; }

.ppt-teacher-cohort__note-icon {
  cursor: pointer; }
  .ppt-teacher-cohort__note-icon:hover {
    color: #176bbf; }

.ppt-table {
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 0 5px; }

.ppt-table td {
  border-width: 1px 0;
  border-style: solid;
  padding: 5px 15px; }

.ppt-table td:first-child {
  border-left-width: 1px; }

.ppt-table td:last-child {
  border-right-width: 1px; }

.ppt-table tbody {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0 10px; }

.ppt-modal__page-overlay {
  top: 0; }

.ppt-modal {
  top: 30%;
  width: 500px; }

.ppt-modal__body {
  padding: 30px; }

.ppt-modal__subheadline {
  margin-top: 20px; }

.ppt-modal__textarea {
  height: 150px;
  width: 400px;
  margin-top: 10px; }

.ppt-modal__buttons {
  margin-top: 10px; }

.ppt-modal__button {
  min-width: 90px; }

.ppt-modal__button--cancel {
  margin-left: 20px; }

/****** custom editor styles ******/
#editor-container {
  padding: 5px; }

.ql-snow .ql-formats--color-picker .ql-picker-options {
  width: 92px; }

.tc__no-op {
  pointer-events: none;
  visibility: hidden;
  cursor: default; }

.partner-portfolio-presentation .modal__close--artifact,
.partner-portfolio-presentation .modal__page-overlay--artifact-overlay {
  top: 0; }

.ppp__header-wrap {
  width: 100%;
  position: relative;
  z-index: 10;
  background: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0; }

.ppp__header:after {
  content: '';
  clear: both; }

.ppp__tabs,
.ppp__header-details {
  cursor: pointer;
  padding: 0; }

.ppp__tabs {
  float: right;
  max-width: 66.6666%;
  white-space: nowrap; }
  .ppp__tabs:after {
    content: '';
    clear: both; }

.ppp__header-logo img {
  height: 30px; }

.ppp__header-logo,
.ppp__partner-name {
  float: left;
  padding: 5px; }

.ppp__header-logo {
  height: 41px; }

.ppp__partner-name {
  padding-left: 10px;
  line-height: 30px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ppp__tab-container {
  position: absolute;
  width: auto;
  top: 0;
  right: 0; }

.ppp__tab {
  display: inline-block;
  text-align: center;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: #1e2326;
  line-height: 20px;
  font-size: 12px;
  border-bottom: 6px solid transparent;
  white-space: nowrap;
  margin: 0 5px;
  padding: 11px 5px 4px;
  min-width: 90px;
  max-width: 170px;
  white-space: nowrap; }
  .ppp__tab:hover {
    border-color: #8ba911;
    -webkit-text-stroke: .7px; }
  .ppp__tab.active {
    -webkit-text-stroke: .7px;
    border-color: #8ba911;
    color: #8ba911; }

.ppp__section {
  margin: 40px 0 40px;
  float: left;
  clear: both;
  width: 100%; }

.ppp__section-headline {
  text-align: center;
  width: 100%;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 40px; }

.ppp__section-subheadline {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #1e2326; }

.ppp__user-image {
  width: 50px; }
  .ppp__user-image.scale-to-width {
    width: 50px; }
  .ppp__user-image.scale-to-height {
    height: 50px;
    width: auto; }

.ppp__user-image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.ppp__user-image-mask {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.ppp__elem-headline {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #1560ab; }

.ppp__elem-subheadline {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #1e2326; }

.ppp__elem-label {
  color: #104b82;
  text-transform: uppercase; }

.ppp__body-copy {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 16px;
  color: #1e2326;
  line-height: 20px; }

.ppp__elem-preview-container {
  width: 40%;
  float: left; }

.ppp__elem-image {
  width: 370px; }
  .ppp__elem-image.scale-to-width {
    width: 370px; }
  .ppp__elem-image.scale-to-height {
    height: 240px;
    width: auto; }

.ppp__elem-image-mask {
  width: 370px;
  height: 240px;
  overflow: hidden; }

.ppp__elem-image-mask {
  float: left;
  padding-right: 10px; }

/***** partner portfolio cover ******/
.ppp__section--cover {
  width: 100%;
  height: 100%;
  min-height: 700px;
  display: block;
  background: url("/www/teachcycle/images/partner-portfolio-cover-image.jpg");
  position: fixed;
  margin-top: 0;
  margin-bottom: 0;
  left: 0;
  background-size: 100%;
  background-repeat: no-repeat; }

.ppp__cover-container {
  color: white;
  position: fixed;
  bottom: 0px;
  background: #00adef;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  width: 100%;
  padding-bottom: 40px; }

.ppp__cover-headline {
  font-size: 48px;
  font-family: MuseoSans-100, Helvetica, sans-serif;
  font-weight: 100;
  margin-bottom: 20px;
  padding-left: 60px; }

.ppp__cover-headline--heading1 {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 60px;
  padding-top: 60px;
  margin-bottom: 10px; }

.ppp__cover-headline--heading3 {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-top: 20px;
  line-height: 30px; }

.ppp__cover-headline--heading4 {
  font-size: 32px; }

/****** Spotlights ******/
.ppp__elem {
  border-bottom: 1px solid #979797;
  padding: 30px 10px; }

.ppp__elem--artifact {
  cursor: pointer; }
  .ppp__elem--artifact:after {
    content: '';
    clear: both; }

.ppp__elem--text {
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 34px;
  list-style-position: inside; }

.ppp__elem-image--artifact-detail {
  width: 263px; }
  .ppp__elem-image--artifact-detail.scale-to-width {
    width: 263px; }
  .ppp__elem-image--artifact-detail.scale-to-height {
    height: 180px;
    width: auto; }

.ppp__elem-image--artifact-detail-mask {
  width: 263px;
  height: 180px;
  overflow: hidden; }

/****** Kpi elem ******/
.ppp__elem--kpi:after {
  content: '';
  clear: both; }

.ppp__kpi-captions,
.ppp__kpi-value {
  float: left; }

.ppp__kpi-value {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #176bbf;
  height: 100px;
  width: 100px;
  line-height: 100px;
  color: white;
  font-family: MuseoSans-900, Helvetica, sans-serif;
  font-size: 36px;
  text-align: center; }

.ppp__kpi-captions {
  font-size: 24px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-left: 20px;
  margin-top: 34px;
  color: #1e2326;
  line-height: 32px;
  width: 850px; }
  .ppp__kpi-captions.multiline {
    margin-top: 18px; }

/****** quote elem ******/
.ppp__quote {
  font-size: 24px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 30px;
  color: #1e2326; }

.ppp__quote-source {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding-top: 10px;
  color: #104b82; }

/******* arifact elem ******/
.ppp__artifact-details {
  float: left;
  width: 60%;
  padding-left: 10px; }

.ppp__artifact-filename-container {
  margin: 10px 10px 10px 0;
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 20px;
  color: #1560ab;
  word-wrap: break-word; }

.ppp__artifact-filename {
  padding-left: 10px; }

.ppp__artifact-notes {
  max-height: 80px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative; }
  .ppp__artifact-notes:after {
    content: "";
    text-align: right;
    position: absolute;
    top: 60px;
    right: 0;
    width: 20%;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }

.ppp__artifact-notes--detailed {
  margin-bottom: 0; }

.ppp__artifact-strategy {
  margin-bottom: 20px; }

.ppp__artifact-detail-declaration {
  text-transform: uppercase;
  color: #104b82; }

.ppp__artifact-detailed-preview-col {
  float: left;
  width: auto;
  padding-right: 30px; }

.ppp__artifact-detailed-main-col {
  float: left;
  width: 436px;
  padding-right: 30px; }

.ppp__artifact-detailed-strategy-col {
  float: left;
  width: 240px;
  min-height: 132px;
  padding: 30px 0 10px 30px;
  border-left: 1px solid #979797; }

/****** text element *******/
/****** data point element ******/
.ppp__elem--datapoint {
  font-size: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 34px; }

.ppp__datapoint {
  color: #1e2326;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 24px; }

.ppp__datapoint-value {
  font-family: MuseoSans-900, Helvetica, sans-serif;
  font-size: 40px;
  color: #176bbf; }

/****** strategy spotlight ******/
.ppp__elem--strategy {
  cursor: pointer; }
  .ppp__elem--strategy:after {
    content: '';
    clear: both; }

.ppp__elem--strategy-detail {
  padding-bottom: 10px; }

.ppp__strategy-details {
  float: left; }

.ppp__strategy-icon {
  font-size: 24px;
  width: 25px; }

.ppp__strategy-details {
  width: 100%; }

.ppp__strategy-details--has-image {
  width: 60%; }

.ppp__strategy-name {
  display: block;
  margin-left: 35px; }

.ppp__strategy-teaching-challenge {
  margin: 4px 0 26px; }

.ppp__strategy-detailed-col {
  display: inline-block;
  vertical-align: middle;
  width: 33%;
  float: left; }

.ppp__strategy-detailed-col--subject {
  padding-right: 10px; }

.ppp__strategy-detailed-name {
  color: #1e2326;
  font-size: 24px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 28px;
  padding-right: 30px; }

.ppp__strategy-detailed-icon {
  float: left;
  width: 40px;
  font-size: 40px;
  color: #104b82;
  text-align: center; }

.ppp__strategy-detailed-subject {
  padding-left: 55px; }

.ppp__strategy-detailed-teachers-tried {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  background-color: #176bbf;
  color: white;
  font-size: 21px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-align: center;
  padding-top: 10px;
  margin-right: 10px; }

.ppp__strategy-detailed-teachers-tried-text {
  color: #1e2326;
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.ppp__strategy-text {
  max-height: 160px;
  overflow: hidden;
  position: relative; }
  .ppp__strategy-text:after {
    content: "";
    text-align: right;
    position: absolute;
    top: 140px;
    right: 0;
    width: 20%;
    height: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%); }

/****** Narrative Spotlight ******/
.ppp__elem--narrative {
  font-size: 18px;
  line-height: 20px;
  cursor: pointer; }
  .ppp__elem--narrative:after {
    content: '';
    float: left; }

.ppp__narrative-sl-author {
  display: inline-block;
  vertical-align: middle;
  float: left;
  width: 220px; }

.ppp__narrative-sl-author-image {
  float: left; }

.ppp__narrative-sl-details,
.ppp__narrative-sl-author-details {
  float: left; }

.ppp__narrative-sl-details {
  width: 70%; }

.ppp__narrative-sl-author-details {
  width: 30%;
  padding-right: 10px; }

.ppp__narrative-sl-author-name {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1560ab;
  line-height: 50px;
  font-size: 18px; }

.ppp__narrative-sl-author-name--detailed {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-top: 10px;
  line-height: 22px; }

.ppp__narrative-sl-author-organization {
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.ppp__narrative-sl-challenge {
  margin-top: 16px; }

.ppp__narrative-sl-detailed-author-details {
  float: left;
  width: 16%;
  padding-right: 10px;
  text-align: center; }

.ppp__user-image-detailed {
  width: 60px; }
  .ppp__user-image-detailed.scale-to-width {
    width: 60px; }
  .ppp__user-image-detailed.scale-to-height {
    height: 60px;
    width: auto; }

.ppp__user-image-detailed-mask {
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.ppp__user-image-detailed-mask {
  margin: auto; }

.ppp__narrative-sl-detailed-strategy-details {
  float: left;
  width: 41%;
  padding-right: 10px; }

.ppp__narrative-sl-detailed-loop-details {
  float: left;
  width: 41%; }

.ppp__elem-label--margin {
  margin-top: 30px; }

.ppp__narrative-sl-detailed-body-text {
  margin-top: 5px; }

.ppp__narrative-sl-detailed-icon {
  float: left;
  width: 40px;
  font-size: 40px;
  color: #104b82;
  text-align: center; }

.ppp__narrative-sl-detailed-icon--artifact {
  float: none;
  display: inline-block;
  vertical-align: middle; }

.ppp__narrative-sl-detailed-artifact-count {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px; }

.ppp__narrative-sl-detailed-loop-detail-text {
  padding-left: 55px; }

/****** teacher spotlight ******/
.ppp__elem--teacher {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 18px;
  cursor: pointer; }
  .ppp__elem--teacher:after {
    content: '';
    clear: both; }

.ppp__teacher-col {
  display: inline-block;
  vertical-align: middle;
  width: 17.5%;
  padding: 0 5px; }

.ppp__teacher-col--name {
  width: 30%; }

.ppp__teacher-sl-author {
  display: inline-block;
  vertical-align: middle; }

.ppp__teacher-sl-author-name {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1560ab;
  line-height: 22px;
  font-size: 18px; }

.ppp__teacher-sl-number {
  color: #104b82;
  margin-right: 5px; }

/****** growth area ******/
.ppp__tab--growth-areas {
  text-align: center;
  margin-bottom: 20px; }
  .ppp__tab--growth-areas:after {
    content: '';
    clear: both; }

.ppp__tab--growth-area {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  margin: 0 50px;
  padding: 0;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  float: none;
  display: inline-block;
  width: auto; }
  .ppp__tab--growth-area:hover {
    text-decoration: none;
    font-family: MuseoSans-700, Helvetica, sans-serif;
    border-color: transparent;
    color: #8ba911; }
  .ppp__tab--growth-area.active {
    font-family: MuseoSans-700, Helvetica, sans-serif; }

.ppp__growth-area-category {
  display: none; }
  .ppp__growth-area-category.active {
    display: block; }
  .ppp__growth-area-category:after {
    content: '';
    clear: both; }
  .ppp__growth-area-category.expanded .ppp__growth-area.inactive {
    color: #dbdad7; }
    .ppp__growth-area-category.expanded .ppp__growth-area.inactive .ppp__growth-area-amplitude-graph {
      background: #dbdad7; }
      .ppp__growth-area-category.expanded .ppp__growth-area.inactive .ppp__growth-area-amplitude-graph:hover {
        background: #dbdad7; }
    .ppp__growth-area-category.expanded .ppp__growth-area.inactive .ppp__growth-area-amplitude-value {
      color: #dbdad7; }
    .ppp__growth-area-category.expanded .ppp__growth-area.inactive .ppp__growth-area-icon {
      color: #dbdad7; }
    .ppp__growth-area-category.expanded .ppp__growth-area.inactive .ppp__growth-area-amplitude-graph-details--short-bar {
      color: #9ea3a8; }

.ppp__growth-area-entries {
  display: none; }
  .ppp__growth-area-entries.active {
    display: block; }

.ppp__growth-area {
  clear: both;
  margin: 20px 0;
  cursor: default; }
  .ppp__growth-area .clickable {
    cursor: pointer; }
    .ppp__growth-area .clickable:hover .ppp__growth-area-amplitude-graph {
      background-color: #125496; }
    .ppp__growth-area .clickable:hover .ppp__growth-area-amplitude-graph-details--short-bar,
    .ppp__growth-area .clickable:hover .ppp__growth-area-spotlight-icons {
      color: #125496; }

.ppp__growth-area-details,
.ppp__growth-area-amplitude {
  float: left; }

.ppp__growth-area-details {
  text-align: center; }

.ppp__growth-area-name {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 18px;
  max-width: 120px;
  margin: auto; }

.ppp__growth-area-icon {
  font-size: 40px;
  color: #1560ab;
  margin-bottom: 10px;
  color: #29aecc; }

.ppp__growth-area-amplitude-graph {
  position: relative;
  background-color: #29aecc;
  color: white;
  height: 100px; }

.ppp__growth-area-amplitude-graph--short {
  float: left; }

.ppp__growth-area-amplitude-graph-details {
  float: right;
  text-align: center;
  margin: 15px 18px 0 0; }

.ppp__growth-area-amplitude-graph-details--short-bar {
  float: left;
  margin-left: 18px;
  color: #29aecc; }

.ppp__growth-area-amplitude-value {
  font-size: 48px;
  font-family: MuseoSans-900, Helvetica, sans-serif; }

.ppp__growth-area-amplitude-caption {
  font-size: 14px;
  text-transform: uppercase;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  margin-top: 6px; }

.ppp__growth-area-spotlight-icons {
  position: absolute;
  top: 8px;
  font-size: 35px;
  color: #50B633; }

.ppp__growth-area-spotlight-icons--short-bar {
  position: relative;
  float: left; }

.ppp__growth-area-spotlight-icon {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px; }

.ppp__growth-area-spotlight-count {
  position: absolute;
  top: -10px;
  right: -2px;
  background: #cc441b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px;
  font-family: MuseoSans-900, Helvetica, sans-serif;
  color: white;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center; }

/****** Teacher cohort ******/
.ppp__teacher-cohort-container {
  border: 1px solid #dbdad7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0; }
  .ppp__teacher-cohort-container.active {
    border-color: #156DAB; }
    .ppp__teacher-cohort-container.active .ppp__teacher-cohort-strategy-counts {
      display: none; }

.ppp__teacher-cohort-teacher {
  margin-bottom: 10px; }

.ppp__teacher-cohort-row {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 58px;
  padding: 0 20px; }

.ppp__teacher-cohort-name {
  cursor: pointer; }
  .ppp__teacher-cohort-name.no-strategies {
    cursor: auto; }
    .ppp__teacher-cohort-name.no-strategies:hover {
      color: #1e2326;
      text-decoration: none; }
  .ppp__teacher-cohort-name.active {
    color: #104b82;
    font-family: MuseoSans-700, Helvetica, sans-serif; }
  .ppp__teacher-cohort-name:hover {
    color: #176bbf;
    text-decoration: underline; }

.ppp__teacher-cohort-note-icon {
  font-size: 20px;
  line-height: 58px;
  margin-left: 30px;
  cursor: pointer; }
  .ppp__teacher-cohort-note-icon:hover {
    color: #176bbf; }

.ppp__teacher-cohort-strategy-counts {
  line-height: 40px;
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  padding-right: 40px; }

.ppp__teacher-cohort-playlist-header {
  font-size: 14px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 14px;
  color: #104b82;
  background: white;
  border-bottom: 1px solid #dbdad7;
  float: left;
  width: 58.333333333333%;
  padding: 10px 10px 10px 30px; }

.ppp__teacher-cohort-playlist-strategy {
  line-height: 40px;
  font-size: 16px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1e2326;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 0px 10px 50px; }

.ppp__teacher-cohort-playlist-artifact {
  font-size: 12px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 14px;
  font-style: italic;
  padding-bottom: 12px; }

.ppp__teacher-cohort-playlist-challenge-header {
  font-size: 11px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 34px;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  border-bottom: 1px solid #dbdad7;
  width: 41.666666666667%; }

.ppp__teacher-cohort-playlist-challenge {
  font-size: 13px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 39px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  padding-left: 0px; }
  .ppp__teacher-cohort-playlist-challenge.artifact {
    line-height: 65px; }

.ppp__teacher-cohort-teacher-row {
  border-bottom: 1px solid #dbdad7;
  clear: both;
  display: inline-block;
  width: 100%; }

.ppp__teacher-cohort-teacher-row:last-of-type {
  border-bottom: 0; }

.ppp__teacher-cohort-playlist-header-row {
  border-top: 1px solid #dbdad7;
  display: inline-block;
  width: 100%; }

.ppt-teacher-cohort__icon-field--drag {
  width: 30px;
  padding-right: 0; }

.ppp-modal__page-overlay {
  top: 0; }

.ppp-modal {
  top: 25%;
  width: 990px;
  min-height: 320px;
  max-height: 520px; }

.ppp-modal__body {
  padding: 40px 90px; }

.ppp-modal__body-text {
  max-height: 375px;
  overflow-y: auto;
  text-align: left;
  margin-top: 30px;
  white-space: pre-wrap; }

/***** Spotlights *****/
.ppp__tab--spotlight-types {
  text-align: center;
  margin-bottom: 40px; }
  .ppp__tab--spotlight-types:after {
    content: '';
    clear: both; }

.ppp__tab--spotlight-type {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  margin: 0 30px;
  padding: 0;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  float: none;
  display: inline-block;
  width: auto; }
  .ppp__tab--spotlight-type:hover {
    text-decoration: none;
    font-family: MuseoSans-700, Helvetica, sans-serif;
    border-color: transparent;
    color: #8ba911; }
  .ppp__tab--spotlight-type.active {
    font-family: MuseoSans-700, Helvetica, sans-serif; }

/***** coach spotlight ******/
.ppp__elem--coaching {
  cursor: pointer; }

.ppp__coach-video-container {
  width: 40%; }

.ppp__coach-video {
  width: 370px;
  height: 230px;
  background: #c2c0ba;
  float: left; }

.ppp__coach-details {
  float: left;
  width: 60%;
  padding-left: 20px; }

.ppp__coach-user {
  width: 100%;
  float: left; }
  .ppp__coach-user:after {
    content: '';
    clear: both; }

.ppp__coach-user-image,
.ppp__coach-user-name {
  float: left; }

.ppp__coach-user-name {
  line-height: 50px; }

.ppp__coach-teacher {
  float: left;
  margin: 16px 0; }

.ppp__coach-video-description {
  float: left;
  clear: left;
  display: block; }

/****** narrative spotlight page ******/
.ppp__narrative-artifact {
  padding-top: 30px;
  cursor: pointer; }

.ppp__narrative-artifact-image {
  width: 340px; }
  .ppp__narrative-artifact-image.scale-to-width {
    width: 340px; }
  .ppp__narrative-artifact-image.scale-to-height {
    height: 220px;
    width: auto; }

.ppp__narrative-artifact-image-mask {
  width: 340px;
  height: 220px;
  overflow: hidden; }

ppp__narrative-artifact-image .ppp__narrative-section {
  margin-top: 36px; }

.ppp__narrative-feedback {
  padding-top: 0; }

.ppp__narrative-headline-1 {
  font-size: 18px;
  color: #104b82;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 38px 0; }

.ppp__narrative-headline-2 {
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #104b82;
  margin-bottom: 16px; }

.ppp__narrative-bubble {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #d4f9ff;
  padding: 26px 30px;
  margin-bottom: 10px;
  color: #1e2326; }

.ppp__narrative-comment {
  font-family: MuseoSans-500, Helvetica, sans-serif;
  padding: 0 0 0 80px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px; }

.ppp__narrative-comment-author {
  color: #104b82; }

.ppp__elem-image--no-preview {
  width: 370px;
  height: 230px;
  background: #c2c0ba;
  float: left;
  position: relative; }

.ppp__elem-image--no-preview-small {
  width: 263px;
  height: 180px; }

.ppp__elem-image--no-preview-narrative {
  width: 340px;
  height: 210px; }

.ppp__elem-preview-container--narrative {
  width: 340px;
  height: 210px; }

.artifact__type-icon--no-preview {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  font-size: 80px; }

.ppp__artifact-details--narrative {
  width: 500px;
  margin-left: 10px; }

.ppp__narrative-teacher-border {
  border-bottom: 1px solid #a8a6a0;
  height: 1px;
  width: 100%;
  clear: both;
  padding-top: 40px; }

.ppp__narrative-teacher {
  margin-bottom: 22px;
  padding-bottom: 0; }

.ppp__narrative-teacher-details {
  margin-top: 32px; }

.ppp__narrative-author-name {
  font-size: 24px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #104b82; }

.ppp__narrative-author-school {
  font-size: 18px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1e2326;
  margin-top: 10px; }

.ppp__narrative-user-image {
  width: 125px; }
  .ppp__narrative-user-image.scale-to-width {
    width: 125px; }
  .ppp__narrative-user-image.scale-to-height {
    height: 125px;
    width: auto; }

.ppp__narrative-user-image-mask {
  width: 125px;
  height: 125px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.ppp__narrative-user-image-mask {
  float: left;
  margin-right: 20px; }

.ppp__narrative-sidebar {
  background: #f1f1ef;
  margin-top: -20px;
  padding-top: 0; }

.ppp__narrative-graph-header {
  margin-bottom: 30px;
  width: 100%;
  float: left; }

.ppp__narrative-graph-header--results {
  margin-top: 34px; }

.ppp__narrative-coach {
  text-align: center;
  width: 100%;
  float: left;
  margin-bottom: 30px; }
  .ppp__narrative-coach .ppp__narrative-user-image-mask {
    float: none; }

.ppp__narrative-coach-headline {
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #104b82;
  margin: 36px 0 28px; }

.ppp__narrative-coach-name {
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  padding: 18px 0;
  color: #104b82; }

.ppp__narrative-coach-bio {
  font-size: 15px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1e2326;
  text-align: left; }

/****** chart ******/
.chart-v2__container--multi-col {
  float: left;
  width: 50%; }

.chart-v2__label--ppp {
  width: auto;
  font-size: 15px; }

.chart-v2__legend-container {
  display: inline-block;
  position: Absolute;
  width: 100%;
  left: 0;
  text-align: left; }

.chart-v2__legend--ppp {
  margin-top: -8px;
  float: left;
  position: relative;
  right: 0;
  font-size: 12px; }

.chart-v2__line--ppp {
  right: 0; }

.chart-v2__line--goal {
  width: 202px; }

.chart-v2__line--baseline {
  width: 180px; }

.ppp__narrative-starting-point-graphs,
.ppp__narrative-measurement-graphs {
  float: left;
  width: 100%; }

.ppp__narrative-growtharea-icon {
  font-size: 60px;
  float: left;
  color: #104b82; }

.ppp__narrative-growtharea-details {
  float: left;
  width: 280px;
  padding-left: 10px; }

.ppp__quote--narrative-ga {
  font-size: 18px;
  line-height: 22px; }

.ppp__narrative-growtharea-challenge,
.ppp__narrative-section--because {
  margin-top: 36px; }

.ppp__narrative-section--tried {
  margin-top: 16px; }

/****** strategy spotlight page ******/
.ppp-strategy {
  padding-top: 0; }

.ppp-strategy__header {
  font-size: 15px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 18px;
  color: #104b82;
  text-transform: uppercase;
  margin-bottom: 6px; }

.ppp-strategy__title {
  display: inline-block;
  font-size: 36px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 40px;
  margin-bottom: 15px; }

.ppp-strategy__data-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 21px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #176bbf;
  height: 60px;
  width: 60px;
  line-height: 60px;
  color: white;
  text-align: center; }

.ppp-strategy__data-caption {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 20px;
  margin-left: 15px; }

/****** teacher spotlight page ******/
.ppp-teacher__teacher-info {
  text-align: center;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.ppp-teacher__user-image {
  width: 125px; }
  .ppp-teacher__user-image.scale-to-width {
    width: 125px; }
  .ppp-teacher__user-image.scale-to-height {
    height: 125px;
    width: auto; }

.ppp-teacher__user-image-mask {
  width: 125px;
  height: 125px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.ppp-teacher__user-image-mask {
  margin: 0 auto; }

.ppp-teacher__teacher-name {
  font-size: 36px;
  line-height: 40px;
  margin-top: 30px; }

.ppp-teacher__grade-subject {
  font-size: 24px;
  line-height: 28px;
  margin-top: 10px; }

.ppp-teacher__data {
  display: inline-block;
  vertical-align: middle;
  width: 33.33%;
  padding: 0.65rem;
  margin-top: 20px; }

.ppp-teacher__data-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 21px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #176bbf;
  height: 60px;
  width: 60px;
  line-height: 60px;
  color: white;
  text-align: center; }

.ppp-teacher__data-caption {
  display: inline-block;
  vertical-align: middle;
  max-width: 75%;
  font-size: 16px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 20px;
  margin-left: 20px; }

.ppp-teacher__data-details {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.ppp-teacher__border {
  border-bottom: 1px solid #a8a6a0;
  height: 1px;
  width: 100%;
  clear: both;
  margin: 10px 0 30px; }

.ppp-teacher__border--top {
  margin-top: 30px; }

.ppp-teacher__strategies-headline {
  font-size: 24px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 28px;
  margin-bottom: 10px; }

.ppp-teacher__strategy-header {
  font-size: 15px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 18px;
  color: #104b82;
  text-transform: uppercase;
  margin-bottom: 6px; }

.ppp-teacher__strategy-title {
  display: inline-block;
  font-size: 20px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  line-height: 22px;
  margin-bottom: 10px; }

.ppp-teacher__strategy-description {
  margin-top: 20px; }

.ppp-teacher__growth {
  font-size: 15px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  line-height: 18px;
  color: #104b82;
  margin-top: 20px; }

.ppp-teacher__growth-value {
  font-size: 24px;
  line-height: 28px;
  color: #1e2326;
  margin-left: 10px; }

.ppp-teacher__artifacts-link {
  display: inline-block;
  font-size: 15px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  line-height: 18px;
  color: #176bbf;
  text-transform: uppercase;
  margin-top: 30px;
  cursor: pointer; }

.ppp-teacher__artifacts-link-icon {
  float: left;
  margin-right: 5px; }
  .ppp-teacher__artifacts-link-icon.active {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

#editor-container {
  height: 100px; }

body.cke_editable {
  min-width: 0;
  padding: 10px;
  box-sizing: border-box;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif; }
  body.cke_editable ul, body.cke_editable ol {
    padding-left: 20px; }

body.ppt__ckeditor.cke_editable {
  font-size: 24px; }

body.ppd-v3-curation__ckeditor.cke_editable {
  font-size: 18px;
  line-height: 21px; }

.cke_combopanel {
  width: auto !important; }

.cke__editor {
  font-size: 24px;
  padding: 0; }

.cke__heading-1 {
  font-size: 48px;
  line-height: 54px; }

.cke__heading-2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 42px; }

.cke__heading-3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px; }

.cke_dialog_tabs .cke_dialog_tab:last-of-type {
  display: none; }

/****** Wysiwig output consistency styles ******/
.ckeditor__output {
  white-space: normal !important;
  line-height: 24px;
  font-family: "Circular Book", Helvetica, sans-serif; }
  .ckeditor__output ul, .ckeditor__output ol {
    list-style-position: outside;
    padding-left: 2.6rem;
    margin: 1em 0; }
    .ckeditor__output ul p, .ckeditor__output ol p {
      display: inline;
      font-size: 16px; }
  .ckeditor__output p {
    margin: 1em 0; }
    .ckeditor__output p:first-of-type {
      margin-top: 0; }
  .ckeditor__output a {
    color: #2196F3;
    text-decoration: none;
    font-family: "Circular Medium", Helvetica, sans-serif;
    cursor: pointer; }
    .ckeditor__output a:hover {
      color: #1A7CD9;
      text-decoration: none; }
    .ckeditor__output a:visited {
      color: #2196F3;
      text-decoration: none; }

/****** Temporary padding in place of the vision link ******/
.temporary-vision-padding:after {
  content: '';
  display: block;
  height: 20px; }

.p-dashboard__headline {
  margin: 40px auto 0; }

.p-dashboard__vision-cta {
  margin: 50px 0 10px;
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif; }

.p-dashboard__outcomes-headline {
  margin: 10px 0 0;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 28px; }

.p-dashboard__outcome {
  padding: 0;
  position: relative;
  margin-bottom: 110px; }
  .p-dashboard__outcome:after {
    content: '';
    clear: both;
    display: block; }

.p-dashboard__saved-strategies-headline {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  padding: 5px 0 10px; }

.p-dashboard__outcome-title {
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 30px;
  font-size: 24px;
  color: #1e2326;
  display: block;
  width: 635px;
  color: #1A7CD9;
  float: left;
  margin: 15px 0; }
  .p-dashboard__outcome-title:hover {
    color: #1b7ee0; }

.p-dashboard__outcome-button {
  float: right;
  margin-right: 20px;
  margin-top: 25px; }

.p-dashboard__outcome-icon {
  position: absolute;
  font-size: 68px;
  color: #1A7CD9;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 15px; }

.p-dashboard__outcome-icon--completed {
  font-size: 50px;
  margin-top: 22px; }

.p-dashboard__outcome-details {
  float: left;
  padding-left: 108px;
  width: 100%; }
  .p-dashboard__outcome-details:after {
    content: '';
    display: block;
    clear: both; }

.p-dashboard__outcome-strategies {
  width: 100%; }

.p-dashboard__find-strategies-btn {
  text-align: center;
  margin-bottom: 10px; }

.p-dashboard__find-strategies-cta {
  color: #1b7ee0;
  font-size: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  display: block; }

.p-dashboard__outcome-capsule {
  width: 83.333333333333%;
  margin: 10px auto 20px;
  display: block;
  min-height: 105px; }
  .p-dashboard__outcome-capsule:after {
    content: '';
    display: block;
    clear: both; }

.p-dashboard__strategy {
  padding: 20px 20px 20px 0;
  width: 66.666666666667%;
  margin: 10px auto 20px;
  display: block; }
  .p-dashboard__strategy:after {
    content: '';
    display: block;
    clear: both; }

.tc__capsule-headline--p-dashboard {
  padding-bottom: 0; }

.p-dashboard__strategy-description {
  margin-top: 10px; }

.p-dashboard__strategy-indicator-declaration {
  font-family: "Aktiv Grotesk Medium", Helvetica, sans-serif; }

.p-dashboard__strategy .si-v2__user-action-icon.tc-note {
  margin-top: 0; }

.p-dashboard__strategy-actions {
  width: 80px;
  margin: 10px 0 0 20px;
  position: absolute; }
  .p-dashboard__strategy-actions .wide-capsule-v2__pin-container,
  .p-dashboard__strategy-actions .cd-strategy__note-container {
    float: left;
    text-align: left;
    margin-right: 20px; }

.p-dashboard__vision-link {
  margin: 30px auto; }

.p-dashboard__outcome-strategy-text {
  padding: 10px 0 10px 110px;
  width: 100%; }
  .p-dashboard__outcome-strategy-text.p-dashboard__strategy--border-left:after {
    content: '';
    display: block;
    height: 100%;
    border-left: 1px solid #CECECE;
    position: absolute;
    height: 40px;
    margin-top: 20px;
    margin-left: -20px;
    top: 0; }

.p-dashboard__strategy .cd__pin-icon {
  margin: 0 0 20px; }

.p-dashboard__outcome-meta-container {
  width: 100%;
  padding-left: 108px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  margin-bottom: 10px;
  color: #7f7f7f; }
  .p-dashboard__outcome-meta-container:after {
    content: '';
    clear: both;
    display: block; }

.p-dashboard__outcome-meta {
  float: left; }

.p-dashboard__outcome-meta--progress {
  width: 170px;
  margin-right: 50px;
  position: relative; }

.p-dashboard__outcome-meta--entries {
  margin-right: 60px; }

.p-dashboard__outcome-meta--entries-value {
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }

.p-dashboard__outcome-meta--measurement .tc-arrow-up {
  padding: 2px 10px;
  float: left; }
  .p-dashboard__outcome-meta--measurement .tc-arrow-up:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block; }

.p-dashboard__outcome-meta--measurement:after {
  display: block;
  clear: both;
  content: ''; }

.p-dashboard__outcome-progress-bar-container {
  height: 16px;
  border: 1px solid #7f7f7f;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer;
  margin-top: 3px; }

.p-dashboard__outcome-meta--progress-check {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  background-color: #2EAC56;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 21px;
  width: 21px;
  text-align: center;
  margin-right: -2px;
  padding-top: 2px; }

.p-dashboard__outcome-meta--measurement-value {
  float: left; }

@media only screen and (max-width: 48em) {
  .responsive-layout .p-dashboard__outcome-meta-container {
    padding: 0; }
  .responsive-layout .p-dashboard__outcome-meta {
    float: none;
    margin: 0 auto; }
  .responsive-layout .p-dashboard__outcome-meta--entries {
    text-align: center;
    margin: 1.3rem 0; }
  .responsive-layout .p-dashboard__outcome-meta--progress-check {
    margin-top: -2px; }
  .responsive-layout .p-dashboard__strategy {
    padding: 0 1.625rem;
    border-bottom: 0; }
  .responsive-layout .p-dashboard__headline {
    padding-top: 4.5rem; }
  .responsive-layout .p-dashboard__vision-cta {
    margin-top: 1.3rem; }
  .responsive-layout .p-dashboard__vision-link {
    margin: 1.3rem auto; }
  .responsive-layout .p-dashboard__outcomes-headline {
    margin: 0;
    padding-top: 0; }
  .responsive-layout .p-dashboard__saved-strategies-headline {
    text-align: center;
    padding: 8px 20px 0; }
    .responsive-layout .p-dashboard__saved-strategies-headline:after {
      content: '';
      display: block;
      clear: both;
      border-top: 1px solid #dbdad7;
      width: 100%;
      margin-top: 1.3rem; }
  .responsive-layout .p-dashboard__outcome {
    margin-bottom: 3.9rem; }
  .responsive-layout .p-dashboard__outcome-capsule {
    border-bottom: 0; }
  .responsive-layout .p-dashboard__outcome-icon {
    font-size: 70px;
    display: block;
    position: relative;
    text-align: center;
    margin-left: 0; }
  .responsive-layout .p-dashboard__outcome-icon-container {
    display: block;
    height: 3.9rem;
    width: 5.46rem;
    margin: 0 auto 0.65rem;
    position: relative; }
  .responsive-layout .p-dashboard__outcome-icon--completed {
    font-size: 60px; }
  .responsive-layout .p-dashboard__find-strategies-btn {
    margin-top: 0.65rem; }
  .responsive-layout .p-dashboard__outcome-details {
    padding-left: 0;
    margin-top: 0.65rem;
    text-align: center;
    float: none; }
  .responsive-layout .p-dashboard__outcome-title {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 1.04rem;
    width: 100%;
    padding: 0 1.3rem;
    margin-top: 0.65rem; }
  .responsive-layout .p-dashboard__outcome-button {
    float: none;
    width: 140px;
    margin: 0 auto; }
  .responsive-layout .p-dashboard__strategy .p-dashboard__outcome-strategy-text {
    border-bottom: 1px solid #dbdad7;
    padding-bottom: 1.3rem;
    padding-top: 1.3rem;
    padding-left: 3.64rem;
    min-height: 6.2rem; }
    .responsive-layout .p-dashboard__strategy .p-dashboard__outcome-strategy-text:before {
      content: '';
      display: block;
      clear: both;
      border-left: 1px solid #dbdad7;
      top: 0;
      position: absolute;
      height: 70px;
      margin-top: 20px;
      margin-left: -20px; }
  .responsive-layout .p-dashboard__find-strategies-cta {
    font-size: 16px; }
  .responsive-layout .p-dashboard__strategy:last-of-type {
    border-bottom: 0; }
  .responsive-layout .p-dashboard__strategy-actions {
    width: 1.3rem;
    height: auto;
    margin: 1.3rem  0 0; }
  .responsive-layout .cd-discovery-capsule-text {
    padding-left: 2.34rem;
    padding-bottom: 1.3rem; }
  .responsive-layout .modal--fixed.modal--notes {
    max-height: 100%; }
    .responsive-layout .modal--fixed.modal--notes .modal__close {
      display: none; }
  .responsive-layout .vision__form {
    width: 100%; }
  .responsive-layout .artifact__link--option .tc__input {
    width: 100%; }
  .responsive-layout .p-dashboard__outcome--no-strategies .p-dashboard__find-strategies-btn {
    margin-top: 0; }
  .responsive-layout .p-dashboard__strategy .cd__pin-icon {
    margin: 0 0.975rem 1.3rem 0.3rem;
    float: left; }
  .responsive-layout .p-dashboard__strategy-actions {
    margin: 1.3rem 0 0 0; }
  .responsive-layout .tc__capsule-headline--p-dashboard {
    margin-top: 0.65rem; } }

.tc__page--vision {
  padding-bottom: 100px; }

.vision__editor-caption {
  font-size: 16px;
  text-align: left;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px;
  padding-bottom: 0; }

.vision__headline {
  margin-bottom: 40px; }

.vision__form-container {
  padding-top: 28px; }

.vision__form {
  width: 100%;
  padding: 20px 30px 30px; }

.vision__text-label {
  font-family: "Circular Bold", Helvetica, sans-serif;
  padding-right: 10px;
  padding-bottom: 5px; }

.vision__text-link {
  margin-top: 5px; }

.vision__artifact-add {
  background: white;
  margin: 0 auto;
  position: relative;
  font-size: 40px;
  cursor: pointer; }
  .vision__artifact-add .tc-add-artifact:before {
    color: white;
    background: #1A7CD9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
    padding: 8px; }

.vision__artifact-options {
  position: absolute;
  top: -36px;
  right: 60px;
  z-index: 5;
  border: 1px solid #CECECE;
  padding: 20px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  background: white;
  margin-right: -88px;
  display: inline-block; }
  .vision__artifact-options:after {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 30px 0;
    border-color: transparent #CECECE transparent transparent;
    z-index: 9998; }
  .vision__artifact-options:before {
    content: "";
    position: absolute;
    left: -29px;
    top: 50%;
    margin-top: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 30px 0;
    border-color: transparent white transparent transparent;
    z-index: 9999; }

.partiacipant-artifact__delete-confirmation {
  color: #cc441b;
  width: 100%;
  text-align: center;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin: 0 auto 40px; }

.vision__artifact-option {
  cursor: pointer;
  float: left;
  margin-right: 8px;
  color: #1976d2;
  position: relative; }
  .vision__artifact-option:last-of-type {
    margin-right: 0; }

.vision__artifact-option-icon {
  font-size: 32px;
  border: 1px solid #CECECE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  margin-bottom: 12px;
  padding-top: 11px; }
  .vision__artifact-option-icon:last-of-type {
    margin-bottom: 0; }

.vision__artifact-option-caption {
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  text-transform: uppercase; }

.vision__artifact-add-btn {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 55px;
  color: white;
  font-size: 50px;
  padding: 0;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.vision__artifact-link-button {
  margin: 30px auto;
  display: block;
  text-align: center; }

.vision__upload-progress {
  position: absolute;
  width: 90%;
  top: 33%; }

.vision__upload-progress-title {
  display: inline-block; }
  .vision__upload-progress-title .artifact__upload-title {
    width: auto; }

.vision__upload-progress-bar {
  margin: 20px 0; }

.participant__artifact-upload-modal {
  min-height: 400px; }

.participant__artifact-image__preview-icon {
  position: absolute;
  font-size: 80px;
  color: #a8a6a0;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -40px; }

.participant__artifact-container--text .participant__capsule-actions {
  position: relative;
  top: 0;
  right: 0;
  float: right; }

/****** Artifact Capsule ******/
.tc__capsule--time-line {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.participant__artifact-container {
  margin: 15px 0;
  padding: 25px 25px 25px; }

.participant__artifact-notes {
  font-size: 14px;
  letter-spacing: 0.88px;
  white-space: pre-wrap; }

.participant__artifact-image__preview-container {
  margin-bottom: 5px; }

.participant__artifact-image {
  width: 513px; }
  .participant__artifact-image.scale-to-width {
    width: 513px; }
  .participant__artifact-image.scale-to-height {
    height: 380px;
    width: auto; }

.participant__artifact-image-mask {
  width: 513px;
  height: 380px;
  overflow: hidden; }

.participant__artifact-image--none,
.participant__artifact-image-mask--none {
  width: 513px;
  height: 380px;
  background: #dbdad7;
  line-height: 280px;
  text-align: center;
  position: relative; }

.participant__artifact-image-mask {
  margin: 35px auto 15px; }

.participant__artifact-image-upload--none,
.participant__artifact-image-mask-upload--none {
  width: 500px;
  height: 300px;
  background: #dbdad7;
  line-height: 280px;
  text-align: center;
  position: relative; }

.participant__artifact-image-title {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 18px; }

.participant__story-line {
  position: relative;
  padding-top: 55px; }
  .participant__story-line:after {
    content: '';
    border-right: 1px solid #CECECE;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: -20px;
    left: 50%;
    margin-left: -1px; }

.participant__story-line--pl:before {
  content: '';
  height: 14px;
  margin: 0 auto;
  width: 14px;
  background: #dbdad7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 0; }

.participant__story-line--pl:after {
  top: 0; }

.participant__story-line--pl .participant__artifact-container:last-of-type {
  margin-bottom: 0; }

.participant__story-line--empty {
  border: 0; }

.artifact__preview--participant-upload {
  display: inline; }

.artifact__form-row {
  position: relative; }
  .artifact__form-row .tc__error {
    margin-bottom: 0; }
  .artifact__form-row.disabled {
    opacity: 0.6; }

.artifact__form-checkbox-row {
  margin-bottom: 30px; }
  .artifact__form-checkbox-row.disabled {
    opacity: 0.6; }

.artifact__form-checkbox-label {
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 18px;
  margin-left: 10px;
  cursor: pointer; }

.artifact__type-title-container--participant-upload {
  margin-bottom: 20px; }
  .artifact__type-title-container--participant-upload label {
    margin-right: 10px; }
  .artifact__type-title-container--participant-upload .tc__input {
    width: 600px; }

textarea.artifact__notes--participant-upload {
  margin: 0;
  height: 160px; }

.participant__capsule-actions {
  position: absolute;
  top: 15px;
  font-size: 18px;
  right: 15px; }
  .participant__capsule-actions:after {
    content: '';
    position: realtive;
    clear: both; }

.participant__capsule-action {
  float: left;
  padding: 10px;
  color: #1A7CD9;
  cursor: pointer; }
  .participant__capsule-action:last-of-type {
    margin-right: 0; }

.participant-artifact__title {
  max-width: 490px;
  padding-left: 0; }

.participant__artifact-modal--link {
  min-height: 300px; }

.participant__artifact-modal--delete {
  min-height: 224px; }

.artifact__link--option {
  margin-top: 20px;
  display: inline-block; }
  .artifact__link--option .tc__input {
    margin-left: 0;
    width: 380px; }

.vision__artifact-link-upload-headline,
.vision__artifact-link-upload-caption {
  margin-bottom: 5px; }

.vision__artifact-link-input-container {
  position: relative; }

.participant__artifact-edit-form {
  width: 585px;
  margin: 0 auto; }
  .participant__artifact-edit-form .artifact__type-label {
    margin-right: 10px;
    display: block;
    margin-bottom: 16px;
    font-family: MuseoSans-500, Helvetica, sans-serif; }
  .participant__artifact-edit-form input.tc__input {
    width: 100%; }

.participant__artifact-edit-label {
  font-family: "Circular Book", Helvetica, sans-serif;
  margin: 20px 0 16px;
  display: block; }

.story-upload__modal {
  margin-top: 0;
  top: 1.5%;
  position: absolute;
  width: 780px; }

.vision__form-btns {
  position: relative;
  margin: 10px 0 20px; }

.vision__headline--artifacts {
  margin-bottom: 50px; }

.participant-profile__form-cancel-btn--vision {
  margin-left: 20px; }

.participant-artifact__uplaod-buttons .tc__btn {
  margin: 0 10px;
  width: 140px; }

.partiacipant-artifact__delete {
  color: #cc441b;
  margin: 40px auto 0;
  width: 100px;
  cursor: pointer; }
  .partiacipant-artifact__delete:after {
    content: '';
    clear: both;
    display: block; }

.partiacipant-artifact__delete-icon {
  float: left;
  font-size: 18px; }

.partiacipant-artifact__delete-caption {
  float: left;
  margin-top: 1px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-left: 8px; }

.partiacipant-artifact__delete-container {
  margin-top: 20px; }

.artifact__upload-headline {
  margin-top: 2.6rem; }

.participant__artifact__preview-container {
  cursor: pointer; }

.participant__artifact-notes-container--participant-upload {
  margin-bottom: 35px; }
  .participant__artifact-notes-container--participant-upload.disabled {
    opacity: 0.6; }

@media only screen and (max-width: 48em) {
  .responsive-layout .cke_dialog .ImagePreviewBox {
    width: auto; }
  .responsive-layout .cke_dialog_ui_hbox_first {
    width: 32% !important; }
  .responsive-layout .cke_dialog_contents_body,
  .responsive-layout .cke_dialog_ui_html,
  .responsive-layout .cke_dialog_page_contents {
    width: 100% !important; }
  .responsive-layout .cke_dialog_footer_buttons {
    float: left; }
  .responsive-layout .cke_reset_all * {
    white-space: normal; }
  .responsive-layout .vision__headline {
    padding-top: 4.5rem;
    margin-bottom: 1.3rem; }
  .responsive-layout .vision__headline--artifacts {
    padding-top: 0.65rem;
    margin-top: 0;
    margin-bottom: 3.6rem; }
  .responsive-layout .vision__artifacts {
    padding: 0.65rem 1.3rem; }
  .responsive-layout .participant__artifact-image {
    width: 100%; }
    .responsive-layout .participant__artifact-image.scale-to-width {
      width: 100%; }
    .responsive-layout .participant__artifact-image.scale-to-height {
      height: 280px;
      width: auto; }
  .responsive-layout .participant__artifact-image-mask {
    width: 100%;
    height: 280px;
    overflow: hidden; }
  .responsive-layout .participant__artifact-image--none,
  .responsive-layout .participant__artifact-image-mask--none {
    width: 100%;
    height: 280px;
    background: #dbdad7;
    line-height: 280px;
    text-align: center;
    position: relative; }
  .responsive-layout .vision__artifact-add--active {
    height: 63px; }
    .responsive-layout .vision__artifact-add--active .tc-add-artifact {
      position: absolute;
      left: 0; }
  .responsive-layout .vision__artifact-options {
    margin-right: 0;
    left: 0;
    right: auto;
    margin-left: 3.6rem;
    top: 63%;
    margin-top: -3.7rem;
    padding: 10px 1px; }
    .responsive-layout .vision__artifact-options::before {
      left: -12px;
      margin-top: -10px;
      border-width: 12px 12px 12px 0; }
    .responsive-layout .vision__artifact-options::after {
      left: -13px;
      margin-top: -10px;
      border-width: 12px 12px 12px 0; }
  .responsive-layout .vision__artifact-option {
    font-size: 40px;
    margin-right: 7px;
    margin-left: 7px;
    position: relative; }
  .responsive-layout .vision__artifact-option-caption {
    font-size: 10px;
    margin: 10px auto 0; }
  .responsive-layout .vision__artifact-option-icon {
    height: 50px;
    width: 50px;
    font-size: 24px;
    line-height: 50px;
    margin: 0;
    padding: 0; }
  .responsive-layout .vision__form-container {
    padding: 0.65rem 1.3rem; }
  .responsive-layout .participant-artifact__title {
    max-width: 90%;
    padding-left: 0.65rem; }
  .responsive-layout .participant__artifact-edit-form {
    width: 100%; }
  .responsive-layout .artifact__cancel--mobile {
    position: relative;
    bottom: -20px; }
  .responsive-layout .partiacipant-artifact__delete {
    margin-top: 20px; }
  .responsive-layout .participant-artifact__uplaod-buttons .tc__btn {
    margin-bottom: 20px; }
  .responsive-layout .vision__upload-progress {
    position: relative;
    width: 100%;
    margin-top: 30%;
    top: auto; }
  .responsive-layout .vision__artifact-add .tc-add-artifact:before {
    font-size: 20px;
    padding: 6px; } }

.ppd-3-coach__headline {
  margin: 20px 0 0;
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.ppd-3-coach__ppd2-teams {
  margin: 20px 0 0;
  line-height: 52px;
  text-align: right;
  padding-bottom: 0; }
  .ppd-3-coach__ppd2-teams .tc__link {
    font-size: 18px;
    font-family: "Circular Book", Helvetica, sans-serif; }

.ppd-v3-curation__table--participants .ppd-v3-curation__table-header {
  padding: 12px 10px;
  min-width: 108px; }

.ppd-v3-curation__table--participants .ppd-v3-curation__table-col {
  padding: 12px 10px;
  vertical-align: top; }

.ppd-3-coach__outcomes {
  margin-bottom: 10px; }
  .ppd-3-coach__outcomes:last-of-type {
    margin-bottom: 0; }

.ppd-3-coach__icon {
  display: inline-block;
  margin-right: 7px; }
  .ppd-3-coach__icon .tc__link {
    font-size: 20px; }
  .ppd-3-coach__icon a:hover {
    text-decoration: none; }
  .ppd-3-coach__icon:last-of-type {
    margin-right: 0; }

.ppd-3-coach-table__header [class*='cute-'] {
  padding-bottom: 0; }

.ppd-3-coach-table {
  padding-top: 0;
  font-size: 14px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif; }
  .ppd-3-coach-table .tc__link {
    font-size: 14px;
    font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif; }
  .ppd-3-coach-table .ppd-3-coach__icon .tc__link {
    font-weight: normal;
    font-style: normal;
    font-family: 'teach-cycle-icons'; }

.ppd-3-coach-table__user-cell {
  position: relative; }

.ppd-3-coach-table__user-image {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 10px;
  margin-left: 10px; }

.ppd-3-coach-table__user-details {
  padding-left: 60px; }

.ppd-3-coach-table__header-caption.tc__link {
  font-family: "Circular Bold", Helvetica, sans-serif;
  float: left;
  padding-right: 5px; }

.ppd-3-coach-table__header {
  padding-top: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid #CECECE;
  font-family: "Circular Bold", Helvetica, sans-serif; }

.ppd-3-coach-table__row {
  padding: 5px 0; }
  .ppd-3-coach-table__row:last-of-type {
    border-bottom: 1px solid #CECECE; }
  .ppd-3-coach-table__row:nth-child(even) {
    background: #F9F9F9; }
  .ppd-3-coach-table__row:nth-child(odd) {
    background: white; }

.ppd-3-coach-table__header-col {
  display: inline-block;
  position: relative;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-bottom: 10px; }

.ppd-3-coach-table__f-name-headline {
  padding-right: 15px; }

.ppd-3-coach-table__user-name {
  margin-bottom: 6px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px; }

.ppd-3-coach-table__user-email {
  margin-bottom: 15px; }

.ppd-3-coach-table__user-actions .tc-profile, .ppd-3-coach-table__user-actions .tc-vision, .ppd-3-coach-table__user-actions .tc-v4-settings {
  margin-right: 20px; }

.ppd-3-coach-table__arrow {
  float: left;
  color: #1A7CD9; }

.ppd-3-coach-table__arrow--down:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  display: block; }

.ppd-3-coach-table__arrow--up:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block; }

@media only screen and (max-width: 48em) {
  .responsive-layout .m-coach-dashboard__headline.ppd-3-coach__m-headline {
    padding-top: 10px;
    margin-bottom: 0; }
  .responsive-layout .m-coach-participant__sort.m-coach-participant {
    text-align: center;
    padding: 1.3rem; }
    .responsive-layout .m-coach-participant__sort.m-coach-participant label {
      padding-right: 0.65rem; }
  .responsive-layout .ppd-3-coach.m-coach-participant {
    font-size: 14px;
    padding: 1.3rem; }
    .responsive-layout .ppd-3-coach.m-coach-participant .m-coach-participant__name {
      font-size: 16px;
      margin-bottom: 0.3rem;
      border: none;
      padding-top: 0; }
    .responsive-layout .ppd-3-coach.m-coach-participant .ppd-3-coach-table__user-actions {
      padding: 0.975rem 0; }
      .responsive-layout .ppd-3-coach.m-coach-participant .ppd-3-coach-table__user-actions .ppd-3-coach__icon .tc__link {
        font-size: 20px; }
    .responsive-layout .ppd-3-coach.m-coach-participant .ppd-3-coach-table__user-email {
      margin-bottom: 0; }
  .responsive-layout .ppd-3-coach-table__user-cell {
    border-bottom: 1px solid #CECECE; }
  .responsive-layout .ppd-3-coach-table__user-image {
    margin-top: 0;
    margin-left: 0; } }

.meeting__header {
  width: 1170px;
  margin: 0 auto; }

.tc-header__logo--meeting {
  display: block; }

.meeting__video {
  margin-top: 20px; }

.meeting__user-details {
  width: 100%; }
  .meeting__user-details:after {
    display: block;
    content: '';
    clear: both; }

.meeting__user-image {
  float: left;
  margin-right: 10px; }

.meeting__headline {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 18px;
  float: left;
  margin-top: 10px; }

.meeting__details {
  margin: 20px auto 24px;
  padding: 0 0.65rem; }

.meeting__detail {
  margin-top: 12px;
  font-size: 16px;
  font-family: MuseoSans-300, Helvetica, sans-serif; }

.meeting__detail-span {
  margin-right: 30px; }
  .meeting__detail-span:last-of-type {
    margin-right: 0; }

.meeting__detail--cohort {
  font-family: MuseoSans-500, Helvetica, sans-serif; }

.meeting__notes {
  margin-top: 18px;
  font-family: MuseoSans-300, Helvetica, sans-serif;
  font-size: 16px; }

.meeting__notes-headline {
  font-family: MuseoSans-700, Helvetica, sans-serif;
  font-size: 14px; }

@media only screen and (max-width: 48em) {
  .responsive-layout .meeting__video {
    padding: 0.65rem 1.3rem;
    margin-top: 3.25rem; }
  .responsive-layout .meeting__details {
    padding: 0 1.3rem; }
  .responsive-layout .meeting__header {
    padding: 0.65rem 0;
    width: 100%; }
  .responsive-layout .meeting__video .vjs-default-skin .vjs-big-play-button {
    left: 50%;
    top: 50%;
    margin-left: -31px;
    margin-top: -31px; }
  .responsive-layout .meeting__video .video-js {
    height: 240px !important; }
  .responsive-layout .meeting__video .vjs-fullscreen-control {
    display: none; }
  .responsive-layout .meeting__video .vjs-volume-control {
    margin-right: 0.65rem; } }

.participant__login {
  width: 100%;
  padding: 0 1.3rem; }

.tc-header__logo.tc-header__logo--participant-landing {
  background: url("/www/teachcycle/images/betterlesson-lab-logo.svg");
  background-repeat: no-repeat;
  margin: 60px auto 0;
  height: 60px;
  background-position-x: center; }

input.participant__login-input {
  border: 0;
  border-bottom: 1px solid #E8E8E8;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin-bottom: 1.3rem;
  line-height: 2.6rem;
  -webkit-box-shadow: inset 0 0 0px 9999px white;
  font-size: 20px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  padding-left: 50px;
  box-sizing: border-box; }
  input.participant__login-input::-webkit-input-placeholder {
    font-size: 20px;
    font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
    line-height: 40px;
    color: #7f7f7f; }
  input.participant__login-input:-moz-placeholder {
    font-size: 20px;
    font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
    line-height: 40px;
    color: #7f7f7f; }
  input.participant__login-input:-ms-input-placeholder {
    font-size: 20px;
    font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
    line-height: 40px;
    color: #7f7f7f; }

.participant__login-button {
  background-image: -owg-linear-gradient(-135deg, #0AABB1 0%, #1A7CD9 100%);
  background-image: -webkit-linear-gradient(-135deg, #0AABB1 0%, #1A7CD9 100%);
  background-image: -moz-linear-gradient(-135deg, #0AABB1 0%, #1A7CD9 100%);
  background-image: -o-linear-gradient(-135deg, #0AABB1 0%, #1A7CD9 100%);
  background-image: linear-gradient(-135deg, #0AABB1 0%, #1A7CD9 100%);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif;
  border: 0;
  height: 50px;
  font-size: 16px; }
  .participant__login-button .littlespinner {
    top: 16px;
    left: 16px;
    height: 16px;
    width: 16px; }

.participant__login-form-item {
  position: relative; }

.participant__login-form-icon {
  color: #7f7f7f;
  position: absolute;
  left: 20px; }
  .participant__login-form-icon.tc-email-v2 {
    font-size: 15px;
    top: 15px; }
  .participant__login-form-icon.tc-password-v2 {
    font-size: 24px;
    top: 5px; }

.participant__login-footer {
  background: url("/www/teachcycle/images/participant-login-footer.svg");
  background-repeat: no-repeat;
  height: 140px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position-x: center;
  z-index: -1; }

.participant__login-error-container {
  position: relative;
  min-height: 85px; }

.participant__login-error {
  display: block;
  margin-top: 10px;
  background: #cc2929;
  border: 1px solid #a62121;
  color: #fff;
  width: 100%;
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .participant__login-error div {
    line-height: 20px; }

@media screen and (orientation: landscape) and (max-height: 500px) {
  .participant__login {
    min-height: 500px;
    position: relative; }
  .participant__login-footer {
    position: absolute; } }

@media screen and (min-height: 500px) {
  .participant__login-footer {
    height: 240px; } }

/***** Cohort Dashboard common styles *****/
.cohort-dash__headline {
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 34px;
  font-weight: normal; }

.cohort-dash__headline--underline {
  border-bottom: 1px solid #CECECE;
  padding-bottom: 17px;
  margin-bottom: 10px; }

.cohort-dash__icon {
  vertical-align: middle;
  font-size: 20px;
  margin-right: 10px; }

.cohort-dash__icon--multipath {
  display: inline-block;
  height: 18px;
  width: 20px;
  font-size: 13px; }

.cohort-dash__icon--compass {
  display: inline-block;
  height: 20px;
  width: 20px;
  font-size: 10px;
  border: 1px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 4px 3px; }

.cohort-dash__icon--cloud {
  font-size: 18px;
  font-weight: bold; }
  .cohort-dash__icon--cloud:before {
    color: #222222; }

.cohort-dash__detail-text {
  vertical-align: middle; }

.cohort-dash__empty-text {
  font-size: 20px;
  font-family: "Aktiv Grotesk Light Italic", Helvetica, sans-serif;
  line-height: 22px;
  color: #7f7f7f; }

.cohort-dash__empty-text--outcomes {
  margin: 15px; }

/***** Cohort *****/
.cohort-dash__cohort {
  margin-bottom: 40px; }

.cohort-dash__cohort-details {
  margin-left: -0.65rem;
  margin-right: -0.65rem;
  width: auto; }

.cohort-dash__outcomes-headline {
  font-size: 20px;
  font-family: "Aktiv Grotesk Medium", Helvetica, sans-serif;
  line-height: 22px;
  text-transform: uppercase;
  border-bottom: 1px solid #CECECE;
  padding: 0 5px;
  margin-top: 40px; }

.cohort-dash__cohort-detail {
  font-size: 24px;
  font-family: "Aktiv Grotesk Medium", Helvetica, sans-serif;
  line-height: 26px; }

/***** Vision & Goals *****/
.cohort-dash__vision-form {
  width: 60%;
  padding: 15px; }

.cohort-dash__vision-form-btn {
  margin-top: 15px; }

/***** Cohort Updates *****/
.cohort-dash__add-update {
  border-bottom: 1px solid #CECECE;
  padding: 25px 15px; }

.cohort-dash__add-update-link {
  display: inline-block;
  color: #1A7CD9;
  text-decoration: none;
  font-family: "Circular Medium", Helvetica, sans-serif;
  text-align: center;
  margin-right: 30px;
  cursor: pointer; }
  .cohort-dash__add-update-link:hover {
    color: #124e93; }

.cohort-dash__add-update-icon {
  font-size: 40px;
  margin-bottom: 15px; }

.cohort-dash__update-action-icons {
  text-align: right;
  padding: 5px; }

.cohort-dash__update-action-icon {
  vertical-align: middle;
  font-size: 24px;
  text-decoration: none;
  color: #1A7CD9;
  margin-right: 20px;
  cursor: pointer; }
  .cohort-dash__update-action-icon:hover {
    color: #124e93; }
  .cohort-dash__update-action-icon.tc-delete {
    font-size: 28px; }

.cohort-dash__update-edit-form-row {
  position: relative;
  margin-bottom: 30px; }

.cohort-dash__update-edit-form-input {
  width: 100%; }

/***** Outcome Row *****/
.cohort-dash__outcome-row {
  border-bottom: 1px solid #CECECE;
  padding: 25px 15px; }
  .cohort-dash__outcome-row:nth-child(even) {
    background: #F9F9F9; }
  .cohort-dash__outcome-row:nth-child(odd) {
    background: white; }

.cohort-dash__outcome-title {
  width: 75%;
  font-size: 24px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 28px;
  margin-bottom: 10px; }

.cohort-dash__outcome-details {
  margin-top: 10px; }

.cohort-dash__outcome-detail {
  font-size: 18px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px; }

.cohort-dash__outcome-detail--link {
  font-family: "Aktiv Grotesk Medium", Helvetica, sans-serif; }

.cohort-dash__outcome-avg-starting-pt {
  font-size: 26px;
  font-family: "Aktiv Grotesk Medium", Helvetica, sans-serif;
  line-height: 30px;
  margin-right: 10px; }

/***** Participant Row *****/
.cohort-dash__participants {
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  margin-bottom: 20px; }

.cohort-dash__participant-row {
  padding: 25px 15px 10px; }
  .cohort-dash__participant-row:nth-child(odd) {
    background: #F9F9F9; }
  .cohort-dash__participant-row:nth-child(even) {
    background: white; }

.cohort-dash__participant-row--grey {
  color: #CECECE; }

.cohort-dash__participant-name-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CECECE; }

.cohort-dash__participant-name {
  font-size: 24px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 28px;
  padding-bottom: 16px; }

.cohort-dash__participant-actions {
  flex: none; }

.cohort-dash__participant-visibility {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px; }

.cohort-dash__participant-visibility-label {
  cursor: pointer; }

.cohort-dash__participant-detail-section {
  padding-top: 0; }

.cohort-dash__participant-detail {
  margin-top: 16px; }
  .cohort-dash__participant-detail .highlight {
    font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif; }

.cohort-dash__note-icon {
  position: relative;
  display: inline-block;
  color: #1A7CD9;
  text-decoration: none;
  font-size: 30px;
  margin-top: 6px;
  cursor: pointer; }
  .cohort-dash__note-icon:hover {
    color: #124e93; }
    .cohort-dash__note-icon:hover .cohort-dash__note-count {
      background-color: #124e93; }

.cohort-dash__note-count {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  background-color: #1A7CD9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 12px;
  line-height: 18px;
  font-family: MuseoSans-700, Helvetica, sans-serif;
  margin-top: -8px;
  margin-right: -8px; }

/***** Note Modal *****/
.cohort-dash__modal {
  width: 800px; }

.cohort-dash__modal-headline {
  text-align: center;
  font-size: 22px;
  padding: 30px 40px 26px; }

.cohort-dash__modal-body {
  padding: 0 60px; }

.cohort-dash__form-row {
  text-align: left;
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 25px; }

.cohort-dash__input {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px; }

.cohort-dash__submit-btns {
  text-align: center;
  margin-bottom: 20px; }

.cohort-dash__modal-btn {
  margin: 10px; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Partner Lead Dashboard common styles *****/
    /***** Cohort *****/
    /***** Outcome Row *****/
    /***** Participant Row *****/
    /***** Note Modal *****/ }
    .responsive-layout .lead-dash {
      margin-top: 50px; }
    .responsive-layout .cohort-dash__headline {
      font-size: 24px;
      line-height: 30px; }
    .responsive-layout .cohort-dash__cohort {
      padding: 0; }
    .responsive-layout .cohort-dash__cohort-name {
      text-align: center;
      margin-right: 15px;
      margin-left: 15px; }
    .responsive-layout .cohort-dash__cohort-details {
      margin-left: 5px;
      margin-right: 5px; }
    .responsive-layout .cohort-dash__outcomes-headline {
      font-size: 18px;
      line-height: 20px; }
    .responsive-layout .cohort-dash__cohort-detail {
      font-size: 20px;
      line-height: 22px; }
    .responsive-layout .cohort-dash__outcome-title {
      width: 100%;
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 10px; }
    .responsive-layout .cohort-dash__outcome-row {
      border: none;
      padding-bottom: 15px; }
    .responsive-layout .cohort-dash__outcome-detail {
      font-size: 16px;
      line-height: 18px; }
    .responsive-layout .cohort-dash__mobile-outcome-avg-starting-pt-label {
      font-size: 16px;
      font-family: "Aktiv Grotesk Medium", Helvetica, sans-serif;
      line-height: 20px;
      margin-bottom: 4px; }
    .responsive-layout .cohort-dash__outcome-avg-starting-pt {
      font-size: 20px;
      line-height: 24px; }
    .responsive-layout .cohort-dash__participant-row {
      padding-bottom: 16px; }
    .responsive-layout .cohort-dash__participant-name {
      font-size: 20px;
      line-height: 24px; }
    .responsive-layout .cohort-dash__mobile-note-icon {
      vertical-align: middle; }
    .responsive-layout .cohort-dash__participant-detail-section {
      padding-bottom: 0; }
    .responsive-layout .cohort-dash__note-icon {
      font-size: 20px;
      margin-top: 0; }
    .responsive-layout .cohort-dash__note-count {
      width: 16px;
      height: 16px;
      line-height: 16px; }
    .responsive-layout .cohort-dash__form-row {
      margin-top: 70px; } }

/***** Partner Lead Dashboard common styles *****/
.lead-dash {
  margin-bottom: 50px; }

.lead-dash__breadcrumbs {
  font-size: 12px;
  line-height: 18px; }

.lead-dash__breadcrumb-separator {
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle; }

.lead-dash__breadcrumb-end {
  font-family: "Circular Book", Helvetica, sans-serif; }

.lead-dash__headline {
  font-size: 36px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 40px;
  font-weight: normal;
  margin-top: 10px; }

.lead-dash__headline--no-breadcrumbs {
  margin-top: 40px; }

.lead-dash__headline--single-outcome {
  text-align: center;
  margin-bottom: 0; }

.lead-dash__subheadline {
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 34px;
  font-weight: normal;
  padding-bottom: 20px;
  border-bottom: 1px solid #CECECE;
  margin-top: 30px; }

.lead-dash__icon {
  vertical-align: middle;
  font-size: 20px;
  margin-right: 10px; }

.lead-dash__icon--multipath {
  display: inline-block;
  height: 18px;
  width: 20px;
  font-size: 13px; }

.lead-dash__link {
  color: #1A7CD9;
  text-decoration: none;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer; }
  .lead-dash__link:hover {
    color: #124e93; }

.lead-dash__empty-text {
  font-size: 13px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 16px;
  color: #7f7f7f; }

.lead-dash__stat-boxes {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0; }

.lead-dash__stat-box {
  flex: 0 1 32%;
  color: #7f7f7f;
  text-align: center;
  border: 1px solid #7f7f7f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 30px; }

.lead-dash__stat-link {
  color: #1A7CD9;
  text-decoration: none;
  font-family: "Circular Book", Helvetica, sans-serif;
  cursor: pointer; }
  .lead-dash__stat-link:hover {
    color: #124e93; }

.lead-dash__stat {
  font-size: 64px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.lead-dash__stat-label {
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 50px; }

/***** Main Dashboard Page *****/
.lead-dash__update-row {
  border-bottom: 1px solid #CECECE;
  padding: 10px 20px; }

.lead-dash__update-icon {
  vertical-align: middle;
  font-size: 16px;
  margin-right: 10px; }

.lead-dash__update-title {
  vertical-align: middle; }

.lead-dash__update-date {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 16px;
  color: #7f7f7f; }

.lead-dash__all-updates-link {
  margin-top: 5px; }

.lead-dash__outcome-headline {
  margin-top: 40px; }

.lead-dash__outcome-row {
  border-bottom: 1px solid #CECECE;
  padding: 20px 30px; }

.lead-dash__outcome-details-col {
  display: inline-block;
  width: 83.33%;
  vertical-align: middle; }

.lead-dash__outcome-title {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 22px;
  margin-bottom: 10px; }

.lead-dash__outcome-detail {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  color: #3D3D3D; }

.lead-dash__outcome-growth-col-header {
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 22px;
  color: #3D3D3D;
  padding-right: 34px; }

.lead-dash__outcome-growth-col {
  position: relative;
  display: inline-block;
  width: 16.66%;
  text-align: center;
  vertical-align: middle; }

.lead-dash__outcome-growth-value {
  font-size: 36px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 40px;
  color: #33B55F;
  position: relative;
  display: inline-block; }

.lead-dash__outcome-growth-value--large {
  font-size: 56px;
  line-height: 60px; }

.lead-dash__outcome-growth-label {
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  color: #3D3D3D;
  margin-top: 5px; }

.lead-dash__outcome-growth-label--large {
  font-size: 24px;
  line-height: 28px; }

.lead-dash__outcome-starting-pt-value {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 22px;
  color: #3D3D3D;
  position: relative;
  display: inline-block; }

.lead-dash__outcome-starting-pt-value--large {
  font-size: 30px;
  line-height: 34px;
  margin-top: 10px; }

.lead-dash__outcome-starting-pt-label {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  color: #7f7f7f;
  margin-top: 5px; }

.lead-dash__outcome-starting-pt-label--large {
  font-size: 24px;
  line-height: 28px; }

/***** Outcome Details Page *****/
.lead-dash__browse-strategies-btn {
  text-align: center;
  margin: 30px auto; }

/***** Participants List Page *****/
.lead-dash__participant-filters-row {
  border-top: 1px solid #CECECE; }

.lead-dash__participant-row {
  border-top: 1px solid #7f7f7f;
  padding: 25px 20px 5px; }
  .lead-dash__participant-row:nth-child(even) {
    background: #F9F9F9; }
  .lead-dash__participant-row:nth-child(odd) {
    background: white; }

.lead-dash__participant-name-row {
  display: flex;
  justify-content: space-between; }

.lead-dash__participant-name {
  font-size: 18px;
  line-height: 22px; }

.lead-dash__participant-actions {
  flex: none; }

.lead-dash__note-icon {
  position: relative;
  display: inline-block;
  color: #1A7CD9;
  text-decoration: none;
  font-size: 30px;
  cursor: pointer; }
  .lead-dash__note-icon:hover {
    color: #124e93; }

.lead-dash__participants-outcome-row {
  border-top: 1px solid #CECECE;
  padding: 15px 20px; }

.lead-dash__participants-outcome-title {
  display: inline-block;
  width: 68.3%;
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px; }

/***** Participant Details Page *****/
.lead-dash__participant-name-headline {
  text-align: center; }

.lead-dash__participant-details-col {
  font-size: 18px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px; }

.lead-dash__participant-details-col--light {
  font-size: 15px;
  line-height: 18px;
  color: #7f7f7f; }

.lead-dash__participant-detail {
  margin-bottom: 16px; }

.lead-dash__vision-headline {
  font-size: 28px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 34px;
  font-weight: normal;
  text-align: center;
  padding-top: 25px;
  border-top: 1px solid #CECECE; }

.lead-dash__vision-text {
  font-size: 16px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px;
  padding-top: 2px; }

.lead-dash__vision-link {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 0; }

.lead-dash__participant-outcome-row {
  border-bottom: 1px solid #CECECE;
  padding: 20px;
  margin: 0 20px; }
  .lead-dash__participant-outcome-row:last-of-type {
    border: none; }

.lead-dash__participant-outcome-title-wrapper {
  display: inline-block;
  width: 69%; }

.lead-dash__participant-outcome-title {
  color: #1A7CD9;
  text-decoration: none;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer; }
  .lead-dash__participant-outcome-title:hover {
    color: #124e93; }

.lead-dash__participant-outcome-indicator {
  margin-top: 16px; }

.lead-dash__participant-outcome-strategy {
  margin-top: 12px; }

.lead-dash__participant-outcome-detail-label {
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 16px; }

.lead-dash__participant-outcome-detail-text {
  font-size: 14px;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 16px; }

.lead-dash__participant-outcome-growth {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 19px;
  color: #7f7f7f;
  padding-left: 5px; }
  .lead-dash__participant-outcome-growth .dark {
    font-family: "Circular Medium", Helvetica, sans-serif;
    color: #3D3D3D; }
  .lead-dash__participant-outcome-growth .green {
    font-size: 18px;
    font-family: "Circular Medium", Helvetica, sans-serif;
    color: #33B55F; }

.lead-dash__participant-outcome-growth-container {
  display: inline-block;
  width: 31%; }

.lead-dash__participant-outcome-growth--empty {
  font-size: 13px;
  line-height: 16px; }

.lead-dash__participant-outcome-story-growth {
  font-size: 21px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 28px;
  color: #7f7f7f;
  text-align: center;
  margin-top: 10px; }
  .lead-dash__participant-outcome-story-growth .dark {
    font-family: "Circular Medium", Helvetica, sans-serif;
    color: #3D3D3D; }
  .lead-dash__participant-outcome-story-growth .green {
    font-size: 24px;
    font-family: "Circular Medium", Helvetica, sans-serif;
    color: #33B55F; }

.cd-search__filters--partner-lead {
  float: left;
  margin-right: 30px; }

.cd-search__filter-crumbs--partner-lead {
  padding-top: 5px; }
  .cd-search__filter-crumbs--partner-lead:after {
    content: '';
    display: block;
    clear: both; }

/***** Outcome Growth Tooltip *****/
.lead-dash__tooltip {
  position: absolute;
  top: 0;
  margin-top: 30px;
  right: 0;
  background: white;
  font-size: 15px;
  color: #3D3D3D;
  font-family: "Aktiv Grotesk Regular", Helvetica, sans-serif;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  padding: 20px;
  -webkit-box-shadow: rgba(81, 93, 102, 0.4) 0 0 10px 0;
  -moz-box-shadow: rgba(81, 93, 102, 0.4) 0 0 10px 0;
  box-shadow: rgba(81, 93, 102, 0.4) 0 0 10px 0;
  z-index: 2; }
  .lead-dash__tooltip:after {
    content: '';
    display: block;
    clear: both; }
  .lead-dash__tooltip .modal__close {
    top: 0;
    margin-top: 10px; }

.lead-dash__tooltip--growth {
  width: 800px; }

.lead-dash__tooltip--shift-right {
  right: -150px; }

.lead-dash__tooltip-target {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 0;
  margin-right: -23px; }

.lead-dash__tooltip-stage {
  min-width: 300px;
  float: left;
  margin-right: 30px; }
  .lead-dash__tooltip-stage:last-of-type {
    margin-bottom: 0;
    margin-right: 0; }

.lead-dash__tooltip-container {
  display: inline-block;
  position: relative; }

.lead-dash__tooltip-icon {
  border: 1px solid #CECECE;
  height: 18px;
  width: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: white;
  font-family: "Circular Bold", Helvetica, sans-serif;
  color: #1A7CD9;
  line-height: 17px;
  text-align: center;
  cursor: pointer;
  font-size: 14px; }

.lead-dash__tooltip-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px;
  color: #3D3D3D;
  margin-bottom: 10px; }

.lead-dash__tooltip-sub-headline {
  font-family: "Aktiv Grotesk Bold", Helvetica, sans-serif;
  font-size: 15px;
  color: #33B55F; }

.lead-dash__tooltip-section {
  width: 364px;
  border: 1px solid #CECECE; }

.lead-dash__tooltip-row {
  min-height: 124px;
  border-bottom: 1px solid #CECECE;
  padding: 10px; }
  .lead-dash__tooltip-row:last-of-type {
    border-bottom: none; }

.lead-dash__tooltip-arrow {
  position: absolute;
  top: 7.2rem;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  left: 50%;
  margin-top: 110px;
  margin-left: -0.9rem; }
  .lead-dash__tooltip-arrow.tc-bold-arrow:before {
    color: #33B55F; }

/***** Outcome Story Measurement Entry Chart *****/
.lead-dash__stage-rows {
  margin-top: 30px;
  margin-bottom: 27px; }

.lead-dash__stage-row {
  position: relative;
  margin-bottom: 3px; }
  .lead-dash__stage-row:after {
    content: '';
    display: block;
    clear: both; }

.lead-dash__stage-block {
  width: 30px;
  height: 30px;
  background: #E8E8E8;
  float: left; }

.lead-dash__stage-name {
  float: left;
  color: #7f7f7f;
  font-family: "Circular Book", Helvetica, sans-serif;
  padding-left: 15px;
  font-size: 14px;
  line-height: 30px; }

.lead-dash__stage-caption {
  float: left;
  width: 45%;
  height: 30px;
  font-family: "Circular Book", Helvetica, sans-serif;
  text-align: right;
  font-size: 16px;
  color: #7f7f7f;
  padding-right: 15px;
  line-height: 30px; }

.lead-dash__stage-row--baseline span {
  color: #3D3D3D; }

.lead-dash__stage-row--baseline .lead-dash__stage-block {
  background: #3D3D3D; }

.lead-dash__stage-row--progress span {
  color: #33B55F;
  font-size: 20px; }

.lead-dash__stage-row--progress .lead-dash__stage-block {
  background: #33B55F; }

.lead-dash__participant-name-headline {
  margin-bottom: 10px; }

.lead-dash__top-first-item {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px; }

.lead-dash__top-item {
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Circular Book", Helvetica, sans-serif;
  border-left: 1px solid #AAB0B5;
  font-weight: bold;
  font-size: 16px; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Partner Lead Dashboard common styles *****/
    /***** Main Dashboard Page *****/
    /***** Participants List Page *****/
    /***** Note Modal *****/
    /***** Participant Details Page *****/
    /***** Outcome Growth Tooltip *****/ }
    .responsive-layout .lead-dash {
      margin-top: 50px; }
    .responsive-layout .lead-dash__content {
      padding: 0 1.3rem; }
    .responsive-layout .lead-dash__headline {
      font-size: 24px;
      line-height: 30px; }
    .responsive-layout .lead-dash__headline--no-breadcrumbs {
      margin-top: 1.3rem; }
    .responsive-layout .lead-dash__subheadline {
      font-size: 20px;
      line-height: 24px;
      padding-bottom: 0.975rem;
      margin-top: 1.3rem; }
    .responsive-layout .lead-dash__stat-boxes--single-outcome {
      margin-top: 0.975rem; }
    .responsive-layout .lead-dash__stat-box {
      flex: 0 1 31%;
      padding: 10px; }
    .responsive-layout .lead-dash__stat {
      font-size: 32px; }
    .responsive-layout .lead-dash__stat-label {
      font-size: 14px;
      line-height: 18px; }
    .responsive-layout .lead-dash__update-row {
      padding: 5px 0.975rem; }
    .responsive-layout .lead-dash__update-date {
      padding-top: 0; }
    .responsive-layout .lead-dash__outcome-row {
      padding: 0.975rem 1.3rem; }
    .responsive-layout .lead-dash__outcome-details-col {
      width: 100%; }
    .responsive-layout .lead-dash__outcome-growth-col {
      width: 100%;
      text-align: left;
      margin-top: 8px; }
    .responsive-layout .lead-dash__outcome-growth-value--inline {
      font-size: 24px;
      line-height: 24px;
      margin-left: 5px; }
    .responsive-layout .lead-dash__outcome-growth-value--large {
      font-size: 46px;
      line-height: 46px; }
    .responsive-layout .lead-dash__outcome-growth-label--inline {
      display: inline-block; }
    .responsive-layout .lead-dash__outcome-growth-label--large {
      font-size: 18px;
      line-height: 22px; }
    .responsive-layout .lead-dash__outcome-starting-pt-value--inline {
      font-size: 16px;
      margin-left: 5px; }
    .responsive-layout .lead-dash__outcome-starting-pt-value--large {
      font-size: 20px;
      line-height: 20px;
      margin-top: 5px; }
    .responsive-layout .lead-dash__outcome-starting-pt-label--inline {
      display: inline-block;
      font-size: 0.975rem; }
    .responsive-layout .lead-dash__outcome-starting-pt-label--large {
      font-size: 18px;
      line-height: 22px; }
    .responsive-layout .lead-dash__participants-headline {
      margin-bottom: 0; }
    .responsive-layout .lead-dash__participant-filters-row {
      border: none; }
    .responsive-layout .lead-dash__participant-row {
      padding-bottom: 16px; }
    .responsive-layout .lead-dash__participant-name-row {
      margin-bottom: 0.975rem; }
    .responsive-layout .lead-dash__mobile-note-icon {
      vertical-align: middle; }
    .responsive-layout .lead-dash__participant-detail-section {
      padding-bottom: 0; }
    .responsive-layout .lead-dash__note-count {
      width: 16px;
      height: 16px;
      line-height: 16px; }
    .responsive-layout .lead-dash__participants-outcome-row:last-of-type {
      padding-bottom: 5px; }
    .responsive-layout .lead-dash__participants-outcome-title {
      width: 100%; }
    .responsive-layout .lead-dash__form-row {
      margin-top: 70px; }
    .responsive-layout .lead-dash__participant-name-headline {
      display: inline;
      font-size: 28px;
      line-height: 30px;
      text-align: left;
      padding: 0.325rem 1.3rem 0;
      margin-bottom: 0.65rem; }
    .responsive-layout .lead-dash__participant-details-col {
      padding: 0; }
    .responsive-layout .lead-dash__participant-detail {
      margin-bottom: 0.7rem; }
    .responsive-layout .lead-dash__vision-headline {
      font-size: 24px;
      line-height: 28px;
      text-align: left;
      padding: 1.3rem 0 0.975rem;
      margin-top: 0.325rem; }
    .responsive-layout .lead-dash__vision-link {
      text-align: left;
      padding: 0; }
    .responsive-layout .lead-dash__vision-text {
      padding: 0 0 1.3rem; }
    .responsive-layout .lead-dash__participant-outcomes-headline {
      padding-top: 1.625rem;
      padding-bottom: 0;
      border-top: 1px solid #CECECE;
      border-bottom: 0;
      margin-top: 0.975rem;
      padding: 1.3rem 0 0; }
    .responsive-layout .lead-dash__participant-outcome-row {
      padding: 0.65rem 0 1.3rem;
      margin: 0; }
    .responsive-layout .lead-dash__participant-outcome-indicator {
      margin-top: 0.68rem; }
    .responsive-layout .lead-dash__participant-outcome-strategy {
      margin-top: 0.975rem; }
    .responsive-layout .lead-dash__participant-outcome-title-wrapper {
      width: 100%; }
    .responsive-layout .lead-dash__participant-outcome-growth {
      width: 100%;
      padding-left: 0;
      margin-top: 12px; }
    .responsive-layout .lead-dash__participant-outcome-story-growth {
      font-size: 18px;
      line-height: 26px; }
      .responsive-layout .lead-dash__participant-outcome-story-growth .green {
        font-size: 22px; }
    .responsive-layout .lead-dash__participant-filters-row {
      padding: 0 0.65rem; }
    .responsive-layout .cd-search__filters--partner-lead {
      float: left; }
      .responsive-layout .cd-search__filters--partner-lead .tc__btn {
        margin-bottom: 0;
        margin-left: 0.65rem; }
    .responsive-layout .cd-search__filter-crumbs--partner-lead {
      padding-top: 0;
      padding-bottom: 1.1rem; }
    .responsive-layout .lead-dash__tooltip {
      width: 100%;
      position: fixed;
      padding: 0;
      margin-top: 0; }
    .responsive-layout .lead-dash__tooltip--shift-right {
      right: 0; }
    .responsive-layout .lead-dash__tooltip-section {
      border: none;
      width: auto; }
    .responsive-layout .lead-dash__tooltip-stage {
      margin-right: 0;
      padding-top: 4.55rem;
      border-top: 1px solid #CECECE;
      width: 100%; }
    .responsive-layout .lead-dash__tooltip--growth .lead-dash__tooltip-stage {
      width: 50%;
      min-width: 0; }
    .responsive-layout .lead-dash__tooltip--growth .lead-dash__tooltip-stage {
      display: none; }
    .responsive-layout .lead-dash__tooltip-headline {
      padding: 0 0 0.975rem 0.65rem;
      border-bottom: 1px solid #CECECE;
      margin-bottom: 0; }
    .responsive-layout .lead-dash__tooltip .modal__close {
      margin-top: 3.9rem; }
    .responsive-layout .lead-dash__tooltip-arrow {
      margin-top: 0;
      top: 4.6rem;
      margin-left: -1.1rem; }
    .responsive-layout .lead-dash__tooltip-inner {
      position: fixed;
      height: 100%;
      width: 100%;
      top: 0;
      margin: 0;
      z-index: 410;
      overflow-y: auto;
      background: white; }
    .responsive-layout .lead-dash__breadcrumbs {
      margin-top: 2px;
      padding: 0.78rem 0.65rem;
      border-bottom: 1px solid #CECECE; }
      .responsive-layout .lead-dash__breadcrumbs a,
      .responsive-layout .lead-dash__breadcrumbs .lead-dash__breadcrumb-end,
      .responsive-layout .lead-dash__breadcrumbs .lead-dash__breadcrumb-separator {
        display: none; }
      .responsive-layout .lead-dash__breadcrumbs a:last-of-type {
        display: block;
        padding-left: 30px;
        font-size: 12px; }
        .responsive-layout .lead-dash__breadcrumbs a:last-of-type:after {
          content: "\E605";
          font-family: 'teach-cycle-icons';
          position: absolute;
          left: 0;
          margin-left: 10px;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
          font-size: 20px; }
    .responsive-layout .lead-dash__tooltip-text {
      padding: 1.3rem; }
    .responsive-layout .lead-dash__tooltip-row:after {
      content: '';
      display: block;
      clear: both; }
    .responsive-layout .lead-dash__tooltip-col {
      width: 50%;
      float: left;
      padding: 0.65rem; }
    .responsive-layout .lead-dash__tooltip-mobile-stages {
      margin-top: 3.8rem; }
      .responsive-layout .lead-dash__tooltip-mobile-stages .lead-dash__tooltip-row {
        padding: 0; }
    .responsive-layout .lead-dash__tooltip-row--mobile-headline {
      min-height: 0;
      border-bottom: 0; }
      .responsive-layout .lead-dash__tooltip-row--mobile-headline .lead-dash__tooltip-headline {
        padding-bottom: 1.1rem; }
    .responsive-layout .lead-dash__participant-details-col--light {
      padding: 0 0.65rem; }
    .responsive-layout .lead-dash__participants-outcome-row {
      padding: 0.975rem 0; }
    .responsive-layout .lead-dash__stat-boxes {
      padding-top: 0 1.3rem 0.65rem; }
    .responsive-layout .lead-dash__all-updates-link,
    .responsive-layout .lead-dash__subheadline {
      padding: 0.65rem 1.3rem 0.975rem; }
    .responsive-layout .lead-dash__top-first-item {
      font-size: 14px; }
    .responsive-layout .lead-dash__top-item {
      font-size: 14px; } }

/****** User Search Form ******/
.partner_highlights_menu {
  white-space: nowrap; }

.partner_highlights_growth_18 {
  font-size: 18px; }

.partner_highlights_growth_16 {
  font-size: 16x; }

.partner_highlights_cute_12 {
  width: 12%; }

.partner_highlights_cute_10 {
  width: 10%; }

.partner_highlights_cute_partner_leaders {
  width: 10%;
  float: inherit; }
  .partner_highlights_cute_partner_leaders .ppd-3-coach-table__arrow {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -15px; }

.partner_highlights_partner_leaders {
  float: left;
  padding-right: 4px; }

.partner_highlights_float_left {
  float: left; }

.gatekeeper {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 1.3rem 0 0 -200px;
  width: 400px;
  height: auto;
  border-radius: 5px;
  background: white;
  z-index: 1002;
  padding-bottom: 1.3rem;
  -webkit-font-smoothing: auto; }

.gatekeeper__container {
  position: absolute;
  width: 100%; }

.gatekeepr--cta-visible .gatekeeper__message {
  margin: 0 0 1.95rem; }

.gatekeepr--cta-visible .gatekeeper__message--success,
.gatekeepr--cta-visible .gatekeeper__message--error {
  margin: 1.3rem 0 2.6rem; }

.gatekeeper__page-overlay {
  z-index: 600; }

.gatekeeper--stage {
  margin-top: 2.6rem;
  z-index: 50; }

.row.gatekeeper--stage.gatekeeper--stage-v4 {
  margin-left: -200px;
  width: 400px;
  z-index: 1000; }

.gatekeeper--banner-visible {
  margin-top: 4.4rem; }

.gatekeeper__header {
  background: url("/www/teachcycle/images/betterlesson-logo.svg");
  background-repeat: no-repeat;
  margin: 1.675rem auto 0;
  height: 50px;
  background-position-x: center; }

.gatekeeper__cta {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  padding: 1.95rem 1.95rem 0; }

.gatekeeper__subheader {
  margin-top: 2.6rem;
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 22px; }

.gatekeeper__logo-caption {
  visibility: hidden; }

.gatekeeper__page {
  background: #e6e8eb;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0; }

.gatekeeper__modal {
  width: 100%; }

.gatekeeper__message {
  margin: 0.65rem 0 1.3rem;
  display: inline-block;
  width: 100%;
  font-family: "Aktiv Grotesk Bold",Helvetica,sans-serif;
  font-size: 15px;
  color: white;
  line-height: 24px; }

.gatekeeper__message-container {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px; }

.gatekeeper__message-container--success {
  background: #39b341;
  border: 1px solid #125416; }

.gatekeeper__message-container--error {
  background: #cc2929;
  border: 1px solid #a62121; }

.gatekeeper__banner {
  -webkit-font-smoothing: auto;
  width: 1200px;
  display: block;
  font-family: "Aktiv Grotesk Bold",Helvetica,sans-serif;
  font-size: 15px;
  color: white;
  line-height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  border-radius: 5px;
  margin-top: 0.65rem;
  padding: 0.65rem; }

.gatekeeper__banner--error {
  background: #cc2929;
  border: 1px solid #a62121; }

.gatekeeper__form-container {
  padding: 0 1.95rem 0.65rem; }
  .gatekeeper__form-container .participant__login-form-item:after {
    content: '';
    display: block;
    clear: both; }
  .gatekeeper__form-container .participant__login-form-item--remember-me {
    padding: 0.15rem 0 0.8rem; }

#static-site__gatekeeper .gatekeeper__form-container .participant__login-form-item--remember-me {
  padding: 0.15rem 0 0; }

.gatekeeper__form-copy {
  font-size: 16px;
  margin-top: 30px;
  text-align: center;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.gatekeeper__input {
  width: 100%;
  height: 2.6rem;
  line-height: 2.6rem;
  padding: 0 .65rem;
  background: white;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #656565;
  border: 1px solid #CECECE;
  margin-bottom: 1.1rem;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  box-shadow: inset 0 0 0 9999px white; }
  .gatekeeper__input.error {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }

.gatekeeper__input-error {
  color: #cc441b;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 13px;
  position: relative;
  margin-top: -0.65rem;
  margin-bottom: .65rem; }

.gatekeeper__select {
  width: 100%;
  height: 2.6rem;
  line-height: 2.6rem;
  padding: 0 .65rem;
  background: #e6e8eb;
  color: #333333;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #9ea3a8;
  font-family: "Circular Book", Helvetica, sans-serif;
  outline: 0;
  box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset;
  margin-bottom: 1.1rem; }
  .gatekeeper__select.error {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }

input[type="checkbox"].gatekeeper__remember-me-checkbox {
  vertical-align: center;
  margin-top: 1px;
  width: 13px;
  float: left; }

.gatekeeper__remember-me-label {
  font-family: "Circular Book", Helvetica, sans-serif;
  display: inline;
  padding-left: 4px;
  color: #7f7f7f;
  font-size: 14px;
  -webkit-font-smoothing: initial;
  float: left; }

.gatekeeper__submit-container {
  text-align: center;
  margin-top: 1.95rem; }

.gatekeeper__submit {
  width: 180px;
  height: 50px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 1px;
  border-radius: 5px;
  color: white;
  border: 0;
  margin-top: 0;
  margin-bottom: 0.65rem;
  background-image: linear-gradient(106deg, #0AABB1, #1A7CD9); }
  .gatekeeper__submit:hover {
    background-image: linear-gradient(106deg, #0AABB1, #1A7CD9); }
  .gatekeeper__submit.disabled {
    cursor: not-allowed;
    pointer-events: none; }

.gatekeeper__create-pw-caption {
  padding: 2.6rem 0 0;
  line-height: 20px; }

.gatekeeper__create-pw-headline {
  font-weight: normal;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px; }

.gatekeeper__create-pw-text {
  margin-top: 1rem;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px; }

.gatekeeper__link-container {
  width: 100%;
  text-align: center;
  margin-bottom: 1.3rem;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #7f7f7f;
  font-size: 14px;
  -webkit-font-smoothing: initial;
  margin-top: 1rem;
  float: left; }
  .gatekeeper__link-container:last-of-type {
    margin-top: 0.35rem; }

a.gatekeeper__link,
#common_header a.gatekeeper__link {
  color: #2196F3;
  font-family: "Circular Book", Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer; }
  a.gatekeeper__link:hover,
  #common_header a.gatekeeper__link:hover {
    text-decoration: underline; }

.tc__recaptcha {
  padding-top: 1rem; }

.gatekeeper__close-model {
  display: none; }

.overlay__page-bg--gatekeeper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222222;
  opacity: 0.9;
  z-index: 1001;
  cursor: pointer; }
  .overlay__page-bg--gatekeeper.hidden {
    display: none; }

#blRecaptcha div:first-child {
  margin: 0 auto; }

@media only screen and (max-width: 48em) {
  .gatekeeper {
    width: 100%;
    left: 0;
    margin: 0;
    border-radius: 0; }
  .gatekeeper__page {
    position: relative; }
  .gatekeeper__page,
  .overlay__page-bg--gatekeeper {
    background: white;
    opacity: 1; }
  .gatekeeper__header {
    margin-top: 1.3rem; }
  .gatekeeper__page.row {
    max-width: 5000px; }
  .gatekeeper__close-model {
    display: block;
    border: 2px solid black;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 26px;
    opacity: .2;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    text-align: center;
    z-index: 10; }
  .gatekeeper__link-container {
    font-size: 18px; }
  .gatekeeper__remember-me-label {
    font-size: 16px;
    font-family: "Circular Medium", Helvetica, sans-serif; }
  .gatekeeper__banner {
    width: 100%;
    margin-top: 0;
    left: 0;
    margin-left: 0;
    z-index: 150;
    border-radius: 0; }
  .gatekeeper.gatekeeper--banner-visible {
    margin-top: 1.95rem; }
  .row.gatekeeper--stage.gatekeeper--stage-v4 {
    width: 100%;
    margin-left: 0; }
  .gatekeeper__page-overlay {
    display: none; }
  .gatekeeper__close-model--v4 {
    display: block; } }

.lead-activity__headline {
  margin-bottom: 0; }

.lead-activity__subheadline {
  padding-top: 0;
  margin-bottom: 20px; }

.lead-activity__row .bold {
  font-weight: bold; }

.lead-activity__row .underline {
  text-decoration: underline; }

.lead-activity__row .italic {
  font-style: italic; }

.lead-activity__row .green {
  color: #33B55F; }

.lead-activity__checkbox {
  display: inline-block; }

.lead-activity__btn {
  margin: 30px 0 40px; }

/***** Upload File Artifact *****/
.artifact-upload-v4__toggle-file-link {
  color: #2196F3;
  font-family: "Circular Medium", Helvetica, sans-serif;
  cursor: pointer; }
  .artifact-upload-v4__toggle-file-link:hover {
    color: #124e93; }

.artifact-upload-v4__toggle-file-link-icon {
  margin-right: 10px; }

/***** Upload File Progress *****/
.artifact-upload-v4__progress {
  width: 85%;
  margin: 15px auto 0; }

/***** Add Link Artifact *****/
.artifact-link-v4__form-container {
  margin: 0 auto; }

.artifact-link-v4__form {
  max-width: 500px;
  text-align: left;
  margin: 0 auto; }

.artifact-link-v4__url-input {
  width: 100%;
  max-width: 400px; }

.artifact-link-v4__btn {
  margin: 20px 0; }

/***** Artifact Edit Form *****/
.artifact-form-v4 {
  margin-top: 15px; }

.artifact-form-v4__row {
  position: relative;
  margin-bottom: 25px; }

.artifact-form-v4__label {
  display: block;
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-bottom: 12px; }

.bl4__home {
  padding-top: 10px; }

/***** Home Page Common Styles *****/
.home__capsule-row {
  margin-top: 20px; }

/***** User Capsule *****/
.home__user-capsule {
  text-align: center;
  padding: 30px 20px 20px; }
  .home__user-capsule:before {
    height: 65px; }

.home__user-capsule--user-details {
  padding-top: 0; }

.home__user-capsule-default-photo {
  position: relative;
  display: inline-block;
  color: #CECECE;
  font-size: 75px;
  text-decoration: none;
  cursor: pointer; }

.home__user-img-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #3D3D3D;
  color: white;
  font-size: 16px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px;
  text-decoration: none;
  -webkit-border-radius: 0 0 37.5px 37.5px;
  -moz-border-radius: 0 0 37.5px 37.5px;
  -ms-border-radius: 0 0 37.5px 37.5px;
  -o-border-radius: 0 0 37.5px 37.5px;
  border-radius: 0 0 37.5px 37.5px;
  padding-top: 5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

.home__user-capsule-name {
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  margin-top: 14px;
  font-weight: normal; }

.home__user-capsule-text {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  margin-top: 4px; }

.home__user-capsule-text--missing {
  font-family: "Circular Book Italic", Helvetica, sans-serif;
  color: #7f7f7f; }

.home__user-capsule-headline {
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px; }

.home__user-capsule-vision {
  text-align: left;
  margin-top: 8px;
  margin-bottom: 8px; }

.home__user-capsule-section {
  border-top: 1px solid #CECECE;
  padding-top: 14px;
  margin-top: 14px; }

.home__user-capsule-coach-default-photo {
  color: #CECECE;
  margin-top: 6px; }

.home__user-capsule-logged-out-text {
  font-weight: normal; }

.home__user-capsule-get-started-text {
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 15px; }

/***** Updates Capsule *****/
.home__updates-capsule {
  display: flex;
  padding: 20px; }

.home__updates-capsule-welcome-icon {
  font-size: 40px;
  color: #2196F3;
  margin-right: 20px; }

.home__updates-capsule-calendar-icon {
  flex: none;
  height: 40px;
  width: 40px;
  background-color: #F4AB2A;
  font-size: 20px;
  line-height: 40px;
  color: white;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 20px; }

.home__updates-capsule-headline {
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 24px;
  margin: 0; }

.home__updates-capsule-meeting-date {
  margin-right: 5px; }

.home__updates-capsule-meeting-time {
  display: inline-block; }

/***** Story Capsule *****/
.home__story-capsule {
  text-align: center;
  padding: 30px; }

.home__story-capsule-domain-name {
  font-size: 24px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 28px; }

.home__story-capsule-last-entry {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px;
  color: #33B55F; }

.home__story-capsule-last-entry-icon {
  font-size: 22px;
  line-height: 22px;
  margin-right: 14px; }

.home__story-capsule-last-entry-timestamp {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #7f7f7f;
  margin-left: 14px; }

.home__capsule-zoom-btn {
  margin-left: auto;
  margin-top: 0; }

/***** Favorites Capsule *****/
h2.home__favorites-capsule-headline {
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 20px;
  text-align: center;
  font-weight: normal;
  border-bottom: 1px solid #CECECE;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.home__favorites-capsule-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CECECE;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  .home__favorites-capsule-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }

.home__favorites-capsule-row-icon {
  height: 35px;
  width: 35px;
  font-size: 21px;
  line-height: 35px;
  color: #fe6060;
  text-align: center;
  margin-right: 15px; }
  .home__favorites-capsule-row-icon.strategy {
    background-color: #0AABB1;
    color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .home__favorites-capsule-row-icon.lesson {
    background-color: #FF7A52;
    color: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .home__favorites-capsule-row-icon.tc-v4-laptop {
    font-size: 19px; }

.home__favorites-capsule-row-icon--empty {
  height: 25px;
  line-height: 25px;
  width: 21px;
  margin-right: 13px; }

.home__favorites-capsule-row-data {
  flex: 1 1 0; }

.home__favorites-capsule-row-title {
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 18px; }

.home__favorites-capsule-row-text {
  font-size: 12px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 16px;
  color: #7f7f7f;
  margin-top: 6px; }

.home__favorites-capsule-row-rec {
  display: flex;
  align-items: center;
  margin-top: 10px; }

.home__favorites-capsule-row-rec-img {
  margin-right: 10px; }

.home__favorites-capsule-row-rec-text {
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 18px;
  color: #F4AB2A; }

.home__favorites-capsule-link {
  text-align: center; }

/***** Blog Capsule *****/
.home__blog-capsule-title {
  display: block;
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 24px; }

.home__blog-capsule-timestamp {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #7f7f7f;
  margin-top: 4px; }

.home__blog-capsule-text {
  display: inline-block;
  margin-top: 15px; }
  .home__blog-capsule-text img {
    max-width: 100% !important; }

.home__blog-capsule-btn {
  text-align: center;
  margin-top: 10px; }

/**** free user home ****/
.bl4-result--feed {
  padding-top: 10px; }
  .bl4-result--feed .bl4-capsule__subheadline {
    line-height: 20px; }

.tc__page-user--home .bl4-capsule__footer-details {
  width: auto; }

.bl4-capsule__header {
  width: 100%;
  line-height: 30px;
  margin-bottom: 20px;
  float: left; }
  .bl4-capsule__header:after {
    margin-top: 10px;
    content: '';
    display: block;
    float: left;
    clear: both; }

.bl4-capsule__header--feed .search__result-icon {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 30px;
  font-size: 19px; }

.bl4-capsule__header--feed .tc-v4-heart-empty,
.bl4-capsule__header--feed .tc-v4-heart-filled {
  float: left;
  color: #fe6060;
  font-size: 21px; }

.bl4-capsule__header--feed:after {
  height: 2px;
  background-image: -owg-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: -webkit-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: -moz-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: -o-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: linear-gradient(to right, #0AABB1, #1A7CD9);
  width: 100%; }

.bl4-feed__favorite-btn {
  margin-top: 9px;
  float: right; }

.bl4-feed__favorites-caption {
  font-size: 16px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  float: left; }

.bl4__capsule--feed .feed__owner-details {
  font-size: 15px;
  line-height: 20px; }

.bl4__capsule--feed .bl4-capsule__details--has-image {
  width: 74.5%; }

.bl4-capsule__footer--feed {
  border-top: 0; }

.feed__owner {
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  color: #7f7f7f;
  width: 80%;
  display: flex;
  align-items: center; }

.feed__owner-image,
.feed__owner-details {
  float: left; }

.home__user-data-graph {
  height: 116px;
  width: 116px;
  margin: 15px auto;
  line-height: 116px;
  font-size: 18px;
  text-align: center;
  font-family: "Circular Bold", Helvetica, sans-serif;
  position: relative;
  padding-top: 5px; }
  .home__user-data-graph img {
    position: absolute;
    width: 116px;
    height: 116px;
    top: 0;
    margin-top: 5px;
    left: 0; }

.home__details-request {
  margin: 20px 0 0; }

.home__details-guiding-text {
  font-family: "Circular Book Italic", Helvetica, sans-serif;
  font-size: 13px;
  color: #7f7f7f; }

.home__sidebar-btn {
  margin-top: 30px; }

.bl4-capsule__mobile-user {
  display: none; }

.bl4__home-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 28px;
  margin: 20px 0 0;
  font-weight: normal; }

.tc__page-user--home {
  margin-bottom: 45px; }

.home__user-capsule {
  border-bottom: 1px solid #CECECE;
  margin-bottom: 10px; }

home__user-capsule--no-border {
  border-bottom: none; }

@media only screen and (max-width: 48em) {
  .responsive-layout .bl4__home-headline {
    display: none; }
  .responsive-layout .bl4__capsule--result.bl4__capsule--feed {
    margin-bottom: 1.3rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 1.3rem; }
  .responsive-layout .search__capsules.search__capsules--feed {
    margin-top: 0;
    position: relative; }
    .responsive-layout .search__capsules.search__capsules--feed .bl4-feed__favorite-btn {
      position: absolute;
      top: 0;
      right: 0;
      margin: 1.3rem 1.3rem 0 0; }
    .responsive-layout .search__capsules.search__capsules--feed .bl4-capsule__header--feed {
      text-align: center;
      margin-bottom: 0.65rem; }
      .responsive-layout .search__capsules.search__capsules--feed .bl4-capsule__header--feed::after {
        margin-top: 0; }
    .responsive-layout .search__capsules.search__capsules--feed .search__result-icon {
      float: none;
      margin: 0 auto;
      height: 30px;
      width: 30px;
      line-height: 30px;
      font-size: 19px; }
    .responsive-layout .search__capsules.search__capsules--feed .bl4-feed__favorites-caption {
      width: 100%; }
    .responsive-layout .search__capsules.search__capsules--feed .bl4-capsule__footer--feed {
      display: none; }
    .responsive-layout .search__capsules.search__capsules--feed .bl4-capsule__mobile-user {
      display: block;
      margin-bottom: 16px; } }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Home Page Common Styles *****/
    /***** User Capsule *****/ }
    .responsive-layout .bl4__home {
      padding-top: 50px; }
    .responsive-layout .home__user-capsule-container {
      padding: 0; }
    .responsive-layout .home__user-capsule {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin: 0 0 10px; }
      .responsive-layout .home__user-capsule:before {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; } }

/***** Top Section *****/
.story__top-section-wrapper {
  background-color: white;
  width: 100%;
  padding: 20px 10px; }

.story__headline {
  font-size: 28px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 34px;
  margin: 0 auto; }

.story__subheadline {
  text-align: center;
  font-size: 16px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px; }

/***** Goals *****/
.story__goals {
  display: flex;
  justify-content: center; }

.story__goal {
  position: relative;
  flex: none;
  width: 230px;
  padding: 10px; }

.story__goal-icon {
  position: relative;
  height: 70px;
  width: 70px;
  text-align: center;
  font-size: 30px;
  line-height: 68px;
  color: #33B55F;
  border: 1px solid #CECECE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 15px; }

.story__goal-icon--half {
  line-height: 65px;
  border: 5px solid #33B55F; }

.story__goal-icon--full {
  background-color: #33B55F;
  line-height: 65px;
  color: white;
  border: 5px solid #107d54; }

.story__goal-count {
  position: absolute;
  right: -7px;
  bottom: -7px;
  height: 26px;
  width: 26px;
  background-color: #F4AB2A;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.story__goal-tooltip {
  position: absolute;
  top: 124px;
  left: 30px;
  width: 400px;
  background-color: white;
  border: 1px solid #33B55F;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 2; }
  .story__goal-tooltip:before {
    position: absolute;
    top: -13px;
    left: 34px;
    content: '';
    border-bottom: 12px solid #33B55F;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent; }
  .story__goal-tooltip:after {
    position: absolute;
    top: -11px;
    left: 34px;
    content: '';
    border-bottom: 12px solid white;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent; }

.story__goal-tooltip-text {
  max-height: 200px;
  overflow-y: scroll;
  text-align: left;
  padding: 10px; }

.story__goal-tooltip-header {
  font-family: "Circular Medium", Helvetica, sans-serif;
  color: #33B55F;
  margin-bottom: 10px; }

.story__goal-text {
  text-align: center;
  font-size: 16px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 20px; }

/***** Bottom Section *****/
.story__bottom-section {
  padding: 30px 10px 200px; }

.story__row {
  position: relative; }

/***** Add Entry *****/
.story__add-entry-menu {
  position: absolute;
  width: 200px;
  padding: 10px;
  margin-top: 10px;
  z-index: 1; }
  .story__add-entry-menu.fixed {
    position: fixed;
    top: 30px; }

.story__add-entry-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 76px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  padding: 20px 15px;
  margin-bottom: 20px;
  cursor: pointer; }
  .story__add-entry-box:hover {
    -webkit-box-shadow: #1A7CD9 0 0 10px 0;
    -moz-box-shadow: #1A7CD9 0 0 10px 0;
    box-shadow: #1A7CD9 0 0 10px 0; }
  .story__add-entry-box.disabled {
    background-color: #E8E8E8;
    cursor: default; }
    .story__add-entry-box.disabled:hover {
      -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
      -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
      box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0; }
    .story__add-entry-box.disabled .story__add-entry-icon {
      color: #CECECE;
      border-color: #CECECE; }
    .story__add-entry-box.disabled .story__add-entry-text {
      color: #CECECE; }
      .story__add-entry-box.disabled .story__add-entry-text:hover {
        color: #CECECE; }

.story__add-entry-icon {
  width: 30px;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  color: #33B55F;
  margin-right: 14px; }
  .story__add-entry-icon.tc-v4-strategy {
    height: 32px;
    width: 32px;
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #33B55F;
    margin-right: 12px; }

.story__add-entry-text {
  font-size: 15px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px; }
  .story__add-entry-text:hover {
    color: #1A7CD9; }

.story__add-entry-secondary-text {
  font-size: 12px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 14px;
  margin-top: 8px; }

.story__add-more {
  position: relative; }

/***** Add Entry More Options Menu *****/
.story__add-more-icon {
  height: 40px;
  width: 40px;
  background-color: #2196F3;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; }
  .story__add-more-icon.disabled {
    background-color: #E8E8E8;
    cursor: default; }

.story__entry-recommended {
  margin-bottom: 15px; }
  .story__entry-recommended:after {
    content: '';
    display: block;
    clear: both; }

.story__add-more-menu {
  position: absolute;
  top: 0;
  left: 50px;
  width: 130px;
  background-color: white;
  color: #2196F3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  padding: 25px 12px;
  z-index: 1; }

.story__add-more-menu-row {
  margin-bottom: 20px;
  cursor: pointer; }
  .story__add-more-menu-row:last-of-type {
    margin-bottom: 0; }

.story__add-more-option-icon {
  display: inline-block;
  width: 25px;
  text-align: center;
  margin-right: 10px; }

.story__add-more-option-text {
  font-family: "Circular Medium", Helvetica, sans-serif; }

/***** Reorder Entries *****/
.story__reordering-arrow {
  width: 30px;
  text-align: center; }
  .story__reordering-arrow .tc-bold-arrow {
    display: inline-block;
    color: white;
    font-size: 10px;
    text-align: center;
    background-color: #2196F3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 5px 9px;
    cursor: pointer; }
    .story__reordering-arrow .tc-bold-arrow.disabled {
      background-color: #CECECE;
      cursor: default; }

.story__reordering-arrow--up {
  margin-top: 10px;
  margin-bottom: 10px; }
  .story__reordering-arrow--up .tc-bold-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.story__reordering-menu-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px; }

.story__reordering-menu {
  position: relative;
  width: 150px;
  text-align: right;
  padding: 10px;
  margin-top: 10px;
  z-index: 1; }
  .story__reordering-menu.fixed {
    position: fixed;
    top: 30px; }

.story__reordering-menu-btn {
  width: 150px;
  padding: 10px;
  margin-bottom: 15px; }

/***** Add/Edit Entry Form *****/
.story__edit-entry-header-row {
  display: flex;
  justify-content: space-between;
  font-size: 22px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 26px; }

.story__edit-entry-header-text {
  flex: 1;
  text-align: center;
  padding-left: 26px;
  padding-right: 6px; }

.story__edit-entry-close-icon {
  font-size: 26px;
  color: #7f7f7f;
  cursor: pointer; }

.story__edit-entry-form-row {
  position: relative;
  margin-top: 30px; }
  .story__edit-entry-form-row .tc__error {
    margin-bottom: -21px; }

.story__edit-entry-form-label {
  display: block;
  flex-basis: 100%;
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-bottom: 10px; }

.story__edit-entry-form-input {
  width: 100%; }

.story__edit-entry-wysiwyg-container {
  position: relative; }
  .story__edit-entry-wysiwyg-container.error {
    color: #cc441b;
    border: 1px solid #cc441b;
    background: #ffece5;
    -webkit-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    -moz-box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px;
    box-shadow: rgba(245, 79, 18, 0.8) 0 0 0 2px; }
  .story__edit-entry-wysiwyg-container.disabled {
    opacity: 0.6; }

.story__edit-entry-tag-radios {
  display: inline-flex;
  flex-wrap: wrap;
  margin-top: 20px; }

.story__edit-entry-tag-radio {
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  margin: 10px 15px 10px 0; }

.story__edit-entry-radio-input {
  display: none; }

.story__edit-entry-radio-label {
  color: #AAB0B5;
  border-bottom: 4px solid #AAB0B5;
  padding-bottom: 5px;
  cursor: pointer; }

.story__edit-entry-radio-input:checked + .story__edit-entry-radio-label {
  color: #33B55F;
  border-bottom: 4px solid #33B55F; }

.story__edit-entry-radio-label-icon {
  margin-right: 7px; }

.story__edit-entry-highlighted-checkbox {
  display: inline-block;
  vertical-align: sub;
  margin-top: 20px;
  margin-left: 5px; }

.story__edit-entry-checkbox-input {
  display: none; }

.story__edit-entry-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer; }

.story__edit-entry-checkbox-label--grey {
  color: #7f7f7f; }
  .story__edit-entry-checkbox-label--grey:hover {
    color: #1A7CD9; }
    .story__edit-entry-checkbox-label--grey:hover .story__edit-entry-checkbox-icon {
      color: #1A7CD9; }

.story__edit-entry-checkbox-circle {
  height: 24px;
  width: 24px;
  background-color: white;
  text-align: center;
  color: white;
  font-size: 23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #CECECE;
  margin-right: 10px; }

.story__edit-entry-checkbox-input:checked + .story__edit-entry-checkbox-label .story__edit-entry-checkbox-circle {
  background-color: #33B55F;
  border-color: #33B55F; }

.story__edit-entry-checkbox-icon {
  font-size: 18px;
  color: #7f7f7f;
  margin-right: 10px; }

.story__edit-entry-goal-checkboxes {
  display: flex;
  flex-wrap: wrap; }

.story__edit-entry-goal-checkbox {
  margin-bottom: 10px;
  margin-right: 10px; }

.story__edit-entry-goal-checkbox-input {
  display: none; }

.story__edit-entry-goal-checkbox-label {
  display: flex;
  align-items: center;
  background-color: white;
  color: #7f7f7f;
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  border: 2px solid #33B55F;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 5px 5px 7px;
  cursor: pointer; }

.story__edit-entry-goal-checkbox-input:checked + .story__edit-entry-goal-checkbox-label {
  background-color: #33B55F;
  color: white; }

.story__edit-entry-goal-checkbox-icon {
  font-size: 22px;
  line-height: 18px;
  margin-left: 8px; }

.story__edit-entry-form-btns {
  text-align: center;
  margin-top: 25px; }

.story__edit-entry-form-btn {
  margin: 0 10px 10px; }

.story__edit-entry-delete-link-row {
  text-align: center;
  margin-top: 20px; }

.story__edit-entry-delete-link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cc441b;
  font-family: "Circular Bold", Helvetica, sans-serif;
  cursor: pointer; }

.story__edit-entry-delete-icon {
  font-size: 20px;
  margin-right: 5px; }

/***** Entry Capsule *****/
.story__entry-capsule {
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  padding: 25px;
  margin-top: 10px; }
  .story__entry-capsule::after {
    content: '';
    display: block;
    clear: both; }

@-webkit-keyframes border-pulse {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #CECECE; }
  50% {
    -webkit-transform: scale(1.008, 1.008);
    -moz-transform: scale(1.008, 1.008);
    -ms-transform: scale(1.008, 1.008);
    -o-transform: scale(1.008, 1.008);
    transform: scale(1.008, 1.008);
    border-color: #1A7CD9; }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #1A7CD9; } }

@keyframes border-pulse {
  from {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #CECECE; }
  50% {
    -webkit-transform: scale(1.008, 1.008);
    -moz-transform: scale(1.008, 1.008);
    -ms-transform: scale(1.008, 1.008);
    -o-transform: scale(1.008, 1.008);
    transform: scale(1.008, 1.008);
    border-color: #1A7CD9; }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    border-color: #1A7CD9; } }

.story__entry-capsule--border-pulse {
  border: 1px solid #1A7CD9;
  animation: border-pulse 1s;
  -webkit-animation: border-pulse 1s; }

.story__entry-capsule-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 22px;
  letter-spacing: 1px;
  margin-bottom: 15px; }

.story__entry-capsule-icon {
  color: #33B55F;
  margin-right: 10px; }

.story__entry-capsule-header-text {
  flex: 1;
  color: #33B55F;
  text-transform: uppercase; }

.story__entry-capsule-row {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  margin-bottom: 15px; }

.story__entry-capsule-row--separator {
  border-top: 1px solid #CECECE;
  padding-top: 15px; }

.story__entry-capsule-strategy-title {
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 22px; }

.story__artifact-image-container {
  margin: 0 -25px 15px;
  overflow: hidden; }

.story__artifact-image-container--no-header {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  margin-top: -25px; }

.story__artifact-image {
  width: 100%; }
  .story__artifact-image.scale-to-width {
    width: 100%; }
  .story__artifact-image.scale-to-height {
    height: 380px;
    width: auto; }

.story__artifact-image-mask {
  width: 100%;
  height: 380px;
  overflow: hidden; }

.story__artifact-image-mask {
  cursor: pointer; }

.story__artifact-image--none,
.story__artifact-image-mask--none {
  width: 100%;
  height: 380px;
  background: #dbdad7;
  line-height: 280px;
  text-align: center;
  position: relative; }

.story__entry-capsule-artifact-title {
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 22px; }

.story__entry-capsule-goals {
  display: flex;
  flex-wrap: wrap; }

.story__entry-capsule-goal {
  background-color: #33B55F;
  color: white;
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 7px 9px;
  margin-right: 10px;
  margin-bottom: 10px; }

.story__entry-capsule-highlighted-text {
  color: #33B55F;
  font-size: 15px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.story__entry-capsule-add-comment-row {
  font-size: 15px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 15px; }

.story__entry-capsule-add-comment-icon {
  margin-right: 10px; }

.story__entry-capsule-coach-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }

.story__coach-photo {
  margin-right: 10px; }

.story__entry-capsule-footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.story__entry-capsule-timestamp {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  color: #7f7f7f; }

.story__entry-capsule-private-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 13px; }

.story__entry-capsule-edit-icon {
  font-size: 18px;
  color: #2196F3;
  margin-left: 10px;
  cursor: pointer; }
  .story__entry-capsule-edit-icon.disabled {
    color: #E8E8E8;
    pointer-events: none;
    cursor: default; }

/***** Information Capsule *****/
.story__entry-capsule--info {
  min-height: 220px;
  background-color: white;
  background-size: contain;
  background-position-y: bottom;
  background-repeat: no-repeat;
  text-align: center;
  border: 2px solid #F4AB2A; }

.story__entry-capsule--starting-statement {
  min-height: 269px;
  background-image: url("/www/teachcycle/images/story/starting-statement-capsule.png"); }

.story__entry-capsule--growth {
  background-image: url("/www/teachcycle/images/story/growth-capsule.png"); }

.story__info-capsule-header {
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 24px;
  margin-bottom: 15px; }

.story__info-capsule-btn-row {
  padding-top: 10px; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Top Section *****/
    /***** Goals *****/
    /***** Bottom Section *****/
    /***** Add Entry *****/
    /***** Add Entry More Options Menu *****/
    /***** Entry Capsule *****/
    /***** Information Capsule *****/ }
    .responsive-layout .story__top-section-wrapper {
      padding-top: 70px; }
    .responsive-layout .story__goals {
      justify-content: flex-start;
      overflow-x: scroll; }
    .responsive-layout .story__goal-tooltip-modal-body {
      padding: 20px;
      margin-top: 3.25rem; }
    .responsive-layout .story__goal-tooltip-text {
      max-height: none; }
    .responsive-layout .story__bottom-section {
      padding-bottom: 110px; }
    .responsive-layout .story__add-entry-mobile {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: white;
      -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
      -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
      box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
      z-index: 1; }
    .responsive-layout .story__add-entry-mobile-boxes {
      display: flex; }
    .responsive-layout .story__add-entry-mobile-box {
      position: relative;
      width: 25%;
      text-align: center;
      padding: 10px;
      cursor: pointer; }
      .responsive-layout .story__add-entry-mobile-box.disabled {
        background-color: #E8E8E8;
        cursor: default; }
        .responsive-layout .story__add-entry-mobile-box.disabled .story__add-entry-mobile-icon {
          color: #CECECE;
          border-color: #CECECE; }
        .responsive-layout .story__add-entry-mobile-box.disabled .story__add-entry-mobile-text {
          color: #CECECE; }
    .responsive-layout .story__add-entry-mobile-icon {
      height: 40px;
      width: 40px;
      text-align: center;
      font-size: 35px;
      line-height: 37px;
      color: #33B55F;
      margin: 0 auto 7px; }
      .responsive-layout .story__add-entry-mobile-icon.tc-arrow {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: 10px; }
    .responsive-layout .story__add-entry-mobile-text {
      font-size: 14px;
      line-height: 18px; }
    .responsive-layout .story__add-more-icon {
      height: 30px;
      width: 30px;
      font-size: 15px;
      line-height: 30px;
      margin: 16px auto 0; }
      .responsive-layout .story__add-more-icon.disabled {
        background-color: #CECECE;
        cursor: default; }
    .responsive-layout .story__entry-capsule--info {
      background-size: auto 140px;
      background-position-x: center; }
    .responsive-layout .story__add-more-menu-row {
      position: relative; }
      .responsive-layout .story__add-more-menu-row:after {
        content: '';
        display: block;
        clear: both; } }

.select-strategy {
  padding-bottom: 92px; }

.select-strategy__headline-row {
  padding-top: 10px; }

.select-strategy__headline {
  text-align: center;
  font-size: 28px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 34px;
  margin-top: 10px; }

.select-strategy__section-headline {
  font-size: 22px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 26px; }

.select-strategy__close {
  text-align: right; }

.select-strategy__close-icon {
  color: #2196F3;
  text-decoration: none;
  font-size: 50px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  cursor: pointer; }
  .select-strategy__close-icon:hover {
    color: #1A7CD9;
    text-decoration: none; }
  .select-strategy__close-icon:visited {
    color: #2196F3;
    text-decoration: none; }

/***** Strategies *****/
.select-strategy__strategies {
  display: flex;
  flex-wrap: wrap; }

.select-strategy__strategy {
  position: relative;
  height: 280px;
  width: 23.2%;
  min-width: 220px;
  background-color: white;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  padding: 30px 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer; }
  .select-strategy__strategy.active {
    border: 2px solid #2196F3;
    padding: 28px 18px; }

.select-strategy__strategy-icon {
  height: 50px;
  width: 50px;
  background-color: #0AABB1;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 15px; }

.select-strategy__strategy-name {
  text-align: center;
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 24px; }

.select-strategy__strategy-name-link:hover {
  color: #1A7CD9; }

.select-strategy__strategy-tagline {
  position: relative;
  text-align: center;
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  margin-top: 15px; }

.select-strategy__strategy-coach-row {
  display: flex;
  align-items: center;
  margin-top: 15px; }

.select-strategy__coach-photo {
  margin-right: 10px; }

.select-strategy__strategy-coach-name {
  color: #F4AB2A; }

.select-strategy__strategy-active-footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: white;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: white 0 0 25px 10px;
  -moz-box-shadow: white 0 0 25px 10px;
  box-shadow: white 0 0 25px 10px;
  padding-top: 10px;
  padding-bottom: 20px; }

/***** Packs *****/
.select-strategy__pack {
  border-top: 1px solid #CECECE;
  padding-top: 20px;
  margin-top: 20px; }

.select-strategy__pack-visibility {
  text-align: right; }

.select-strategy__pack-visibility-text {
  font-size: 18px;
  line-height: 22px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.select-strategy__pack-visibility-arrow {
  display: inline-block;
  vertical-align: middle;
  color: #2196F3;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer; }
  .select-strategy__pack-visibility-arrow.up {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

/***** Footer *****/
.select-strategy__footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: white;
  text-align: center;
  padding: 25px 15px; }

.select-strategy__footer-text {
  font-size: 26px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 28px;
  margin-right: 15px; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Strategies *****/
    /***** Packs *****/
    /***** Footer *****/ }
    .responsive-layout .select-strategy {
      background-color: white; }
    .responsive-layout .select-strategy__headline {
      font-size: 25px;
      line-height: 28px;
      padding-left: 0;
      padding-right: 0;
      margin-top: 4px; }
    .responsive-layout .select-strategy__section-mobile-headline-container {
      background-color: #eff1f2;
      padding: 10px 15px; }
      .responsive-layout .select-strategy__section-mobile-headline-container.collapsed {
        border-bottom: 1px solid #7f7f7f; }
    .responsive-layout .select-strategy__section-headline {
      font-size: 20px;
      line-height: 22px; }
    .responsive-layout .select-strategy__close {
      padding-left: 4px;
      padding-right: 20px; }
    .responsive-layout .select-strategy__close-icon {
      font-size: 35px; }
    .responsive-layout .select-strategy__strategy {
      width: 100%;
      height: auto;
      max-height: 280px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      border-top: 1px solid #CECECE;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding: 20px 0;
      margin-right: 15px;
      margin-left: 15px; }
      .responsive-layout .select-strategy__strategy:first-of-type {
        border-top: none; }
      .responsive-layout .select-strategy__strategy.active {
        border-right: none;
        border-left: none;
        border-bottom: none;
        padding: 19px 0 20px; }
    .responsive-layout .select-strategy__strategy-icon-name-row {
      display: flex;
      align-items: center; }
    .responsive-layout .select-strategy__strategy-icon {
      flex: none;
      height: 40px;
      width: 40px;
      font-size: 20px;
      line-height: 40px;
      margin: 0 15px 0 0; }
    .responsive-layout .select-strategy__strategy-name {
      font-size: 22px;
      text-align: left; }
    .responsive-layout .select-strategy__strategy-tagline {
      text-align: left; }
    .responsive-layout .select-strategy__strategy-active-footer {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      padding-bottom: 0; }
    .responsive-layout .select-strategy__pack {
      border-top: none;
      padding-top: 0;
      margin-top: 0; }
    .responsive-layout .select-strategy__pack-visibility-arrow {
      margin: 4px 0 0; }
    .responsive-layout .select-strategy__footer {
      -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
      -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
      box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px; }
    .responsive-layout .select-strategy__footer-btn {
      margin: 0; } }

.bl4__filters {
  margin-top: 30px; }

.bl4-filter__category-list {
  margin-bottom: 1.3rem;
  border-left: 1px solid #CECECE; }

.bl4-filter__category-item {
  margin: 0.65rem 0;
  list-style: none;
  padding-left: 11px;
  border-left: 4px solid transparent;
  line-height: 20px;
  text-transform: capitalize;
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.bl4-filter__category-item--all {
  font-family: "Circular Medium", Helvetica, sans-serif; }

.bl4-filter__category-item--active {
  color: #222222;
  pointer-events: none;
  cursor: default;
  border-color: #2196F3; }
  .bl4-filter__category-item--active:hover {
    text-decoration: none; }

.bl4-filter__category-item--disabled {
  color: #7f7f7f; }

.bl4-filter__category-item--l1 {
  padding-left: 17px; }

.bl4-filter__category-item--l2 {
  padding-left: 23px; }

.bl4-filter__category-item--l3 {
  padding-left: 29px; }

.bl4-filter__category-item--l4 {
  padding-left: 35px; }

.bl4-filter__headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin: 30px 0; }

.bl4__filter-crumbs-headline {
  float: left;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-right: 20px;
  font-size: 16px;
  margin-top: 28px; }

.bl4-filter__crumb {
  margin: 20px 15px 0 0;
  float: left;
  font-family: "Circular Bold", Helvetica, sans-serif;
  letter-spacing: 0.27px;
  background: white;
  border: 2px solid #CECECE;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 8px; }
  .bl4-filter__crumb:last-of-type {
    margin-right: 0; }
  .bl4-filter__crumb:after {
    content: '';
    clear: both; }

.bl4-filter__crumb-remove {
  color: #2196f3;
  float: left;
  margin-left: 10px;
  font-size: 18px;
  margin-top: -2px;
  cursor: pointer; }

.bl4-filter__crumb-label {
  float: left;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 1px;
  text-transform: capitalize; }

.search__summary {
  margin: 10px 0 0;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px; }
  .search__summary .search__summary-declaration {
    font-family: "Circular Bold", Helvetica, sans-serif;
    padding-right: 5px; }

.search__result-recommended {
  padding: 0 0 0 50px; }
  .search__result-recommended::after {
    content: '';
    clear: both;
    display: block; }
  .search__result-recommended .bl4__user-image-xx-small-mask {
    margin-top: 10px; }

.search__result-recommended-caption {
  color: #f5b33e;
  font-family: "Circular Medium", Helvetica, sans-serif;
  float: left;
  margin-top: 7px; }

.search__result-recommended-image {
  float: left;
  margin-right: 5px; }

.search__tags-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 10px; }

.search__tags {
  float: left;
  width: 100%;
  margin-bottom: 14px; }
  .search__tags:after {
    content: '';
    display: block;
    clear: both; }

a.search__tag {
  text-decoration: none; }

.search__tag {
  padding: 5px 10px;
  color: #1aabb1;
  background: white;
  margin: 0 5px 5px 0;
  display: block;
  float: left;
  font-family: "Circular Bold", Helvetica, sans-serif;
  border: 2px solid #1aabb1;
  font-size: 14px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer;
  text-align: center; }
  .search__tag:hover {
    color: #0B8484;
    border-color: #0B8484; }

.search__tag-more-link {
  float: left;
  font-size: 15px;
  line-height: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  padding-top: 3px; }

.search__headline {
  font-size: 24px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  float: left;
  margin: 30px 0 10px;
  line-height: 32px; }

.search__clear-search {
  font-size: 15px;
  margin-left: 10px; }

.bl4__results-sort {
  float: right;
  margin-top: 10px;
  padding: 10px 0 10px 0; }
  .bl4__results-sort label {
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 14px;
    padding-right: 5px; }
  .bl4__results-sort input {
    font-family: "Circular Medium", Helvetica, sans-serif;
    font-size: 16px; }

.search__capsules {
  float: left;
  width: 100%;
  margin-top: 10px; }

/****** Result capsule ******/
.bl4-capsule__headline {
  display: flex;
  position: relative;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px;
  min-height: 40px; }
  .bl4-capsule__headline a {
    color: #222222; }
    .bl4-capsule__headline a:visited {
      color: #222222; }
    .bl4-capsule__headline a:hover {
      color: #3d7ebb; }

.bl4-capsule__subheadline {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 14px;
  color: #7f7f7f;
  display: block;
  margin-top: 4px;
  line-height: 18px; }

.bl4-capsule__subheadline-segment {
  padding-right: 4px;
  display: inline; }

.search__result-icon {
  height: 40px;
  width: 40px;
  flex: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #CECECE;
  line-height: 40px;
  text-align: center;
  color: white;
  margin-right: 10px; }

.search__result-icon--lesson {
  background: #ff7a52; }

.search__result-icon--strategy {
  background: #0AABB1; }

.search__detail {
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  color: #7f7f7f;
  text-transform: uppercase;
  width: 25%;
  line-height: 18px; }
  .search__detail::after {
    content: '';
    clear: both;
    display: block; }

.search__detail-icon {
  float: left;
  margin-right: 10px;
  font-size: 18px; }

.search__detail-icon--heart {
  margin-right: 10px;
  cursor: pointer;
  font-size: 22px;
  margin-top: -2px;
  color: #fe6060; }
  .search__detail-icon--heart:hover {
    color: #cc441b; }

.search__detail-icon--heart-unclickable:hover {
  color: #fe6060; }

.search__detail--recommend {
  cursor: pointer;
  color: #2196F3; }

.search__owner-image {
  width: 50px; }
  .search__owner-image.scale-to-width {
    width: 50px; }
  .search__owner-image.scale-to-height {
    height: 50px;
    width: auto; }

.search__owner-image-mask {
  width: 50px;
  height: 50px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.search__owner-image {
  margin: 0 10px 0 0; }

.bl4__result.favs-updating {
  pointer-events: none; }

.search__owner {
  display: flex;
  align-items: center;
  text-transform: none;
  width: 30%; }

.search__owner-details {
  line-height: 18px;
  font-size: 15px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

a.search__owner-link {
  color: #7f7f7f;
  text-decoration: none;
  display: flex; }

.search__detail--recommend,
.search__detail--favorites,
.search__detail--resources {
  margin-right: 50px; }

.search__detail--resources {
  width: 145px; }

.search__detail--favorites {
  width: 140px; }

.search__detail--recommend {
  width: 115px; }

.search__detail--minutes {
  width: 85px; }

.search__mobile-options {
  display: none; }

.bl4-filter__checkbox {
  display: none; }

.search__no-results-copy {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 17px;
  margin-top: 20px;
  float: left;
  clear: left;
  width: 350px;
  line-height: 24px; }

.search__no-results-img {
  width: 600px;
  margin-top: 140px;
  margin-bottom: 30px; }

.bl4__filter-crumbs {
  clear: left; }

.search__detail-copy--favorite:hover {
  color: #3d7ebb; }

.search__detail--favorites.disabled {
  pointer-events: none; }

.tc__page--search .browser-v2__search-results-loading-text {
  font-family: "Circular Book", Helvetica, sans-serif; }

.bl4-result__recomend-modal-headline {
  text-transform: capitalize; }

.browser-v2__search-results-loading-text .bigspinner {
  height: 40px;
  width: 40px; }

.bl4-capsule__image-container {
  float: left; }

.search__detail--recommended {
  display: block;
  clear: both;
  margin-left: 50px; }
  .search__detail--recommended::after {
    content: '';
    display: block;
    clear: both; }

.favorites__community-bubble {
  padding: 12px;
  background: white;
  border: 2px solid #2EAC56;
  position: relative;
  float: left;
  border-radius: 4px;
  margin-top: 16px;
  margin-left: 18px; }
  .favorites__community-bubble:before {
    position: absolute;
    top: 18px;
    left: -24px;
    content: '';
    border-right: 12px solid #33B55F;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent; }
  .favorites__community-bubble:after {
    position: absolute;
    top: 18px;
    left: -21px;
    content: '';
    border-right: 12px solid white;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent; }

.favorites__community-headline {
  margin-bottom: 6px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  color: #7f7f7f; }

@media only screen and (max-width: 48em) {
  .responsive-layout .search__background {
    background: white; }
  .responsive-layout .bl4-results {
    padding: 4.55rem 0 0.65rem 0; }
  .responsive-layout .search__capsules {
    border-top: 1px solid #E8E8E8;
    border-bottom: 0;
    margin-top: 1.3rem; }
  .responsive-layout .bl4__capsule--result {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #E8E8E8;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    padding-bottom: 0.3rem; }
  .responsive-layout .bl4-capsule__details {
    width: 100%;
    padding-right: 0;
    min-height: 0; }
  .responsive-layout .bl4-capsule__headline {
    padding-left: 0; }
  .responsive-layout .bl4-capsule__summary,
  .responsive-layout .bl4-capsule__tags {
    margin-top: 16px; }
  .responsive-layout .search__tags {
    margin: 16px 0 0;
    padding-right: 0; }
  .responsive-layout .search__tag {
    margin-bottom: 8px; }
  .responsive-layout .search__detail {
    display: inline-block;
    width: 50%;
    margin: 0 0 1rem; }
  .responsive-layout .bl4-capsule__footer {
    border-top: 0;
    padding: 15px 0 0; }
  .responsive-layout .bl4-capsule__footer-details {
    padding: 0; }
  .responsive-layout .search__detail--recommend,
  .responsive-layout .search__detail--favorites,
  .responsive-layout .search__detail--resources {
    margin-right: 0; }
  .responsive-layout .search__detail-icon--heart {
    margin-left: -3px;
    margin-right: 7px; }
  .responsive-layout .search__headline {
    padding: 0 1.3rem;
    line-height: 24px;
    margin: 0;
    width: 100%;
    font-size: 20px; }
  .responsive-layout .bl4__filters {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    margin-top: 0;
    background: white;
    display: none; }
  .responsive-layout .bl4__filters-container {
    padding: 0; }
  .responsive-layout .bl4__filters--active {
    display: block; }
  .responsive-layout .bl4-filter__category {
    padding: 0 1.3rem; }
  .responsive-layout .bl4-filter__category-list,
  .responsive-layout .bl4-filter__category-item {
    border: 0 !important;
    white-space: nowrap; }
  .responsive-layout .search__mobile-options {
    display: block;
    padding: 0 1.3rem; }
  .responsive-layout .bl4-filter__checkbox {
    display: block;
    float: left;
    margin-right: 0.65rem; }
  .responsive-layout .bl4-filter__category-item {
    margin: 1.3rem 0; }
  .responsive-layout .search__filter-button {
    width: 80px;
    min-width: 0;
    margin: 0;
    margin-top: 1.3rem; }
  .responsive-layout .bl4__filter-crumbs {
    padding: 0 1.3rem 0; }
    .responsive-layout .bl4__filter-crumbs:after {
      content: '';
      display: block;
      clear: both; }
  .responsive-layout .search__result-recommended {
    padding-left: 0; }
  .responsive-layout .bl4-filter__background {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    z-index: 1; }
  .responsive-layout .bl4-result__recomend-modal-headline {
    padding: 70px 0 0 0; }
  .responsive-layout .search__no-results {
    margin-top: 20px; }
  .responsive-layout .search__no-results-copy {
    max-width: 100%;
    padding: 0 1.3rem; }
  .responsive-layout .search__no-results-img {
    width: 100%;
    margin-top: 60px;
    padding: 0 1.3rem; }
  .responsive-layout .favorites__community-container {
    width: 100%;
    padding: 0 1.3rem; }
  .responsive-layout .favorites__community-bubble {
    width: 100%;
    margin-left: 0; }
    .responsive-layout .favorites__community-bubble:before {
      position: absolute;
      top: -24px;
      left: 20px;
      content: '';
      border-right: 12px solid transparent;
      border-left: 12px solid transparent;
      border-bottom: 12px solid #33B55F;
      border-top: 12px solid transparent; }
    .responsive-layout .favorites__community-bubble:after {
      position: absolute;
      top: -21px;
      left: 20px;
      content: '';
      border-right: 12px solid transparent;
      border-left: 12px solid transparent;
      border-bottom: 12px solid white;
      border-top: 12px solid transparent; } }

.registration-header__logo {
  background-position: initial;
  width: 190px;
  height: 42px;
  background-size: initial; }

.registration__primary {
  padding-bottom: 138px; }

.registration-header__steps {
  text-align: center;
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  letter-spacing: 0.8px;
  padding: 30px 0 20px;
  color: #7f7f7f; }

.registration-header__steps-bar {
  width: 100%;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  background: #eff1f2;
  margin-top: 10px; }

.registration-header__steps-step {
  background: #33B55F;
  position: absolute;
  height: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.registration__headline {
  margin-top: 0;
  font-size: 24px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.registration__form-value {
  font-size: 22px;
  font-family: "Circular Bold", Helvetica, sans-serif; }

.registration-slider-container {
  margin-top: 60px;
  padding: 0 30px;
  height: 58px;
  width: 100%;
  position: relative;
  margin-bottom: 50px; }
  .registration-slider-container .slider__container {
    width: 100%; }
  .registration-slider-container .slider__point {
    background: #CECECE; }
  .registration-slider-container .slider__bar-bg {
    background: #eff1f2; }
  .registration-slider-container .slider__bar-fg {
    background: #33B55F; }
    .registration-slider-container .slider__bar-fg .slider__selector .tc-balloon::before {
      color: #33B55F; }
  .registration-slider-container .slider__bar-fg.active {
    background: #2196F3;
    opacity: 1; }
    .registration-slider-container .slider__bar-fg.active .slider__selector .tc-balloon::before {
      color: #2196F3; }
  .registration-slider-container .slider__point.selected {
    background: #33B55F;
    border-color: #33B55F; }
  .registration-slider-container .slider__container:hover .slider__selector {
    opacity: 1; }
    .registration-slider-container .slider__container:hover .slider__selector .slider__point,
    .registration-slider-container .slider__container:hover .slider__selector .slider__point.selected {
      background: #2196F3;
      border-color: #2196F3; }

.registration__comfort-label {
  position: absolute;
  bottom: 0;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: -30px; }

.registration__comfort-label--left {
  left: 0;
  margin-left: 4px; }

.registration__comfort-label--right {
  right: 0;
  margin-right: -15px; }

.registration__comfort-label--center {
  width: 100%;
  text-align: center;
  margin-bottom: -50px; }

.registration__availability-headline {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 14px;
  text-align: center; }
  .registration__availability-headline .tc-clock {
    font-size: 20px; }

.registration__availability-copy {
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin-bottom: 1.3rem; }

.registration__availability-copy--sub {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px; }

.registration__availability-row {
  border-bottom: 1px solid #CECECE; }
  .registration__availability-row.fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    margin: 0;
    background: white;
    position: fixed;
    width: 585px;
    left: 50%;
    margin-left: -293px;
    z-index: 100; }

.registration__availability-time {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 24px;
  text-align: center; }

.registration__availability-ampm {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px;
  text-align: center; }

.registration__availability-check {
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border: 1px solid #CECECE;
  color: white;
  background: white;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 10px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .registration__availability-check .tc-check {
    display: none;
    padding-top: 3px; }
  .registration__availability-check.selected {
    background: #33B55F;
    border-color: #33B55F; }
    .registration__availability-check.selected .tc-check {
      display: block; }
  .registration__availability-check input[type=radio] {
    display: none; }

.registration__submit-btns {
  text-align: center;
  background: white;
  padding: 20px 0; }
  .registration__submit-btns button, .registration__submit-btns a {
    margin: 0 10px; }

.registration__submit-btns--fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 200; }
  .registration__submit-btns--fixed:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -60px;
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }

.registration__availability-legend {
  backgroun: white; }

.registration__form-comfort-btns {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #eff1f2;
  margin-top: 20px; }
  .registration__form-comfort-btns::after {
    content: '';
    clear: both;
    display: block; }

.registration__form-comfort-btn {
  height: 40px;
  width: 20%;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  border-right: 1px solid #eff1f2;
  float: left;
  cursor: pointer; }
  .registration__form-comfort-btn:hover {
    background: #2196F3;
    color: white; }
  .registration__form-comfort-btn.active {
    background: #33B55F;
    color: white; }
  .registration__form-comfort-btn.registration__form-comfort-btn--last {
    border-right: 0;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .registration__form-comfort-btn.registration__form-comfort-btn--first {
    border-right: 0;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px; }

.registration__submit-btns--history {
  padding-top: 50px; }

.registration__final-step-btn {
  display: block;
  font-size: 16px;
  margin: 10px auto 15px; }

.registration__final-step-img img {
  width: 100%; }

.registration__letsgo--mobile {
  display: none; }

.registration__letsgo--desktop {
  display: inline-block; }

@media only screen and (max-width: 48em) {
  .responsive-layout .registration-header__logo {
    background: url(/www/teachcycle/images/betterlesson-logo.svg);
    background-repeat: no-repeat; }
  .responsive-layout .registration-header__steps {
    margin-top: 0;
    padding: 0.65rem 0 0.375rem; }
  .responsive-layout .registration__primary {
    padding: 0 0.65rem; }
  .responsive-layout .registration__headline {
    margin-top: 0; }
  .responsive-layout .registration__checkbox-capsule {
    min-height: 2.6rem;
    height: auto;
    line-height: 16px; }
  .responsive-layout .registration__submit-btns a, .responsive-layout .registration__submit-btns button {
    min-width: 6.5rem;
    margin-bottom: 1.3rem; }
    .responsive-layout .registration__submit-btns a::last-of-type, .responsive-layout .registration__submit-btns button::last-of-type {
      margin-bottom: 0; }
  .responsive-layout .registration__form-item .registration__checkbox-capsule {
    display: block;
    float: none;
    margin: 0 auto 1.3rem;
    position: relative;
    padding-left: 60px;
    line-height: 20px; }
    .responsive-layout .registration__form-item .registration__checkbox-capsule .tc-check {
      position: absolute;
      left: 1.3rem;
      top: 50%;
      margin-top: -0.62rem; }
  .responsive-layout .registration__availability {
    padding-bottom: 120px; }
  .responsive-layout .registration__availability-row .registration__input-label {
    border-right: 1px solid #CECECE; }
  .responsive-layout .registration__availability-row.fixed {
    position: fixed;
    width: 100%;
    max-width: 1200px;
    top: 0;
    left: 0;
    margin: 0; }
  .responsive-layout .registration__comfort-label--center {
    display: none; }
  .responsive-layout .registration__submit-btns--history {
    padding-top: 30px; }
  .responsive-layout .registration__final-step-img {
    padding: 0.65rem 0; }
  .responsive-layout .registration__letsgo--mobile {
    display: inline-block; }
  .responsive-layout .registration__letsgo--desktop {
    display: none; } }

.tc-header__wrap--v2 .tc-header__user .bl4__user-image-xx-small-mask .tc-header--v2,
.tc-header__wrap--v2 {
  height: 70px; }

.tc-header__wrap--v2 {
  position: relative; }
  .tc-header__wrap--v2 .tc-v4-profile__bg {
    float: left; }
  .tc-header__wrap--v2 .tc-header__logo {
    width: 200px;
    background-size: 178px;
    height: 70px; }
  .tc-header__wrap--v2 .tc-header__user-dropdown {
    margin-top: 54px; }
  .tc-header__wrap--v2 .tc-header__user-dropdown-link {
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 14px;
    color: #3D3D3D; }
    .tc-header__wrap--v2 .tc-header__user-dropdown-link:hover {
      color: #2196F3; }
  .tc-header__wrap--v2 .tc-header__user .bl4__user-image-xx-small-mask {
    float: left;
    margin-top: 10px;
    color: #CECECE; }
  .tc-header__wrap--v2 .tc-header__user-name {
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 15px;
    color: #3D3D3D;
    line-height: 50px;
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    position: realtive; }
  .tc-header__wrap--v2 .tc-header__user-arrow.tc-bold-arrow {
    border: none;
    font-size: 8px;
    margin-right: 10px;
    margin-top: 22px;
    cursor: pointer; }
    .tc-header__wrap--v2 .tc-header__user-arrow.tc-bold-arrow::before {
      color: #33B55F; }

/****** Search ******/
.header__search-bar {
  float: left;
  margin-left: 4px;
  width: 180px;
  position: relative;
  margin-top: 17px;
  padding: 0; }
  .header__search-bar .tc__input {
    margin-left: 6px; }

input.tc__input.header__search-input {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  border: 2px solid #CECECE;
  min-height: 36px;
  height: 36px;
  padding-right: 22px;
  padding-left: 10px; }
  input.tc__input.header__search-input.tc__input--custom-select:focus {
    outline: 0;
    border: 2px solid #CECECE; }
  input.tc__input.header__search-input::-webkit-input-placeholder {
    color: #AAB0B5;
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 14px; }
  input.tc__input.header__search-input:-moz-placeholder {
    color: #AAB0B5;
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 14px; }
  input.tc__input.header__search-input:-ms-input-placeholder {
    color: #AAB0B5;
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 14px; }

.header__search-button {
  width: 58px;
  color: #2196F3;
  text-align: center;
  width: 16px;
  font-size: 16px;
  top: 7px;
  right: 5px;
  box-sizing: content-box;
  border: none;
  background: none; }

.header__search-autocomplete {
  position: absolute;
  top: 44px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CECECE;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 1px 4px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 1px 4px 1px;
  box-shadow: rgba(0, 0, 0, 0.18) 0 1px 4px 1px;
  z-index: 10; }
  .header__search-autocomplete:before {
    content: '';
    position: absolute;
    top: -21px;
    left: 22px;
    border-bottom: 10px solid #CECECE;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }
  .header__search-autocomplete:after {
    content: '';
    position: absolute;
    top: -20px;
    left: 22px;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }

.header__search-autocomplete-item {
  background-color: white;
  max-width: 400px;
  list-style: none;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 15px;
  border-bottom: 1px solid #CECECE;
  cursor: pointer; }
  .header__search-autocomplete-item:hover {
    background-color: #D1E5F7; }
  .header__search-autocomplete-item:first-of-type {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  .header__search-autocomplete-item:last-of-type {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-bottom: 0; }
  .header__search-autocomplete-item .tag {
    background-color: #1aabb1;
    color: white;
    font-size: 14px;
    padding: 3px 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-right: 5px; }
  .header__search-autocomplete-item .description {
    font-style: italic;
    font-size: 14px; }

/****** header links ******/
.header__link-container {
  display: inline-block;
  margin-left: 28px; }
  .header__link-container:after {
    content: '';
    display: block;
    clear: both; }

.header__link.tc__link {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 20px;
  color: #3D3D3D;
  padding: 27px 5px 25px; }
  .header__link.tc__link:hover {
    color: #3D3D3D;
    border-bottom: 5px solid #33B55F; }
  .header__link.tc__link:last-of-type {
    margin-right: 0; }
  .header__link.tc__link.active {
    color: #3D3D3D;
    border-bottom: 5px solid #33B55F; }

/****** Admin nav ******/
.header__widget-visible {
  margin-bottom: 40px; }

.tc-header__admin-nav--v2 {
  height: 40px;
  background: #E8E8E8;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -40px; }
  .tc-header__admin-nav--v2 .tc-header__coach-view--switch {
    background: none;
    border-left: none;
    border-right: none; }
  .tc-header__admin-nav--v2 .ppd-v3-curation__switch,
  .tc-header__admin-nav--v2 .ppd-v3-curation__switch-caption {
    float: left; }
  .tc-header__admin-nav--v2 .tc-header__coach-view--switch {
    padding: 0;
    height: auto; }
  .tc-header__admin-nav--v2 .ppd-v3-curation__switch {
    width: 35px;
    height: 20px;
    border-width: 1px;
    margin-left: 15px; }
  .tc-header__admin-nav--v2 .ppd-v3-curation__switch-caption {
    line-height: 20px;
    width: 80px;
    margin: 0 15px;
    font-family: "Circular Medium", Helvetica, sans-serif; }
  .tc-header__admin-nav--v2 .ppd-v3-curation__switch-btn {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-left: 2px;
    background-color: #a8a6a0; }
  .tc-header__admin-nav--v2 .ppd-v3-curation__switch-input:checked + .ppd-v3-curation__switch-label .ppd-v3-curation__switch-btn {
    background-color: #2196F3;
    margin-left: 16px; }
  .tc-header__admin-nav--v2 .header__admin-participant-name {
    float: left;
    padding: 0;
    margin: 0 15px;
    width: auto;
    line-height: 40px;
    font-size: 14px;
    font-family: "Circular Medium", Helvetica, sans-serif; }
    .tc-header__admin-nav--v2 .header__admin-participant-name::after {
      background: none; }
  .tc-header__admin-nav--v2 .header__admin-link-container {
    float: left; }
  .tc-header__admin-nav--v2 .ppd-3-coach__icon {
    position: relative; }
  .tc-header__admin-nav--v2 .ppd-3-coach__icon--heart {
    font-size: 22px; }
  .tc-header__admin-nav--v2 .ppd-3-coach__icon:hover {
    color: #2196F3; }
  .tc-header__admin-nav--v2 .ppd-3-coach__add-meeting:after {
    position: absolute;
    top: -2px;
    right: -2px;
    content: "\E9E6";
    font-family: 'teach-cycle-icons';
    height: 12px;
    width: 12px;
    background: #33B55F;
    color: white;
    font-size: 8px;
    text-align: center;
    padding-top: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .tc-header__admin-nav--v2 .tc-header__coach-view--actions {
    height: 40px;
    background: none; }
  .tc-header__admin-nav--v2 .tc-header__admin-nav-content {
    height: 40px; }
  .tc-header__admin-nav--v2 .header__admin-switch {
    margin-top: 10px; }
  .tc-header__admin-nav--v2 .header__admin-arrow {
    float: left;
    margin: 13px 0 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 13px;
    cursor: pointer; }
    .tc-header__admin-nav--v2 .header__admin-arrow.header__admin-arrow--inactive {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg); }
    .tc-header__admin-nav--v2 .header__admin-arrow::before {
      color: #2196F3; }
    .tc-header__admin-nav--v2 .header__admin-arrow.header__admin-arrow--coach::before {
      color: #a8a6a0; }
  .tc-header__admin-nav--v2 .header__admin-icons {
    float: left;
    padding-right: 15px;
    border-right: 1px solid #CECECE;
    margin: 0;
    padding-top: 9px;
    height: 40px; }
    .tc-header__admin-nav--v2 .header__admin-icons .header__admin-icon--active a::before {
      color: #636363; }

.tc-header__marketing-link-container {
  float: left;
  position: relative;
  padding: 0 15px 0 0;
  margin-right: 25px; }
  .tc-header__marketing-link-container .tc-header__user-arrow.tc-bold-arrow {
    display: inline;
    position: absolute;
    padding: 30px 0 40px;
    margin-top: 0;
    margin-right: -10px;
    top: 0;
    width: 20px;
    height: 10px; }

.tc-header__marketing-dropdown {
  width: 472px;
  color: #7f7f7f;
  font-size: 15px;
  margin-top: 66px; }
  .tc-header__marketing-dropdown:after {
    content: '';
    clear: both;
    display: block; }

.tc-header__marketing-dropdown-left {
  width: 270px;
  float: left;
  padding: 20px 25px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px; }

.tc-header__marketing-dropdown-right {
  float: right;
  width: 202px;
  padding: 20px 25px;
  border-left: 1px solid #E8E8E8;
  font-family: "Circular Book", Helvetica, sans-serif; }

.tc-header__marketing-dropdown-headline {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  padding-bottom: 15px; }

.tc-header__marketing-dropdown-learn-more {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 5px; }

.tc-header__marketing-dropdown-links {
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif; }
  .tc-header__marketing-dropdown-links a {
    display: block;
    margin-top: 15px;
    text-decoration: none;
    color: #3D3D3D; }
    .tc-header__marketing-dropdown-links a:link {
      color: #3D3D3D; }
    .tc-header__marketing-dropdown-links a:hover {
      text-decoration: none;
      color: #3D3D3D; }
    .tc-header__marketing-dropdown-links a:visited {
      text-decoration: none;
      color: #3D3D3D; }

.tc-header__marketing-dropdown-link--green {
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #33B55F;
  text-decoration: none;
  margin-top: 8px;
  display: block; }
  .tc-header__marketing-dropdown-link--green:hover {
    text-decoration: none;
    color: #33B55F; }
  .tc-header__marketing-dropdown-link--green:visited {
    text-decoration: none;
    color: #33B55F; }

.tc-header__admin-nav-content {
  width: 1200px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 0;
  height: 70px;
  border-left: 1px solid #CECECE; }

.header__admin-story {
  font-size: 14px;
  line-height: 20px;
  padding-left: 15px;
  float: left;
  line-height: 40px;
  font-family: "Circular Medium", Helvetica, sans-serif; }
  .header__admin-story a {
    padding-left: 5px; }

.tc-header__visitor-button-container {
  text-align: right; }

.tc-header__visitor-button--v2 {
  min-width: 0;
  margin: 10px 15px 0 0;
  height: 30px;
  padding-top: 5px;
  font-size: 14px; }

.tc-header__visitor-link {
  margin: 16px 0 0 0;
  float: right;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 14px; }

.tc-header__user-dropdown-list .header__link-container {
  display: none; }

.tc-header__mobile-element-container {
  display: none; }

@media only screen and (max-width: 48em) {
  .responsive-layout .header__link-container {
    display: none; }
  .responsive-layout .tc-header__wrap--v2 {
    position: fixed;
    height: 50px;
    top: 0; }
    .responsive-layout .tc-header__wrap--v2 .tc-header__user-dropdown {
      border-top: 0;
      margin-top: 3.25rem; }
    .responsive-layout .tc-header__wrap--v2 .tc-header__logo {
      background: url("/www/teachcycle/images/betterlesson-lab-logo.svg");
      height: 2.145rem;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 8.97rem; }
    .responsive-layout .tc-header__wrap--v2 .tc-header__logo--bl4 {
      background: url("/www/teachcycle/images/betterlesson-logo.svg");
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 8.97rem; }
  .responsive-layout .header__admin-story {
    padding: 0 .65rem 1.5rem;
    line-height: 20px;
    float: none;
    width: 100%;
    height: auto;
    border: none;
    text-align: left; }
  .responsive-layout .tc-header__visitor-button--v2 {
    margin: 0 15px 0 0;
    padding-top: 5px; }
  .responsive-layout .tc-header__visitor-link {
    margin-top: 8px; }
  .responsive-layout .header__search-container {
    paddingright: 0.65rem;
    background-color: #E8E8E8; }
  .responsive-layout .header__search-bar {
    margin-left: 0; }
  .responsive-layout .header__search-autocomplete {
    max-width: 100%; }
  .responsive-layout .header__widget-visible {
    margin-bottom: 0; }
  .responsive-layout #tc-header__user-dropdown--mobile .header__link-container {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%; }
  .responsive-layout #tc-header__user-dropdown--mobile .header__link {
    border-bottom: 1px solid #dbdad7;
    float: left;
    width: 100%;
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 14px;
    color: #3d3d3d;
    text-align: left;
    padding: 14px 12px; }
  .responsive-layout .tc-header__user-dropdown li {
    float: left;
    width: 100%; }
  .responsive-layout .tc-header__mobile-element-container {
    display: block; }
  .responsive-layout .tc-header__user-dropdown-logged-out {
    float: left;
    width: 100%;
    border-top: 1px solid #dbdad7; } }

/***** App styles to support footer *****/
html, body, #app {
  height: 100%; }

.app__content {
  display: flex;
  flex-direction: column;
  height: 100%; }

.app__page {
  flex: 1 0 auto; }

/***** Site Footer *****/
.footer {
  flex-shrink: 0;
  width: 100%;
  color: white; }

.footer__top-section {
  width: 100%;
  background-color: #3D3D3D;
  padding: 50px 0; }

.footer__logo {
  width: 200px; }

.footer__logo-subtext {
  font-size: 15px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin: 1em 0 1.5em;
  color: #FFFFFF;
  line-height: 26px; }

.footer__social-icons {
  display: flex;
  justify-content: space-between;
  width: 140px;
  border: 1px solid white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin-top: 20px; }

.footer__social-icon {
  font-size: 20px;
  color: white;
  text-decoration: none;
  border-right: 1px solid white;
  padding: 12px;
  cursor: pointer; }
  .footer__social-icon:last-of-type {
    border-right: none; }
  .footer__social-icon:hover {
    color: white;
    text-decoration: none; }
  .footer__social-icon:visited {
    color: white;
    text-decoration: none; }

.footer__top-section-links {
  margin-top: 10px;
  width: 58%;
  float: right; }

.footer__top-section-col {
  width: 20%;
  float: left; }

.footer__top-section-link {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-weight: 300;
  line-height: 20px;
  color: #CDCDCD;
  text-decoration: none;
  margin-bottom: 8px;
  display: block; }
  .footer__top-section-link:hover {
    color: #CDCDCD;
    text-decoration: none; }
  .footer__top-section-link:visited {
    color: #CDCDCD;
    text-decoration: none; }

.footer__top-section-link--headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  color: white; }
  .footer__top-section-link--headline:hover {
    color: white;
    text-decoration: none; }
  .footer__top-section-link--headline:visited {
    color: white;
    text-decoration: none; }

.footer__bottom-section {
  width: 100%;
  background-color: #222222; }

.footer__small-text {
  font-size: 13px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 15px;
  letter-spacing: 0.4px;
  margin: 1em 0 1.5em;
  padding: 0 0.65rem; }

.footer__bottom-section-links {
  text-align: right; }

.footer__bottom-section-link {
  color: white;
  text-decoration: none;
  margin-left: 30px; }
  .footer__bottom-section-link:hover {
    color: white;
    text-decoration: none; }
  .footer__bottom-section-link:visited {
    color: white;
    text-decoration: none; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Site Footer *****/ }
    .responsive-layout .footer {
      text-align: left; }
    .responsive-layout .footer__top-section {
      padding: 0; }
    .responsive-layout .footer__top-section-header {
      padding: 4% 20px 5%; }
    .responsive-layout .footer__top-section-col {
      float: left;
      width: 100%;
      margin-bottom: 4%; }
    .responsive-layout .footer__top-section-col--single-link {
      margin-bottom: 0; }
    .responsive-layout .footer__social-icons {
      margin: 20px 0 0; }
    .responsive-layout .footer__top-section-links {
      flex-direction: column;
      margin-top: 0;
      width: 100%;
      padding: 0 20px; }
      .responsive-layout .footer__top-section-links::last-of-type {
        margin-bottom: 0; }
    .responsive-layout .footer__top-section-link {
      margin-bottom: 10px; }
      .responsive-layout .footer__top-section-link a {
        display: block; }
    .responsive-layout .footer__bottom-section {
      padding: 20px 10px; }
    .responsive-layout .footer__bottom-section-link {
      text-align: right;
      display: block; }
      .responsive-layout .footer__bottom-section-link:first-of-type {
        margin-left: 0; }
    .responsive-layout .footer__bottom-section-link--legal {
      padding-top: 5px; }
    .responsive-layout .footer__small-text {
      line-height: 18px;
      margin: 0; } }

/***** Content Discovery V4 Domains Page *****/
.domains {
  margin-bottom: 30px; }

.domains__headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-top: 35px;
  margin-bottom: 20px; }

.domains__section-headline {
  font-size: 24px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 28px;
  margin-top: 35px; }

.domains__capsules {
  display: flex;
  flex-wrap: wrap; }

.domains__capsule {
  width: 279px;
  height: 345px;
  background-image: linear-gradient(106deg, #0AABB1, #1A7CD9);
  color: white;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 0 20px;
  margin-right: 20px;
  cursor: pointer; }
  .domains__capsule:nth-of-type(4n) {
    margin-right: 0; }

.domains__capsule-image {
  width: 100%;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }

.domains__capsule-icon {
  font-size: 40px;
  line-height: 40px;
  margin: 16px 20px 0; }

.domains__capsule-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin: 12px 16px 0; }

.domains__capsule-footer {
  position: absolute;
  bottom: 0;
  width: 100%; }

.domains__capsule-footer-links {
  border-top: 1px solid white;
  margin: 0 10px; }

.domains__capsule-footer-link {
  display: inline-block;
  width: 50%;
  text-transform: uppercase;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 15px 0; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Content Discovery V4 Domains Page *****/ }
    .responsive-layout .domains {
      margin-top: 50px; }
    .responsive-layout .domains__headline {
      margin-top: 15px; }
    .responsive-layout .domains__section-headline {
      font-size: 20px;
      line-height: 24px;
      margin-top: 10px; }
    .responsive-layout .domains__capsules {
      display: block; }
    .responsive-layout .domains__capsule {
      display: block;
      margin: 0 auto 20px; } }

/***** Content Discovery V4 Domain Page *****/
.domain__container.fixed {
  margin-top: 229px; }

/***** Header *****/
.domain__header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #636363;
  padding: 30px 0; }
  .domain__header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2; }

.domain__header-body-text {
  display: flex;
  justify-content: center;
  text-align: left; }

.domain__header-icon {
  font-size: 60px;
  margin-top: 7px;
  margin-right: 15px; }

.domain__header-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin: 0 0 15px; }

.domain__header-subheadline {
  margin-bottom: 15px; }

.domain__header-button {
  margin-top: 20px; }

/***** Left Side Nav *****/
.domain__side-nav-container {
  position: absolute;
  width: 100%; }

.domain__side-nav-row {
  width: 1200px;
  margin: 0 auto; }

.domain__side-nav {
  display: inline-block;
  border-left: 1px solid #E8E8E8;
  width: 179.2px;
  margin-top: 40px;
  margin-left: 11px; }
  .domain__side-nav.fixed {
    position: fixed;
    top: 269px;
    margin-top: 0; }

/***** Sections *****/
.domain__section {
  padding: 40px 0; }

.domain__section--grey {
  background-color: #eff1f2; }

.domain__section--graphic {
  background-size: cover;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-image: url("/www/teachcycle/images/participant-portfolio-bkgd.jpg");
  color: white;
  text-align: center;
  padding: 80px 0; }

.domain__section-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 20px; }

.domain__section-subheadline {
  text-align: left;
  margin-bottom: 20px; }

.domain__strategies-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 15px; }

/***** Growth Areas *****/
.domain__growth-areas {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px; }

.domain__growth-area {
  width: 249px;
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 22px;
  border-top: 11px solid #33B55F;
  padding-top: 22px;
  margin-top: 20px;
  margin-right: 15px;
  margin-bottom: 20px; }

.domain__growth-area--last-col {
  margin-right: 0; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Content Discovery V4 Domain Page *****/
    /***** Header *****/
    /***** Sections *****/
    /***** Growth Areas *****/ }
    .responsive-layout .domain {
      margin-top: 50px; }
    .responsive-layout .domain__header-body-text {
      display: block;
      text-align: center; }
    .responsive-layout .domain__header-icon {
      margin: 0 0 15px; }
    .responsive-layout .domain__header-headline {
      margin-bottom: 10px; }
    .responsive-layout .domain__header-button {
      margin-top: 0; }
    .responsive-layout .domain__section {
      padding: 20px 0; }
    .responsive-layout .domain__section--graphic {
      padding: 30px 0; }
    .responsive-layout .domain__section-row-mobile {
      padding: 0 10px; }
    .responsive-layout .domain__growth-area--last-col {
      margin-right: 15px; } }

/***** Content Discovery V4 Instructional Strategies Page *****/
.strategies__container.fixed {
  margin-top: 259px; }

/***** Header *****/
.strategies__header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/www/teachcycle/images/instructional-strategies.jpg");
  background-color: #636363;
  padding: 30px 0; }
  .strategies__header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2; }

.strategies__header-row {
  position: relative;
  height: 169px;
  display: flex;
  align-items: center; }

.strategies__header-body {
  text-align: center;
  color: white; }

.strategies__header-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin: 10px 0 20px; }

.strategies__header-subheadline {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 25px; }

.strategies__share {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 180px; }

.strategies__share-text {
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 20px; }

.strategies__share-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  font-size: 22px; }

.strategies__share-icon {
  cursor: pointer; }

/***** Domain Rows *****/
.strategies__domains {
  margin-top: 30px; }

.strategies__domain-headline-row {
  display: flex;
  align-items: center;
  margin-top: 10px; }

.strategies__domain-icon {
  flex: none;
  color: #0AABB1;
  font-size: 60px;
  margin-right: 20px; }

.strategies__domain-title {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 24px;
  line-height: 28px; }

.strategies__domain-tagline {
  margin-top: 15px; }

.strategies__domain-strategies-row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CECECE; }

.strategies__domain-strategies-row--no-border {
  border-bottom: none; }

.strategies__capsule {
  width: 279px;
  height: 280px;
  text-align: center;
  padding: 30px 20px 25px;
  margin-right: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 10px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 10px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 10px 0; }
  .strategies__capsule:last-of-type {
    margin-right: 0; }

.strategies__capsule--strategy {
  cursor: pointer; }
  .strategies__capsule--strategy:hover .strategies__capsule-name {
    color: #1A7CD9; }

.strategies__capsule--domain {
  background-size: cover;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-color: #636363;
  color: white;
  padding-top: 100px; }

.strategies__capsule--small {
  width: 249px;
  height: 240px;
  margin-right: 15px; }

.strategies__capsule-feature-text {
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 5px; }

.strategies__capsule-browse-link {
  position: absolute;
  left: 0;
  bottom: 42px;
  width: 100%;
  font-size: 15px;
  line-height: 16px;
  color: #71BDFA;
  text-transform: uppercase; }

.strategies__capsule-favorite {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 26px;
  cursor: pointer;
  z-index: 1; }
  .strategies__capsule-favorite:hover {
    color: #1A7CD9; }
  .strategies__capsule-favorite.tc-v4-heart-filled, .strategies__capsule-favorite.tc-v4-heart-empty {
    color: #fe6060; }
    .strategies__capsule-favorite.tc-v4-heart-filled:hover, .strategies__capsule-favorite.tc-v4-heart-empty:hover {
      color: #cc441b; }

.strategies__capsule-icon {
  height: 50px;
  width: 50px;
  background-color: #0AABB1;
  font-size: 25px;
  line-height: 50px;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 15px; }

.strategies__capsule-name {
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 24px; }

.strategies__capsule-tagline {
  position: relative;
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  margin-top: 10px; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Content Discovery V4 Instructional Strategies Page *****/
    /***** Header *****/
    /***** Domain Rows *****/ }
    .responsive-layout .strategies {
      margin-top: 50px; }
    .responsive-layout .strategies__header-row {
      display: block;
      height: auto;
      padding: 0 10px; }
    .responsive-layout .strategies__share {
      position: static;
      right: auto;
      bottom: auto;
      margin: 5px auto 0; }
    .responsive-layout .strategies__share-text {
      margin-bottom: 15px; }
    .responsive-layout .strategies__domain-headline-row {
      display: block;
      text-align: center; }
    .responsive-layout .strategies__domain-icon {
      margin: 0 0 10px; }
    .responsive-layout .strategies__domain-more-mobile {
      font-size: 16px;
      font-family: "Circular Book", Helvetica, sans-serif;
      line-height: 20px;
      margin-top: 15px; }
    .responsive-layout .strategies__domain-strategies-row {
      justify-content: center;
      margin: 0 10px; }
    .responsive-layout .strategies__capsule {
      width: 100%;
      height: auto;
      border-top: 1px solid #c7c7c7;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      padding: 20px 0;
      margin: 0; }
    .responsive-layout .strategies__capsule--small {
      background-color: #eff1f2; }
    .responsive-layout .strategies__capsule-favorite {
      right: 0; }
    .responsive-layout .strategies__capsule-icon-name-row {
      display: flex;
      align-items: center;
      margin-right: 30px;
      text-align: left; }
    .responsive-layout .strategies__capsule-icon {
      flex: none;
      margin: 0 10px 0 0;
      text-align: center; }
    .responsive-layout .strategies__capsule-name {
      text-align: left; }
    .responsive-layout .strategies__capsule-tagline {
      text-align: left; }
    .responsive-layout .strategies__domain-browse-mobile {
      margin-bottom: 15px; } }

/***** Content Discovery V4 Strategy Page *****/
.strategy-v4__center-column {
  margin-bottom: 100px; }

.strategy-v4__title {
  font-size: 28px;
  line-height: 36px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  text-align: center;
  font-weight: normal; }

.lesson__big-idea {
  margin-top: 10px; }

.strategy-v4__tagline {
  font-size: 18px;
  line-height: 22px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.strategy-v4__btns {
  text-align: center;
  margin-top: 20px; }

.strategy-v4__btn {
  margin: 0 8px 15px; }

.strategy-v4__btn-icon {
  vertical-align: sub;
  font-size: 18px;
  margin-right: 12px; }

.strategy-v4__btn-icon--red {
  color: #fe6060; }

.bl4__btn.disabled .strategy-v4__btn-icon--red {
  color: #dbdad7; }

.strategy-v4__hero-section {
  position: relative;
  cursor: pointer; }

.strategy-v4__hero-container {
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px 0; }

.strategy-v4__hero-video {
  width: 100%; }
  .strategy-v4__hero-video.scale-to-width {
    width: 100%; }
  .strategy-v4__hero-video.scale-to-height {
    height: 375px;
    width: auto; }

.strategy-v4__hero-video-mask {
  width: 100%;
  height: 375px;
  overflow: hidden; }

.strategy-v4__hero-image {
  width: 100%; }
  .strategy-v4__hero-image.scale-to-width {
    width: 100%; }
  .strategy-v4__hero-image.scale-to-height {
    height: 250px;
    width: auto; }

.strategy-v4__hero-image-mask {
  width: 100%;
  height: 250px;
  overflow: hidden; }

.strategy-v4__hero-video--none,
.strategy-v4__hero-video-mask--none {
  width: 100%;
  height: 375px;
  background: #dbdad7;
  line-height: 220px;
  text-align: center;
  position: relative; }

.strategy-v4__hero-image--none,
.strategy-v4__hero-image-mask--none {
  width: 100%;
  height: 250px;
  background: #dbdad7;
  line-height: 220px;
  text-align: center;
  position: relative; }

.strategy-v4__hero-video, .strategy-v4__hero-image-mask {
  display: flex;
  align-items: center; }

.strategy-v4__hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3D3D3D;
  opacity: 0.5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.strategy-v4__hero-video-arrow {
  position: relative;
  height: 65px;
  width: 65px;
  background-color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .strategy-v4__hero-video-arrow:after {
    position: absolute;
    top: 20px;
    left: 25px;
    content: '';
    border-top: 12px solid transparent;
    border-left: 22px solid white;
    border-bottom: 12px solid transparent; }

.strategy-v4__hero-text {
  position: absolute;
  bottom: 0;
  font-size: 24px;
  line-height: 28px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  color: white;
  padding: 30px; }

.strategy-v4__hero-duration {
  font-size: 18px;
  line-height: 22px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

/***** Left Side Nav *****/
.strategy-v4__side-nav {
  border-left: 1px solid #E8E8E8;
  margin-top: 30px; }
  .strategy-v4__side-nav.fixed {
    position: fixed;
    top: 0;
    width: 179.2px; }

.strategy-v4__side-nav-row {
  list-style: none;
  border-left: 4px solid transparent;
  padding: 5px 0 5px 11px;
  margin: 10px 0; }
  .strategy-v4__side-nav-row.active {
    color: #222222;
    border-color: #2196F3; }
    .strategy-v4__side-nav-row.active:hover {
      text-decoration: none; }

/***** Right Metadata Column *****/
.strategy-v4__metadata-container {
  margin-top: 15px; }
  .strategy-v4__metadata-container:first-of-type {
    margin-top: 0; }

.strategy-v4__metadata-section {
  border-top: 1px solid #CECECE;
  padding-top: 20px;
  margin-top: 20px; }
  .strategy-v4__metadata-section:first-of-type {
    border-top: none;
    padding-top: 0;
    margin-top: 30px; }

.strategy-v4__metadata-flex-section {
  display: flex;
  flex-wrap: wrap; }

.strategy-v4__metadata-flex-section--centered {
  justify-content: space-around; }

.strategy-v4__metadata-flex-item {
  min-width: 100px; }

.strategy-v4__metadata-headline {
  font-size: 13px;
  line-height: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  text-transform: uppercase;
  margin-top: 15px; }
  .strategy-v4__metadata-headline:first-of-type {
    margin-top: 0; }

.strategy-v4__metadata-grey-text {
  color: #636363;
  font-size: 15px;
  line-height: 20px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.strategy-v4__metadata-default-text {
  margin-top: 5px; }

.strategy-v4__metadata-tag {
  display: inline-block;
  min-width: 50px;
  background-color: white;
  color: #0AABB1;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  border: 2px solid #0AABB1;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 8px 10px;
  margin-top: 15px; }

.strategy-v4__metadata-tag-description {
  font-size: 14px;
  line-height: 20px;
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-top: 3px; }

.strategy-v4__metadata-link {
  font-size: 15px;
  line-height: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-top: 10px; }

.strategy-v4__share {
  margin-top: 30px; }

.strategy-v4__share-text {
  text-align: center;
  text-transform: uppercase;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 20px; }

.strategy-v4__share-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 22px; }

.strategy-v4__share-icon {
  cursor: pointer; }
  .strategy-v4__share-icon.tc-v4-link {
    color: #2196F3; }
  .strategy-v4__share-icon .tc-facebook {
    color: #3B5998; }
  .strategy-v4__share-icon .tc-twitter {
    color: #00aced; }
  .strategy-v4__share-icon .tc-pinterest {
    color: #BD081C; }

.strategy-v4__favorites {
  display: flex; }

.strategy-v4__favorites-icon {
  font-size: 18px;
  line-height: 20px;
  color: #fe6060;
  margin-right: 10px; }

.strategy-v4__favorites-text {
  color: #636363;
  font-size: 15px;
  line-height: 20px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.strategy-v4__author-link {
  text-decoration: none; }

.strategy-v4__author-photo {
  color: #CECECE;
  margin-top: 20px; }

.strategy-v4__author-name {
  font-size: 15px;
  line-height: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-top: 10px; }

.strategy-v4__author-photo--similar {
  margin-bottom: 20px; }

.strategy-v4__metadata-lessons-icon {
  height: 60px;
  width: 60px;
  background-color: #FF7A52;
  text-align: center;
  font-size: 30px;
  line-height: 60px;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto; }

.strategy-v4__metadata-lessons-headline {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin: 10px auto 20px; }

.strategy-v4__metadata-lesson-link {
  text-decoration: underline; }

/***** Section Capsules *****/
.strategy-v4__capsule {
  padding: 30px 30px 40px; }

.strategy-v4__capsule--has-resources {
  padding-bottom: 20px; }

.strategy-v4__capsule--has-footer {
  padding-bottom: 50px; }

.strategy-v4__capsule-headline-row {
  display: flex;
  justify-content: space-between; }

.strategy-v4__capsule-headline {
  font-size: 24px;
  line-height: 30px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-weight: normal; }

.strategy-v4__capsule-time {
  flex: none;
  color: #7f7f7f;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-left: 10px; }

.strategy-v4__capsule-author {
  display: flex;
  align-items: center;
  margin-top: 20px; }

.strategy-v4__capsule-author-photo {
  margin: 0 10px 0 0; }

.strategy-v4__capsule-author-role {
  color: #7f7f7f; }

.strategy-v4__capsule-description {
  margin-top: 20px; }

.strategy-v4__capsule-resources {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px; }
  .strategy-v4__capsule-resources:first-of-type {
    margin-top: 0; }

.strategy-v4__capsule-resource {
  flex: none;
  width: 219px;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer; }
  .strategy-v4__capsule-resource:last-of-type {
    margin-right: 0; }

.strategy-v4__capsule-resource-image-container,
.strategy-v4__blended-artifact-image-container {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px; }

.strategy-v4__capsule-resource-image {
  width: 100%; }
  .strategy-v4__capsule-resource-image.scale-to-width {
    width: 100%; }
  .strategy-v4__capsule-resource-image.scale-to-height {
    height: 140px;
    width: auto; }

.strategy-v4__capsule-resource-image-mask {
  width: 100%;
  height: 140px;
  overflow: hidden; }

.strategy-v4__blended-artifact-image {
  width: 100%; }
  .strategy-v4__blended-artifact-image.scale-to-width {
    width: 100%; }
  .strategy-v4__blended-artifact-image.scale-to-height {
    height: 140px;
    width: auto; }

.strategy-v4__blended-artifact-image-mask {
  width: 100%;
  height: 140px;
  overflow: hidden; }

.strategy-v4__capsule-resource-image--none,
.strategy-v4__capsule-resource-image-mask--none,
.strategy-v4__blended-artifact-image--none,
.strategy-v4__blended-artifact-image-mask--none {
  width: 100%;
  height: 140px;
  background: #CECECE;
  line-height: 220px;
  text-align: center;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.strategy-v4__capsule-resource-image-mask,
.strategy-v4__blended-artifact-image-mask {
  display: inline-block; }

.strategy-v4__capsule-resource-headline-row {
  display: flex; }

.strategy-v4__capsule-resource-icon {
  flex: none;
  margin-right: 8px; }

/***** Related Strategies *****/
.strategy-v4__related-strategies-headline-row {
  display: flex;
  align-items: center;
  margin: 10px auto 30px; }

.strategy-v4__related-strategies-headline {
  flex: none;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin: 0 15px; }

.strategy-v4__related-strategies-line {
  height: 2px;
  width: 50%;
  border-top: 1px solid #CECECE; }

.strategy-v4__related-strategies {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px; }

.strategy-v4__related-strategy {
  height: 240px;
  width: 248px;
  background-color: white;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  padding: 30px 20px;
  cursor: pointer; }

/****** Blended ******/
.strategy-v4__blended-artifact {
  float: left;
  width: 33.333%;
  padding: 0 30px 0 0;
  margin-top: 20px;
  height: 240px;
  cursor: pointer; }
  .strategy-v4__blended-artifact:last-of-type {
    padding-right: 0; }

.strategy-v4__blended-artifact-details {
  position: relative;
  float: left; }

.strategy-v4__blended-artifact-icon {
  position: absolute;
  font-size: 18px; }

.strategy-v4__blended-artifact-name {
  float: left;
  padding-left: 20px;
  color: #2196F3;
  text-decoration: none;
  font-family: "Circular Medium", Helvetica, sans-serif;
  cursor: pointer;
  line-height: 20px;
  font-size: 16px; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Content Discovery V4 Strategy Page *****/
    /***** Metadata (in right column on desktop, but integrated into page on mobile) *****/
    /***** Section Capsules *****/
    /***** Related Strategies *****/ }
    .responsive-layout .strategy-v4__center-column {
      padding-top: 50px;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 0; }
    .responsive-layout .strategy-v4__grey-background-mobile {
      background-color: #eff1f2;
      margin-left: -20px;
      margin-right: -20px; }
    .responsive-layout .strategy-v4__top-section-text-mobile {
      padding: 0 20px; }
    .responsive-layout .strategy-v4__title {
      padding-top: 20px;
      margin-top: 0; }
    .responsive-layout .strategy-v4__tagline {
      text-align: center; }
    .responsive-layout .strategy-v4__hero-container {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      margin: 0; }
    .responsive-layout .strategy-v4__hero-overlay {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
    .responsive-layout .strategy-v4__metadata-section {
      padding-top: 0; }
      .responsive-layout .strategy-v4__metadata-section:first-of-type {
        border-top: 1px solid #CECECE; }
    .responsive-layout .strategy-v4__metadata-headline {
      margin-top: 20px; }
    .responsive-layout .strategy-v4__metadata-flex-item {
      width: 200px;
      margin-right: 20px; }
    .responsive-layout .strategy-v4__metadata-flex-section--centered .strategy-v4__metadata-flex-item {
      margin: 0 10px; }
    .responsive-layout .strategy-v4__share {
      width: 180px;
      padding: 10px 0 20px;
      margin: 0 auto; }
    .responsive-layout .strategy-v4__favorites {
      justify-content: center;
      padding-bottom: 20px; }
    .responsive-layout .strategy-v4__capsule {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      border-bottom: 1px solid #CECECE;
      padding: 25px 0 30px;
      margin: 0; }
      .responsive-layout .strategy-v4__capsule .bl4__capsule-expand-footer {
        left: -20px;
        right: -20px;
        justify-content: center;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
      .responsive-layout .strategy-v4__capsule:last-of-type {
        border-bottom: 0; }
    .responsive-layout .strategy-v4__capsule--has-resources {
      padding-bottom: 10px; }
    .responsive-layout .strategy-v4__capsule--has-footer {
      border-bottom: 0;
      padding-bottom: 50px; }
    .responsive-layout .strategy-v4__capsule-headline-row {
      display: block; }
    .responsive-layout .strategy-v4__capsule-time {
      margin-top: 10px;
      margin-left: 0; }
    .responsive-layout .strategy-v4__capsule-resources {
      flex-wrap: nowrap;
      overflow-x: scroll; }
    .responsive-layout .strategy-v4__related-strategies-headline-row {
      margin-bottom: 20px; }
    .responsive-layout .strategy-v4__related-strategies {
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 0; }
    .responsive-layout .strategy-v4__related-strategy {
      width: 100%;
      height: auto;
      max-height: 240px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      border-top: 1px solid #CECECE;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding: 20px 0;
      margin: 0 10px 15px; }
      .responsive-layout .strategy-v4__related-strategy:first-of-type {
        border-top: 0;
        padding-top: 12px; } }

.bl4-profile__user-name,
.bl4-profile__school-name {
  text-align: center;
  width: 100%;
  margin-bottom: 0; }

.bl4-profile__user-name {
  margin-top: 12px;
  font-size: 28px;
  font-family: "Circular Bold", Helvetica, sans-serif; }

.bl4-profile__school {
  margin-top: 18px;
  text-transform: capitalize;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 18px;
  text-align: center; }

.bl4__capsule--profile-details {
  margin-top: 50px;
  padding-bottom: 25px; }
  .bl4__capsule--profile-details::before {
    height: 100px; }
  .bl4__capsule--profile-details .tc-v4-profile-lg {
    color: #CECECE; }

.bl4-profile__image {
  font-size: 120px;
  text-align: center; }

.bl4-profile__details {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  width: 100%; }
  .bl4-profile__details span {
    float: left;
    padding-right: 4px; }
  .bl4-profile__details:after {
    content: '';
    display: block;
    float: left; }

.bl4-profile__detail-declaration {
  font-family: "Circular Medium", Helvetica, sans-serif; }

.bl4-profile__detail {
  float: left;
  width: 50%;
  padding: 25px 5px 20px 0;
  line-height: 19px; }
  .bl4-profile__detail:last-of-type {
    padding-right: 0; }

.bl4-profile__add-user-image {
  display: block;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  text-decoration: none; }
  .bl4-profile__add-user-image .home__user-img-overlay {
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    padding-top: 0;
    -webkit-border-radius: 0 0 60px 60px;
    -moz-border-radius: 0 0 60px 60px;
    -ms-border-radius: 0 0 60px 60px;
    -o-border-radius: 0 0 60px 60px;
    border-radius: 0 0 60px 60px; }

.bl4-profile__pd-text {
  padding-top: 20px;
  border-bottom: 1px solid #CECECE; }
  .bl4-profile__pd-text:last-of-type {
    border-bottom: 0; }

#bl4-profile__vision {
  margin-top: 0; }

.bl4-profile__pd-seperator {
  border-top: 1px solid #CECECE;
  margin: 30px 0 50px; }

.bl4-profile__pd-text-headline,
.bl4-profile__pd-text-description {
  margin-bottom: 20px; }

.bl4-profile__pd-text-content {
  margin-bottom: 20px; }
  .bl4-profile__pd-text-content::after {
    content: '';
    display: block;
    clear: both; }

.bl4-profile__pd--edit {
  float: right;
  display: block;
  clear: both; }
  .bl4-profile__pd--edit::after {
    content: '';
    display: block;
    clear: both; }
  .bl4-profile__pd--edit div {
    margin-left: 5px;
    float: left; }

.bl4-profile__pd-text-headline {
  text-align: center;
  font-size: 24px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-top: 20px;
  margin-bottom: 12px; }

.bl4-profile__pd-text--add {
  text-align: center;
  width: 100%;
  display: block; }

.bl4-profile__participant-text {
  padding-bottom: 10px; }

.bl4-profile__pd-text-description {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px; }

.bl4__sidebar-item {
  float: left;
  display: block;
  width: 100%;
  margin-top: 20px;
  border-left: 3px solid transparent;
  padding-left: 8px; }
  .bl4__sidebar-item.active {
    border-color: #0AABB1;
    color: #3D3D3D; }

.bl4__sidebar-item--level-2 {
  margin-top: 0;
  padding-left: 28px; }

.bl4-profile__add-artifact {
  position: relative;
  margin-top: 10px;
  width: 100%; }
  .bl4-profile__add-artifact .story__add-more-menu {
    left: 50%;
    margin-left: 30px;
    margin-top: 36px; }

.bl4-profile__artifacts-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 22px;
  margin-top: 30px; }

.bl4-profile__add-artifact-headline {
  font-size: 18px;
  text-align: center;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.bl4-profile__add-artifact-btn {
  height: 40px;
  width: 40px;
  background-color: #2196F3;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  margin: 20px auto 0; }
  .bl4-profile__add-artifact-btn.disabled {
    background: #E8E8E8;
    pointer-events: none;
    cursor: default; }

.bl4-profile__sidebar-image {
  font-size: 64px;
  text-align: center; }

.bl4-profile__sidebar-user {
  text-align: center;
  max-height: 0;
  min-height: 50px;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out 0.2s, opacity 0.2s ease-out; }
  .bl4-profile__sidebar-user .tc-v4-profile-lg {
    color: #CECECE; }
  .bl4-profile__sidebar-user.show-details {
    height: auto;
    max-height: 350px;
    opacity: 1;
    overflow: visibile;
    transition: max-height 0.2s ease-out, opacity  0.2s ease-out 0.2s; }

.bl4-profile__sidebar-user-name {
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-bottom: 10px;
  margin-top: 12px; }

.bl4-profile__sidebar-user-school {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.bl4__profile-sidebar {
  margin-top: 50px; }
  .bl4__profile-sidebar::before {
    height: 64px; }
  .bl4__profile-sidebar.fixed {
    width: 271px;
    margin-top: 10px;
    top: 0;
    position: fixed; }

.bl4-profile__entries {
  position: relative;
  padding-bottom: 20px; }
  .bl4-profile__entries.bl4-profile__entries--collapsed {
    max-height: 400px;
    overflow: hidden;
    padding-bottom: 250px;
    box-sizing: content-box; }
    .bl4-profile__entries.bl4-profile__entries--collapsed::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #eff1f2);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #eff1f2);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eff1f2);
      height: 250px; }

.bl4-profile__entries--collapsable {
  padding-bottom: 60px; }

.bl4-profile__artifact-more {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
  margin-bottom: 10px; }

.bl4-profile__sidebar-portfolio::after {
  display: block;
  content: '';
  clear: both; }

.bl4-profile__sidebar-portfolio a {
  display: block;
  float: left;
  padding-right: 5px; }

.bl4-profile__sidebar-portfolio {
  border-top: 1px solid #CECECE;
  padding-top: 15px;
  margin-top: 15px; }

.bl4-profile__details-mobile-column {
  float: left;
  width: 50%; }

.bl4-profile__main--editable {
  padding-bottom: 130px; }

/***** Portfolio Section *****/
.bl4-profile__portfolio {
  padding-top: 40px;
  margin-top: 30px;
  border-top: 1px solid #c7c7c7; }

.bl4-profile__portfolio-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 22px;
  margin-bottom: 15px; }

.bl4-profile__story-title {
  font-size: 22px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 26px;
  text-align: center;
  margin-top: 20px; }

.bl4-profile__story-tagline {
  text-align: center;
  margin-top: 10px; }

.bl4-profile__story-mode-tabs {
  display: flex;
  justify-content: center;
  margin-top: 10px; }

.bl4-profile__story-mode-tab {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px;
  color: #7f7f7f;
  padding: 10px;
  cursor: pointer; }
  .bl4-profile__story-mode-tab.active {
    font-family: "Circular Bold", Helvetica, sans-serif;
    color: #1A7CD9;
    border-bottom: 3px solid #1A7CD9; }

.bl4-profile__story-mode-tab-icon {
  margin-right: 8px; }

.bl4-profile__story-mode-btn {
  margin: 40px 0 20px; }

/***** Story Highlights View *****/
.bl4-profile__story-highlights-section {
  text-align: center;
  padding: 0 60px;
  margin-top: 40px;
  overflow: hidden; }

.bl4-profile__story-highlights-section-icon {
  font-size: 60px;
  color: #33B55F;
  margin-bottom: 15px; }

.bl4-profile__story-highlights-section-title {
  font-size: 20px;
  line-height: 24px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px; }

.bl4-profile__story-highlights-section-headline {
  font-size: 18px;
  line-height: 22px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-bottom: 5px; }

.bl4-profile__story-highlights-section-subheadline {
  margin-bottom: 12px; }

.bl4-profile__story-highlights-section-text {
  margin-bottom: 12px; }

.bl4-profile__story-highlights-section-date {
  font-size: 14px;
  line-height: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #7f7f7f; }

.bl4-profile__story-highlights-starting-statement {
  cursor: pointer; }

.bl4-profile__story-highlights-strategies {
  display: flex;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-left: 5px; }

.bl4-profile__story-highlights-reflections {
  display: flex;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.bl4-profile__story-highlights-reflection {
  flex: none;
  width: 718px;
  min-height: 150px;
  padding: 10px; }

.bl4-profile__story-highlights-reflection--clickable {
  cursor: pointer; }

.bl4-profile__story-highlights-reflection-body-with-img {
  display: flex; }

.bl4-profile__story-highlights-reflection-img {
  width: 193px; }
  .bl4-profile__story-highlights-reflection-img.scale-to-width {
    width: 193px; }
  .bl4-profile__story-highlights-reflection-img.scale-to-height {
    height: 150px;
    width: auto; }

.bl4-profile__story-highlights-reflection-img-mask {
  width: 193px;
  height: 150px;
  overflow: hidden; }

.bl4-profile__story-highlights-reflection-img-mask {
  flex: none;
  width: 193px;
  height: 150px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #CECECE;
  margin-right: 15px;
  cursor: pointer; }

.bl4-profile__story-highlights-growth-area {
  font-size: 20px;
  line-height: 24px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  border-left: 8px solid #33B55F;
  padding: 10px 15px;
  margin-bottom: 15px; }

.bl4-profile__story-highlights-section-carousel {
  position: relative;
  text-align: left; }

.bl4-profile__story-highlights-section-carousel--centered {
  text-align: center; }

.bl4-profile__story-highlights-section-carousel-window {
  overflow: hidden; }

.bl4-profile__story-highlights-section-body {
  position: relative;
  display: inline-flex;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  touch-action: pan-y pinch-zoom; }

.bl4-profile__story-highlights-section-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 63px;
  background-color: white;
  font-size: 63px;
  color: #1A7CD9;
  cursor: pointer;
  z-index: 1; }
  .bl4-profile__story-highlights-section-arrow .tc-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -31px; }
  .bl4-profile__story-highlights-section-arrow:hover {
    color: #124e93; }

.bl4-profile__story-highlights-section-arrow--with-shadow {
  -webkit-box-shadow: white 0px 0px 50px 25px;
  -moz-box-shadow: white 0px 0px 50px 25px;
  box-shadow: white 0px 0px 50px 25px; }

.bl4-profile__story-highlights-section-arrow--left {
  left: -60px; }
  .bl4-profile__story-highlights-section-arrow--left .tc-arrow {
    transform: rotate(180deg); }

.bl4-profile__story-highlights-section-arrow--right {
  right: -60px; }

.bl4-profile__story-highlights-section-mobile-arrow {
  display: none; }

.bl4-profile__story-highlights-section-dots {
  display: flex;
  justify-content: center;
  margin-top: 15px; }

.bl4-profile__story-highlights-section-dot {
  height: 14px;
  width: 14px;
  background-color: #CECECE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 7px;
  cursor: pointer; }
  .bl4-profile__story-highlights-section-dot.active {
    background-color: #1A7CD9; }

.bl4-profile__strategy-capsule {
  width: 246px;
  height: 272px;
  text-align: center;
  text-decoration: none;
  color: #3D3D3D;
  padding: 30px 20px 25px;
  margin-right: 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 10px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 10px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 10px 0; }

.bl4-profile__strategy-capsule--last {
  margin-right: 0; }

.bl4-profile__strategy-capsule-icon {
  height: 50px;
  width: 50px;
  background-color: #0AABB1;
  font-size: 25px;
  line-height: 50px;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 15px; }

.bl4-profile__strategy-capsule-name {
  font-size: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 24px; }

.bl4-profile__strategy-capsule-tagline {
  position: relative;
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  margin-top: 10px; }

/***** Story Timeline View *****/
.bl4-profile__story-timeline {
  width: 50%;
  margin: 20px auto 0; }

.bl4-profile__story-timeline-entry {
  position: relative;
  display: flex;
  padding: 0 0 40px 20px;
  cursor: pointer; }

.bl4-profile__story-timeline-entry--green .bl4-profile__story-timeline-entry-dot {
  background-color: #33B55F; }

.bl4-profile__story-timeline-entry--green .bl4-profile__story-timeline-entry-icon {
  color: #33B55F; }

.bl4-profile__story-timeline-entry--green .bl4-profile__story-timeline-entry-title {
  color: #33B55F; }

.bl4-profile__story-timeline-entry--not-clickable {
  cursor: default; }

.bl4-profile__story-timeline-entry-dot {
  position: absolute;
  top: 3px;
  left: -6px;
  height: 11px;
  width: 11px;
  background-color: #CECECE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.bl4-profile__story-timeline-entry-line {
  position: absolute;
  top: 6px;
  left: -2px;
  height: 100%;
  border-left: 2px solid #CECECE; }

.bl4-profile__story-timeline-entry-icon {
  flex: none;
  width: 25px;
  font-size: 20px;
  text-align: center;
  margin-right: 10px; }

.bl4-profile__story-timeline-entry-title {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin-bottom: 5px; }

.bl4-profile__story-timeline-entry-headline {
  font-size: 16px;
  line-height: 20px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.bl4-profile__story-timeline-img {
  width: 160px; }
  .bl4-profile__story-timeline-img.scale-to-width {
    width: 160px; }
  .bl4-profile__story-timeline-img.scale-to-height {
    height: 124px;
    width: auto; }

.bl4-profile__story-timeline-img-mask {
  width: 160px;
  height: 124px;
  overflow: hidden; }

.bl4-profile__story-timeline-img-mask {
  width: 160px;
  height: 110px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #CECECE;
  margin-bottom: 10px; }

.bl4__sidebar-portfolio-stories,
.bl4__sidebar-sort-actions,
.bl4__sidebar-portfolio-story {
  float: left;
  display: block;
  width: 100%; }

.bl4__sidebar-portfolio-stories {
  margin-top: 10px; }

.bl4__sidebar-portfolio-story {
  position: relative;
  padding: 10px 0; }

.bl4__sidebar-sort-icon {
  position: absolute;
  color: #2196F3;
  top: 14px;
  left: 12px;
  display: none;
  cursor: grab; }

.bl4__sidebar-portfolio-stories--sorting .bl4__sidebar-sort-icon--first {
  display: block; }

.bl4__sidebar-portfolio-stories--sorting .bl4__sidebar-sort-indicator,
.bl4__sidebar-portfolio-stories--sorting .bl4__sidebar-portfolio-story:hover {
  background: #f8f8f8;
  display: block; }

.bl4__sidebar-portfolio-stories--sorting .bl4__sidebar-sort-indicator .bl4__sidebar-sort-icon,
.bl4__sidebar-portfolio-stories--sorting .bl4__sidebar-portfolio-story:hover .bl4__sidebar-sort-icon {
  display: block; }

.bl4__sidebar-portfolio-stories--sorting:hover .bl4__sidebar-sort-icon--first {
  display: none; }

.bl4__sidebar-portfolio-stories--sorting:hover .bl4__sidebar-sort-indicator {
  background: none; }

.bl4__sidebar-sort-actions {
  padding-top: 20px; }
  .bl4__sidebar-sort-actions:after {
    content: '';
    display: block;
    clear: both; }
  .bl4__sidebar-sort-actions .tc-pencil {
    float: right; }
  .bl4__sidebar-sort-actions .tc__link,
  .bl4__sidebar-sort-actions .tc__link--cancel {
    float: right; }
  .bl4__sidebar-sort-actions .tc__link--cancel {
    color: #bd301e;
    padding-left: 15px; }

@media only screen and (max-width: 48em) {
  .responsive-layout {
    /***** Portfolio Section *****/
    /***** Story Highlights View *****/
    /***** Story Timeline View *****/ }
    .responsive-layout .bl4-profile__main {
      padding: 1.3rem; }
    .responsive-layout .bl4-profile__detail {
      width: 100%;
      padding: 1.3rem 0 0; }
    .responsive-layout .bl4-profile__user-name {
      font-family: "Circular Bold", Helvetica, sans-serif;
      font-size: 16px; }
    .responsive-layout .bl4-profile__school {
      padding-bottom: 20px;
      border-bottom: 1px solid #CECECE;
      font-family: "Circular Book", Helvetica, sans-serif;
      font-size: 14px;
      margin-top: 14px; }
    .responsive-layout .bl4__capsule--profile-details::before {
      height: 64px; }
    .responsive-layout .bl4-profile__pd-text-description {
      font-family: "Circular Medium", Helvetica, sans-serif; }
    .responsive-layout .bl4-profile__pd-text-headline {
      margin-top: 4px;
      margin-bottom: 16px; }
    .responsive-layout .bl4-profile__pd--edit {
      margin-top: 16px; }
    .responsive-layout .bl4-profile__pd-seperator {
      display: none; }
    .responsive-layout .bl4-profile__details-mobile-column {
      display: block;
      width: 100%;
      padding-right: 0; }
      .responsive-layout .bl4-profile__details-mobile-column .bl4-profile__detail:first-of-type {
        padding-right: 0.65rem; }
    .responsive-layout .bl4-profile__detail {
      width: 50%;
      padding-right: 0; }
    .responsive-layout .bl4__mobile-portfolios {
      float: left;
      width: 100%;
      border-top: 1px solid #CECECE;
      padding-top: 5px;
      margin-top: 15px; }
    .responsive-layout .bl4__mobile-portfolio {
      padding-top: 10px; }
    .responsive-layout .bl4__mobile-portfolio-edit-icon {
      margin-left: 8px; }
    .responsive-layout .bl4-profile__story-highlights-section {
      padding: 0;
      margin-top: 30px; }
    .responsive-layout .bl4-profile__story-highlights-section-icon-row {
      position: relative; }
    .responsive-layout .bl4-profile__story-highlights-section-icon {
      font-size: 40px; }
    .responsive-layout .bl4-profile__story-highlights-section-title {
      font-size: 18px;
      line-height: 22px; }
    .responsive-layout .bl4-profile__story-highlights-section-arrow {
      display: none; }
    .responsive-layout .bl4-profile__story-highlights-section-mobile-arrow {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 40px;
      color: #1A7CD9;
      cursor: pointer; }
      .responsive-layout .bl4-profile__story-highlights-section-mobile-arrow:hover {
        color: #124e93; }
    .responsive-layout .bl4-profile__story-highlights-section-mobile-arrow--left {
      left: 0;
      right: auto; }
      .responsive-layout .bl4-profile__story-highlights-section-mobile-arrow--left .tc-arrow {
        position: absolute;
        transform: rotate(180deg); }
    .responsive-layout .bl4-profile__story-highlights-strategies {
      display: block;
      border-bottom: 1px solid #CECECE; }
    .responsive-layout .bl4-profile__story-highlights-reflection-body-with-img {
      display: block; }
    .responsive-layout .bl4-profile__story-highlights-reflection-img-mask {
      margin-right: 0;
      margin-bottom: 15px; }
    .responsive-layout .bl4-profile__story-highlights-growth-area {
      border-top: 8px solid #33B55F;
      border-left: none;
      padding: 10px 0; }
    .responsive-layout .bl4-profile__strategy-capsule {
      width: 100%;
      height: auto;
      padding: 20px 0;
      margin: 0;
      border-top: 1px solid #CECECE;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .responsive-layout .bl4-profile__strategy-capsule-icon-name-row {
      display: flex;
      align-items: center; }
    .responsive-layout .bl4-profile__strategy-capsule-icon {
      flex: none;
      height: 40px;
      width: 40px;
      font-size: 20px;
      line-height: 40px;
      margin: 0 15px 0 0; }
    .responsive-layout .bl4-profile__strategy-capsule-name {
      text-align: left; }
    .responsive-layout .bl4-profile__strategy-capsule-tagline {
      text-align: left; }
    .responsive-layout .bl4-profile__story-timeline {
      min-width: 210px; } }

@media only screen and (max-width: 31.2em) {
  .responsive-layout .bl4-profile__details-mobile-column {
    width: 100%;
    float: none;
    display: inline; }
    .responsive-layout .bl4-profile__details-mobile-column:first-child {
      padding-right: 0; }
  .responsive-layout .bl4-profile__detail {
    width: 100%;
    float: left; } }

/***** Settings Page Common Styles *****/
.settings__headline {
  font-size: 28px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 34px; }

.settings__section {
  border-bottom: 1px solid #CECECE;
  padding-top: 10px;
  padding-bottom: 30px;
  margin-bottom: 20px; }
  .settings__section:last-of-type {
    border-bottom: none; }

.settings__section-subheadline {
  width: 620px;
  max-width: 100%;
  margin-top: 6px; }

.settings__section-secondary-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-top: 32px; }

/***** Form *****/
.settings__form {
  margin-bottom: 60px; }

.settings__form-row {
  position: relative;
  display: inline-block;
  width: 620px;
  max-width: 100%;
  margin-top: 23px; }

.settings__form-row--half {
  width: 300px;
  margin-right: 20px; }

.settings__label {
  display: block;
  margin-bottom: 7px; }

.settings__checkbox-label {
  margin-left: 10px;
  cursor: pointer; }

.settings__input {
  width: 100%; }

.settings__input--half {
  width: 50%;
  min-width: 260px; }

.settings__input--short {
  max-width: 50px; }

.settings__user-image-container {
  height: 75px;
  width: 75px;
  color: #CECECE;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer; }

.settings__school-link {
  margin-top: 15px; }

.settings__multiselect-items {
  display: flex;
  flex-wrap: wrap;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px; }

.settings__multiselect-item {
  display: inline-flex;
  align-items: center;
  background-color: #33B55F;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 10px;
  margin-right: 10px;
  margin-bottom: 10px; }

.settings__multiselect-item-x {
  font-size: 20px;
  margin-left: 5px;
  cursor: pointer; }

@media only screen and (max-width: 48em) {
  .responsive-layout .settings__form-container {
    margin-top: 50px; } }

/***** Partner Leader Dashboard V3 *****/
.pl-dash__section {
  border-top: 1px solid #c7c7c7;
  padding: 20px 0; }
  .pl-dash__section:first-of-type {
    border-top: 0; }

.pl-dash__section-title {
  font-size: 28px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 34px;
  margin-bottom: 10px;
  margin-top: 0; }

.pl-dash__capsule {
  padding: 40px 30px 30px; }

.pl-dash__capsule--domains {
  padding: 40px 25px 10px; }

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

.pl-dash__capsule-title {
  text-align: center;
  font-size: 28px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 34px;
  margin-bottom: 10px; }

.pl-dash__capsule-dropdowns {
  display: flex;
  justify-content: center;
  padding: 10px 0; }

.pl-dash__capsule-dropdown {
  margin: 0 10px; }

.pl-dash__capsule-dropdown-label {
  font-size: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px;
  margin-right: 10px;
  cursor: pointer; }

.pl-dash__header-details {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 18px; }

.pl-dash__capsule-select {
  min-width: 130px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 14px;
  color: #3D3D3D; }

.pl-dash__tooltip-text {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 16px; }

/****** Progress Reports ******/
.pl-dash__report {
  display: flex;
  justify-content: space-between;
  margin: 20px 10px 10px; }

.pl-dash__report-title {
  color: #20A1A1;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px; }

.pl-dash__report-description {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px;
  margin-top: 14px; }

.pl-dash__report-preview {
  margin-left: 20px;
  cursor: pointer; }

/***** Domains *****/
.pl-dash__capsule-title--domains {
  margin-bottom: 30px; }

.pl-dash__domains {
  display: flex;
  flex-wrap: wrap; }

.pl-dash__domain {
  width: 246px;
  text-decoration: none;
  margin: 30px 15px;
  color: #3D3D3D; }

a.pl-dash__domain {
  width: 246px;
  text-decoration: none;
  margin: 30px 15px;
  color: #3D3D3D;
  cursor: pointer; }

.pl-dash__domain-icon {
  color: #1aabb1;
  font-size: 60px;
  margin-bottom: 16px; }

.pl-dash__domain-title {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 23px; }

.pl-dash__domain-text {
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 22px; }

/***** Updates Section *****/
.pl-dash__trends {
  display: flex;
  justify-content: space-between;
  padding-top: 20px; }

.pl-dash__trend {
  width: 30%; }

.pl-dash__trend-header {
  position: relative; }

.pl-dash__trend-body {
  padding: 0 15px; }

.pl-dash__trend-name {
  text-align: center;
  font-size: 18px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 22px;
  font-weight: normal;
  padding-bottom: 14px;
  border-bottom: 2px solid #1aabb1; }

.pl-dash__trend-li {
  padding-left: 10px;
  margin-top: 30px; }

.pl-dash__trend-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 20px;
  font-size: 18px;
  margin-top: 3px;
  color: #CECECE;
  cursor: pointer; }

.pl-dash__trend-li-title {
  font-family: "Circular Medium", Helvetica, sans-serif; }

.pl-dash__trend-li-metadata,
.pl-dash__resource-created {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.pl-dash__trend-empty {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 22px;
  text-align: center;
  margin-top: 30px; }

.pl-dash__trend-tt {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -195px;
  width: 250px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  background: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #3D3D3D;
  z-index: 1;
  padding: 20px;
  font-size: 14px;
  line-height: 18px; }

.pl-dash__trend-tt--active {
  display: block; }

.pl-dash__attendance-percent {
  text-align: center;
  font-size: 60px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  line-height: 54px;
  margin-top: 10px; }

.pl-dash__attendance-arrow {
  position: relative;
  display: inline-block;
  margin-left: 10px; }
  .pl-dash__attendance-arrow:after {
    content: '';
    position: absolute;
    bottom: 0;
    border-bottom: 10px solid #33B55F;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }
  .pl-dash__attendance-arrow.down:after {
    bottom: -8px;
    border-bottom-color: transparent;
    border-top-color: #fe6060; }

.pl-dash__attendance-row {
  display: flex;
  margin-top: 25px;
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.pl-dash__attendance-description {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #7f7f7f; }

.pl-dash__attendance-row-label {
  width: 85%; }

.pl-dash__attendance-row-value {
  font-family: "Circular Medium", Helvetica, sans-serif; }

.pl-dash__attendance-separator {
  width: 100%;
  border-top: 1px solid #CECECE;
  margin: 25px 0; }

.pl-dash__attendance-tooltip-icon {
  margin-top: 3px;
  margin-right: 10px;
  font-size: 18px;
  color: #CECECE; }

.pl-dash__attendance-tooltip-note {
  margin-top: 10px; }

/***** Participants Section *****/
.pl-dash__participants-filter-btn {
  margin: 15px 20px 15px 0; }

.pl-dash__participants-active-filters {
  display: inline-block; }

.pl-dash__participant-capsule {
  display: flex;
  justify-content: space-between;
  z-index: 0; }
  .pl-dash__participant-capsule:before {
    content: '';
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    position: absolute;
    height: 100%;
    background: no-repeat left/cover url("/www/teachcycle/images/email/V2/header-bkgd-image.png");
    width: 25px;
    top: 0;
    left: 0;
    z-index: -1; }
  .pl-dash__participant-capsule:first-of-type {
    margin-top: 0; }

.pl-dash__participant-capsule-col {
  width: 100%; }

.pl-dash__participant-capsule-col--user {
  flex: none;
  width: 250px;
  text-align: center;
  margin: 5px 0 0 20px; }

.pl-dash__participant-capsule-photo {
  position: relative;
  margin-bottom: 20px; }

.pl-dash__participant-capsule-photo-img {
  color: #3D3D3D;
  -webkit-box-shadow: #CECECE 0 2px 4px 0;
  -moz-box-shadow: #CECECE 0 2px 4px 0;
  box-shadow: #CECECE 0 2px 4px 0; }

.pl-dash__participant-capsule-note-icon {
  position: absolute;
  top: -13px;
  right: 84px;
  height: 35px;
  width: 35px;
  background-color: #2196F3;
  color: white;
  text-align: center;
  font-size: 19px;
  line-height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: #CECECE 0 2px 4px 0;
  -moz-box-shadow: #CECECE 0 2px 4px 0;
  box-shadow: #CECECE 0 2px 4px 0;
  cursor: pointer; }

.pl-dash__participant-capsule-user-row {
  margin-top: 10px; }

.pl-dash__participant-capsule-user-row--red {
  color: #fe6060; }

.pl-dash__participant-capsule-stat {
  margin: 40px 15px 20px; }
  .pl-dash__participant-capsule-stat:last-of-type {
    margin-bottom: 0; }
  .pl-dash__participant-capsule-stat:first-of-type {
    margin-top: 20px; }

.pl-dash__participant-capsule-stat-label {
  color: #7f7f7f;
  text-transform: uppercase;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 16px; }

.pl-dash__participant-capsule-stat-value {
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-top: 5px; }

.pl-dash__participant-capsule-stat-value--activity {
  display: flex;
  align-items: center;
  color: #3D3D3D;
  text-decoration: none;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 15px;
  line-height: 18px; }

.pl-dash__participant-capsule-stat-value--green {
  color: #33B55F; }

.pl-dash__participant-capsule-activity-icon {
  flex: none;
  font-size: 24px;
  margin-right: 10px; }

/***** Search Filters Modal *****/
.pl-dash__filters-modal {
  width: 864px; }

.pl-dash__filters-modal-headline {
  text-align: center;
  font-size: 22px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  padding: 30px 40px 5px; }

.pl-dash__filters-modal-body {
  padding: 0 40px; }

.pl-dash__filters-modal-row {
  padding: 25px 0;
  border-top: 1px solid #CECECE; }
  .pl-dash__filters-modal-row:first-of-type {
    border-top: none; }

.pl-dash__filters-category-label {
  text-transform: uppercase;
  color: #0AABB1;
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 20px; }

.pl-dash__filters-category-options {
  display: flex;
  flex-wrap: wrap; }

.pl-dash__filters-category-option {
  display: flex;
  width: 181px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin-top: 25px;
  margin-right: 20px; }
  .pl-dash__filters-category-option:nth-of-type(4n) {
    margin-right: 0; }
  .pl-dash__filters-category-option.selected {
    font-family: "Circular Bold", Helvetica, sans-serif; }

.pl-dash__filters-category-option-checkbox {
  margin-right: 8px; }

.pl-dash__filters-category-option-label {
  cursor: pointer; }

.pl-dash__filters-category-option-count {
  margin-left: 8px; }

.pl-dash__filters-modal-btn {
  text-align: center;
  margin: 5px 0 30px; }

.pl-dash__psm-headline {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 30px; }

.pl-dash__psm {
  margin-top: 15px;
  margin-bottom: 5px; }
  .pl-dash__psm:after {
    content: '';
    display: block;
    clear: both; }

.pl-dash__psm-image-container {
  float: left; }
  .pl-dash__psm-image-container:after {
    content: '';
    display: block;
    clear: both; }

.pl-dash__psm-default-image {
  position: relative;
  display: inline-block;
  color: #CECECE;
  font-size: 50px;
  text-decoration: none;
  cursor: pointer; }

.pl-dash__psm-details {
  float: left;
  padding-left: 10px;
  width: 230px;
  padding-top: 5px; }
  .pl-dash__psm-details:after {
    content: '';
    display: block;
    clear: both; }

.pl-dash__psm-name-container {
  float: left; }
  .pl-dash__psm-name-container:after {
    content: '';
    display: block;
    clear: both; }

.pl-dash__psm-name {
  float: left;
  font-size: 14px;
  font-family: "Circular Bold", Helvetica, sans-serif; }

.pl-dash__psm-title {
  font-size: 13px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  color: #7f7f7f;
  float: left; }

.pl-dash__psm-email {
  float: left;
  padding-left: 10px;
  font-size: 16px; }
  .pl-dash__psm-email .tc-email-v2::before {
    color: #2196F3; }

/****** Resources ******/
.pl-dash__resource {
  border-bottom: 1px solid #CECECE;
  padding: 20px 10px;
  position: relative; }
  .pl-dash__resource:first-of-type {
    padding-top: 10px; }
  .pl-dash__resource:last-of-type {
    border-bottom: 0; }

.pl-dash__resource-icon {
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 20px; }

.pl-dash__resource-details {
  padding-left: 40px; }

.pl-dash__resource-title {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px;
  padding-bottom: 5px; }

.pl-dash__participants {
  position: relative; }

.pl-dash__participants-header {
  position: absolute;
  z-index: 2;
  background: #eff1f2;
  width: 886px;
  top: 0;
  margin-left: -3px;
  padding-left: 6px;
  padding-top: 20px;
  padding-bottom: 10px; }
  .pl-dash__participants-header.fixed {
    position: fixed; }
    .pl-dash__participants-header.fixed.atBottom {
      position: absolute;
      top: auto;
      bottom: 0; }

.pl-dash__participants-content {
  min-height: 100px; }

.pl-dash__participants-active-filters {
  margin-left: 5px;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px; }

.pl-dash__participants-header-filtering:after {
  content: '';
  display: block;
  clear: both; }

.pl-dash__participants-header-left {
  float: left; }

.pl-dash__participants-header-right {
  float: right;
  padding-top: 10px; }

.pl-dash__participant-name {
  font-size: 24px;
  line-height: 26px;
  font-family: "Circular Bold", Helvetica, sans-serif; }

@media only screen and (max-width: 48em) {
  .pl-dash__main {
    padding: 2.975rem 1.3rem; }
  .pl-dash__mobile-nav {
    padding: 0.65rem 0;
    border-top: 1px solid #c7c7c7; }
  .pl-dash__header-details {
    padding-bottom: 1.3rem; }
  .pl-dash__capsule {
    padding: 2.6rem 1.3rem 1.3rem; }
  .pl-dash__psm-headline {
    text-align: left; }
  .pl-dash__psm {
    position: relative; }
  .pl-dash__psm-image-container {
    position: absolute;
    top: 0;
    left: 0; }
  .pl-dash__psm-details {
    width: 100%;
    padding-left: 3.9rem; }
  .pl-dash__psm-title {
    padding-top: 0.65rem;
    clear: left; }
  .pl-dash__capsule-title--domains {
    margin-bottom: 1.3rem; }
  .pl-dash__domain, a.pl-dash__domain {
    width: 100%;
    margin: 0 0 1.3rem 0; }
  .pl-dash__capsule-dropdowns {
    display: inline-block;
    width: 100%; }
  .pl-dash__capsule-dropdown {
    width: 100%;
    float: left;
    margin-bottom: 1.3rem;
    text-align: center; }
    .pl-dash__capsule-dropdown:last-of-type {
      margin-bottom: 0; }
    .pl-dash__capsule-dropdown label {
      display: block;
      padding-bottom: 0.375rem; }
    .pl-dash__capsule-dropdown select {
      width: 200px; }
  .pl-dash__trends {
    flex-direction: column; }
  .pl-dash__trend {
    width: 100%;
    margin-bottom: 1.3rem; }
    .pl-dash__trend:last-of-type {
      margin-bottom: 0; }
  .pl-dash__trend-empty,
  .pl-dash__trend-li {
    margin-top: 1.3rem; }
  .pl-dash__resource-details {
    padding-left: 1.3rem;
    width: 100%; }
  .pl-dash__resource:last-of-type {
    padding-bottom: 0; }
  .pl-dash__participants-header {
    width: 100%;
    text-align: center; }
    .pl-dash__participants-header label {
      display: inline; }
    .pl-dash__participants-header.fixed {
      left: 0;
      padding: 0.65rem 1.3rem 0.65rem; }
  .pl-dash__participants-header-right {
    float: none; }
  .pl-dash__participant-capsule {
    flex-direction: column; }
    .pl-dash__participant-capsule:before {
      content: '';
      -webkit-border-radius: 10px 10px 0 0;
      -moz-border-radius: 10px 10px 0 0;
      -ms-border-radius: 10px 10px 0 0;
      -o-border-radius: 10px 10px 0 0;
      border-radius: 10px 10px 0 0;
      position: absolute;
      height: 20px;
      background: no-repeat center/cover url(/www/teachcycle/images/email/V2/header-bkgd-image.png);
      width: 100%;
      top: 0;
      left: 0;
      z-index: -1; }
  .pl-dash__participant-capsule-col {
    width: 100%; }
  .pl-dash__participant-capsule-col--user {
    margin-top: 1.3rem;
    margin-left: 0; }
  .pl-dash__participant-capsule-stat {
    margin: 1.95rem  0 0 0; }
  .pl-dash__capsule--trends {
    z-index: 2; } }

.admin {
  margin-bottom: 30px; }

.admin__headline {
  margin: 0; }

.admin__data-label {
  display: inline-block; }

.admin__data-label--editable {
  line-height: 32px; }

.admin__data-value {
  display: inline-block;
  margin-left: 10px; }

.admin__data-default {
  color: #7f7f7f;
  font-style: italic; }

.admin__data-edit-link {
  display: inline-block;
  margin-left: 10px; }

.admin__inline-input {
  margin: 0 10px; }

.admin__right-btn-col {
  text-align: right; }

.admin__section {
  margin-top: 30px;
  margin-bottom: 50px; }

.admin__section-separator {
  border-top: 2px solid #CECECE;
  margin: 0 10px 20px; }

.admin__modal {
  position: absolute;
  top: 15%;
  left: 50%;
  width: 800px;
  background-color: white;
  margin-left: -400px; }

/***** Form *****/
.admin__form-row {
  position: relative;
  display: inline-block;
  width: 800px;
  max-width: 100%;
  text-align: left;
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 11px 0; }

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

.admin__form-row--btns {
  margin-top: 20px; }

.admin__form-label {
  display: block;
  margin-bottom: 7px; }

.admin__form-label--inline {
  display: inline-block;
  margin-right: 10px; }

.admin__form-input {
  width: 100%; }

.admin__form-btn {
  margin: 0 10px 10px 0; }

.ppd-v3-curation__switch-label--cohorts {
  display: block;
  margin-top: 12px; }
  .ppd-v3-curation__switch-label--cohorts:after {
    content: '';
    display: block;
    clear: both; }

.ppd-v3-curation__switch--cohorts {
  float: left; }

.ppd-v3-curation__switch-caption--cohort {
  float: left;
  padding: 8px 0 0 10px; }

.admin__headline-container:after {
  content: '';
  display: block;
  clear: both; }

.admin__headline--meetings,
.admin__headline-user-image {
  float: left; }

.admin__headline--meetings {
  padding-left: 16px; }

.admin__headline-container--meetings {
  padding-top: 30px; }

.meetings__participant-detail {
  padding-top: 0; }
  .meetings__participant-detail .admin__data-label--editable {
    line-height: 18px; }

.admin__table {
  margin-bottom: 30px; }

.admin-add-btn {
  padding: 0 0.65rem 1.3rem; }

@media only screen and (max-width: 48em) {
  .responsive-layout .mobile-meetings__user {
    padding: 5.2rem 0 1.95rem;
    display: inline-block;
    width: 100%; }
  .responsive-layout .mobile-meetings__user-email,
  .responsive-layout .mobile-meetings__user-zoomlink {
    padding: 0 1.3rem 0.65rem; }
  .responsive-layout .mobile-meetings__user-button {
    padding-top: 0.65rem;
    text-align: center; }
  .responsive-layout .admin__headline--meetings {
    font-size: 24px;
    padding: 0.65rem 1.3rem 0.65rem; }
  .responsive-layout .mobile-meetings__user-button,
  .responsive-layout .mobile-meetings__user-email,
  .responsive-layout .mobile-meetings__user-zoomlink,
  .responsive-layout .admin__headline--meetings {
    float: left;
    clear: left;
    display: block;
    width: 100%; }
  .responsive-layout .mobile-meetings__user-meeting {
    font-familyy: "Circular Book", Helvetica, sans-serif; }
    .responsive-layout .mobile-meetings__user-meeting div {
      padding-bottom: 0.65rem; }
      .responsive-layout .mobile-meetings__user-meeting div::last-of-type {
        padding-bottom: 0; }
  .responsive-layout .mobile-meetings__declaration {
    font-family: "Circular Medium", Helvetica, sans-serif; }
  .responsive-layout .admin__headline-container--meetings {
    padding-top: 50px;
    position: relative; }
    .responsive-layout .admin__headline-container--meetings .admin__headline-user-image {
      position: absolute;
      top: 66px;
      left: 0; }
  .responsive-layout .admin__headline--meetings {
    padding-left: 50px; } }

.curation {
  margin-bottom: 80px; }

.curation__row {
  margin-top: 15px; }
  .curation__row:first-of-type {
    margin-top: 0; }

.curation__status {
  font-size: 16px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 20px; }

.curation__status--grey {
  color: #7f7f7f; }

.curation__status--orange {
  color: #ff7a52; }

.curation__status--green {
  color: #33B55F; }

/***** Sorting a Table *****/
.curation__sortable-header {
  min-width: 110px; }

.curation__sortable-header--status {
  min-width: 135px; }

.curation__sortable-header-arrow {
  display: inline-block;
  margin-left: 7px; }
  .curation__sortable-header-arrow.down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.curation__name-header {
  min-width: 220px; }

.curation__bottom_padding {
  padding-bottom: 50px; }

/***** Reordering *****/
.curation__arrow {
  text-align: center; }
  .curation__arrow .tc-bold-arrow {
    display: inline-block;
    color: white;
    font-size: 22px;
    text-align: center;
    background-color: #2196F3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 14px 5px;
    cursor: pointer; }
    .curation__arrow .tc-bold-arrow.disabled {
      background-color: #CECECE;
      cursor: default; }

.curation__arrow--up {
  margin-top: 10px;
  margin-bottom: 10px; }
  .curation__arrow--up .tc-bold-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.curation__tooltip {
  width: 230px;
  position: absolute;
  top: 38px;
  left: -13px;
  background-color: white;
  -webkit-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  -moz-box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  box-shadow: rgba(121, 124, 128, 0.2) 1px 1px 5px 3px;
  z-index: 1; }
  .curation__tooltip:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 35px;
    border-bottom: 10px solid #f1f1ef;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }
  .curation__tooltip:after {
    content: '';
    position: absolute;
    top: -17px;
    left: 35px;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent; }

.curation__tooltip-row {
  display: block;
  line-height: 40px;
  padding: 0 15px;
  cursor: pointer; }
  .curation__tooltip-row:hover {
    background-color: #f5f5f5;
    color: #1976d2; }
  .curation__tooltip-row.disabled {
    background-color: white;
    color: #dbdad7;
    cursor: default; }
    .curation__tooltip-row.disabled:hover {
      background-color: white;
      color: #dbdad7; }

.curation__preview-link {
  margin-left: 20px; }

.curation__preview-link-icon {
  margin-right: 5px; }

.curation__section-headline {
  margin-bottom: 15px; }

.curation__edit-author-row {
  display: flex;
  align-items: center; }

.curation__edit-author-col {
  min-width: 28%;
  margin-right: 15px; }
  .curation__edit-author-col:last-of-type {
    margin-right: 0; }

.curation__edit-author-col--wide {
  flex-grow: 1; }

.curation__block-close {
  text-align: right;
  font-size: 35px;
  line-height: 35px; }

.curation__block-headline-row {
  display: flex;
  justify-content: space-between; }

.curation__block-edit-icon {
  flex: none;
  font-size: 18px;
  padding: 5px;
  margin-left: 10px; }

.curation__block-delete-icon {
  vertical-align: text-bottom;
  font-size: 20px; }

.curation__cancel-link {
  margin-left: 8px; }

.curation__delete-link {
  display: inline-block;
  color: #fe6060;
  margin-top: 20px;
  cursor: pointer; }

.curation__label {
  display: block;
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 5px; }

.curation__label-subtext {
  font-size: 15px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 5px; }

.curation__input {
  width: 100%; }

.curation__input-half {
  width: 50%; }

.curation__input-inline {
  display: inline-block;
  margin-left: 10px; }

.curation__top {
  z-index: 6; }

.curation__overlay {
  z-index: 4; }

.curation__options-container {
  border-left: 1px solid #dbdad7;
  height: 60px;
  font-size: 22px;
  text-align: center;
  padding: 10px 15px; }
  .curation__options-container a:hover {
    text-decoration: none; }

.curation__row-copy {
  line-height: 20px;
  font-size: 14px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #1e2326;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding-left: 45px; }
  .curation__row-copy:hover {
    text-decoration: underline; }

.curation__row-copy-nickname {
  line-height: 20px;
  font-size: 12px;
  font-family: MuseoSans-500, Helvetica, sans-serif;
  color: #7f7f7f;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding-left: 45px; }
  .curation__row-copy-nickname:hover {
    text-decoration: underline; }

.sticky-left-nav {
  position: absolute;
  font-size: 15px;
  line-height: 20px; }
  .sticky-left-nav.fixed {
    position: fixed;
    top: 0;
    height: 100%; }

.sticky-left-nav--curation {
  max-width: 200px; }

.sticky-left-nav__options {
  border-left: 1px solid #E8E8E8; }

.sticky-left-nav__item {
  border-left: 4px solid transparent;
  padding-left: 10px;
  margin-top: 16px; }

.sticky-left-nav__item.active {
  border-color: #0AABB1; }

.sticky-left-nav__child {
  margin-top: 16px;
  padding-left: 30px; }

.sticky-left-nav__row {
  font-size: 15px;
  line-height: 20px;
  margin-top: 16px; }

.sticky-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  -moz-box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  box-shadow: rgba(121, 124, 128, 0.1) 0 0 5px 5px;
  background-color: white;
  text-align: center;
  padding: 15px;
  z-index: 1000; }

.sticky-footer--hidden {
  display: none; }

.sticky-footer__cancel {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px; }

.mtp-lesson__breadcumb-wrapper {
  width: 100%;
  height: 40px;
  background: #1A7CD9;
  font-size: 15px; }

.mtp-lesson__crumb {
  font-family: "Circular Medium", Helvetica, sans-serif;
  float: left;
  position: relative;
  cursor: pointer; }
  .mtp-lesson__crumb:after {
    display: block;
    content: '';
    clear: both; }
  .mtp-lesson__crumb:last-of-type {
    border-right: 0; }
  .mtp-lesson__crumb a {
    color: white;
    display: block;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    float: left;
    line-height: 16px; }

a .strategy-v4__author-name {
  color: #222222;
  text-decoration: none; }

a .strategy-v4__metadata-grey-text {
  text-decoration: none; }

.lesson__capsule-resource-image-container {
  margin-bottom: 10px; }

.mtp-lesson__crumb-dropdown {
  position: absolute;
  bottom: 0;
  top: 40px;
  margin-top: 5px;
  width: 400px;
  z-index: 100;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: none; }
  .mtp-lesson__crumb-dropdown.active {
    display: block; }
  .mtp-lesson__crumb-dropdown ul {
    background: #114887;
    list-style: none;
    font-family: "Circular Bold", Helvetica, sans-serif;
    font-size: 12px;
    display: inline-block; }
  .mtp-lesson__crumb-dropdown li {
    float: left;
    width: 100%; }
    .mtp-lesson__crumb-dropdown li:hover {
      background: #1A7CD9; }
    .mtp-lesson__crumb-dropdown li.selected {
      background: #2196F3; }
  .mtp-lesson__crumb-dropdown::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 10px solid;
    border-color: rgba(225, 225, 225, 0);
    border-bottom-color: #114887;
    margin-top: -19px;
    margin-left: 20px; }

.mtp-lesson__crumb-caption {
  float: left;
  line-height: 20px; }

.mtp-lesson__crumb-icon {
  float: left;
  line-height: 20px;
  font-size: 7px;
  margin-left: 5px; }

.mtp-lesson__crumb-border {
  border-right: 1px solid #2196F3;
  border-right: 1px solid #2196F3;
  float: left;
  width: 1px;
  height: 20px;
  content: '';
  margin-top: 10px; }

.lesson__details--has-image {
  width: 77%;
  float: left; }

.strategy-v4__capsule-resource {
  flex: none;
  width: 219px;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer; }
  .strategy-v4__capsule-resource:last-of-type {
    margin-right: 0; }

.lesson__image-container {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }

.lesson__image {
  width: 150px; }
  .lesson__image.scale-to-width {
    width: 150px; }
  .lesson__image.scale-to-height {
    height: 125px;
    width: auto; }

.lesson__image-mask {
  width: 150px;
  height: 125px;
  overflow: hidden; }

.lesson__image--none,
.lesson__image-mask--none {
  height: 130px;
  background: #dbdad7;
  line-height: 130px;
  text-align: center;
  position: relative; }

.lesson__image-icon {
  flex: none;
  margin-right: 8px; }

.lesson__image-container {
  float: right; }

.lesson__foot-nav {
  display: block;
  width: 100%;
  text-transform: uppercase;
  margin: 5px 0 25px; }
  .lesson__foot-nav:after {
    content: '';
    display: block;
    clear: both; }
  .lesson__foot-nav .tc-bold-arrow {
    position: absolute;
    font-size: 9px;
    top: 0;
    margin-top: 4px; }
    .lesson__foot-nav .tc-bold-arrow::before {
      display: block; }

.lesson__foot-nav-link {
  position: relative; }

.lesson__foot-nav-link--prev {
  float: left;
  padding-left: 20px; }
  .lesson__foot-nav-link--prev .tc-bold-arrow {
    left: 0; }
    .lesson__foot-nav-link--prev .tc-bold-arrow::before {
      transform: rotate(90deg); }

.lesson__foot-nav-link--next {
  float: right;
  padding-right: 20px; }
  .lesson__foot-nav-link--next .tc-bold-arrow {
    right: 0; }
    .lesson__foot-nav-link--next .tc-bold-arrow::before {
      transform: rotate(270deg); }

.lesson__foot-nav-link--disabled {
  font-family: "Circular Medium", Helvetica, sans-serif;
  color: #7f7f7f; }

.lesson__view-all {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  color: #7f7f7f; }

/**** section capsule ****/
.lesson__reflection {
  margin: 40px 0 30px;
  position: relative; }
  .lesson__reflection::after {
    content: '';
    display: block;
    clear: both; }

.lesson__reflection-title {
  display: block;
  float: left;
  padding-left: 25px; }

.lesson__reflection-icon {
  position: absolute;
  left: 0;
  top: 0; }

.lesson__reflection-title {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px;
  padding-top: 6px; }

.lesson__reflection-icon {
  margin-right: 5px;
  font-size: 24px; }

.lesson__reflection-resource {
  float: left;
  clear: both;
  margin-top: 10px;
  position: relative; }

.lesson__narrative-video-container {
  margin: 20px 0; }
  .lesson__narrative-video-container .video-js {
    margin: 0 auto;
    max-width: 100%; }

/**** Similar Lessons ****/
.lesson__similar-lessons {
  position: relative;
  border-top: 2px solid #E8E8E8;
  padding-top: 10px; }

.lesson__similar-lessons--blended {
  margin-top: 20px; }

h3.lesson__similar-lessons-headline {
  position: absolute;
  font-family: "Circular Medium", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0 20px;
  background: #eff1f2;
  display: block;
  margin-top: -8px;
  top: 0;
  left: 50%;
  margin-left: -87.25px;
  font-weight: normal; }

.lesson__similar {
  height: 280px;
  position: relative;
  cursor: pointer;
  overflow: hidden; }
  .lesson__similar:hover .tc__link.lesson__similar-title {
    color: #1A7CD9; }

a .lesson__similar-description {
  height: 82px;
  overflow: hidden;
  color: #222222;
  text-decoration: none;
  padding-top: 10px;
  font-family: "Circular Book", Helvetica, sans-serif;
  line-height: 18px;
  position: relative; }
  a .lesson__similar-description:hover {
    color: #222222; }
  a .lesson__similar-description:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    height: 40px;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }

.lesson__similar-read-more {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px; }

.lesson__section {
  cursor: pointer; }

.lesson__similar-icon {
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #ff7a52;
  color: white;
  margin: 0 auto 15px; }

.lesson__similar-icon--blended {
  background-color: #107d54; }

.tc__link.lesson__similar-title {
  color: #222222;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none; }
  .tc__link.lesson__similar-title:hover {
    color: #1A7CD9; }
  .tc__link.lesson__similar-title:visited {
    color: #222222; }

.lesson__similar-crumbs {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 15px;
  color: #7f7f7f;
  line-height: 18px;
  margin-top: 2px;
  position: relative;
  width: 100%;
  overflow: hidden; }

.lesson__similar-author {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px 20px;
  width: 100%;
  display: flex;
  align-items: center; }
  .lesson__similar-author:after {
    content: '';
    display: block;
    clear: both; }
  .lesson__similar-author .bl4__user-image-mask {
    margin: 0; }

.lesson__similar-details {
  height: 110px;
  position: relative;
  overflow: hidden; }
  .lesson__similar-details::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1em;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }

.lesson__similar-author-photo {
  float: left; }

.lesson__similar-author-details {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 13px;
  color: #7f7f7f;
  margin-left: 10px;
  float: left;
  line-height: 16px; }

/**** metadata sidebar  ****/
.lesson__metadata-sidebar {
  margin-top: 40px; }
  .lesson__metadata-sidebar a.strategy-v4__metadata-flex-section {
    text-decoration: none; }

.lesson__favorite {
  position: relative;
  margin-top: 30px; }
  .lesson__favorite:after {
    content: '';
    display: block;
    clear: both; }

.lesson__favorite-icon {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 2px; }

.lesson__favorite-caption {
  display: block;
  float: left;
  padding-left: 20px; }

.lesson__favorite-icon {
  color: #fe6060; }

.lesson__favorite-caption {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 15px;
  color: #636363;
  line-height: 20px; }

.lesson__standards {
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  margin-top: 30px;
  padding: 30px 0 20px; }
  .lesson__standards a.search__tag {
    text-decoration: none; }
  .lesson__standards .strategy-v4__metadata-headline {
    margin-bottom: 10px; }
  .lesson__standards:after {
    content: '';
    display: block;
    clear: both; }

.lesson__resource-title {
  max-width: 190px;
  word-wrap: break-word; }

.lesson-big-idea.ckeditor__output {
  white-space: pre-wrap !important; }

.lesson__metadata-item {
  text-transform: capitalize;
  font-size: 14px; }

.lesson__section-file-narrative {
  border: 1px solid #CECECE;
  width: 100%; }
  .lesson__section-file-narrative img {
    width: 100%; }

@media only screen and (max-width: 48em) {
  .responsive-layout .lesson__mobile-tags {
    width: auto;
    min-width: 0;
    margin-right: 0.65rem;
    float: left; }
  .responsive-layout .lesson__mobile-author {
    margin-top: 0;
    border-top: none !important; }
  .responsive-layout .lesson__similar-lessons {
    padding-top: 3.275rem; }
  .responsive-layout .lesson__similar {
    height: 13.65rem;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #CECECE;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .responsive-layout .lesson__similar-lessons-headline {
    top: 1.95rem;
    background: white;
    padding-bottom: 1.3rem; }
  .responsive-layout .lesson__foot-nav {
    margin-top: 1.675rem; }
  .responsive-layout .lesson__section--has-footer {
    border-bottom: 0;
    padding-bottom: 50px; }
  .responsive-layout .lesson__view-all {
    padding: 20px 0; }
  .responsive-layout .lesson__resource-title {
    max-width: 100%; }
  .responsive-layout .strategy-v4__metadata-tag {
    text-decoration: none; }
  .responsive-layout .strategy-v4__metadata-tag-description {
    display: none; }
  .responsive-layout .lesson__foot-nav-link {
    font-size: 14px; }
  .responsive-layout .lesson__image-container {
    display: none; }
  .responsive-layout .lesson__details--has-image {
    width: 100%; }
  .responsive-layout .lesson__similar-author {
    padding-bottom: 0; }
  .responsive-layout .lesson__similar-lessons--blended {
    margin-top: 0; } }

.standards__menu-bar-container {
  height: 40px;
  background: #2196F3; }

a.standards__menu-bar-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 15px;
  color: #D1E5F7;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none; }
  a.standards__menu-bar-headline.active {
    color: white; }
    a.standards__menu-bar-headline.active::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 20px;
      width: 20px;
      border: 10px solid;
      border-color: rgba(225, 225, 225, 0);
      border-top-color: #2196F3;
      margin-bottom: -19px;
      margin-left: -10px; }
  a.standards__menu-bar-headline:hover {
    color: white; }

.standards__menu-bar-headline-container {
  text-align: center; }

.standards__megamenu {
  display: none;
  padding-top: 40px; }
  .standards__megamenu.active {
    display: block; }

.standards__megamenu-items {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 60px; }

.standards__megamenu-blended-category-items {
  display: flex;
  flex-wrap: wrap; }

.standards__megamenu-standard {
  flex-basis: 25%;
  padding-right: 20px; }

.standards__megamenu-headline {
  font-weight: normal;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 28px;
  margin: 0; }

.standards__megamenu-subheadline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 18px;
  margin: 30px 0 15px;
  text-transform: capitalize; }

.standards__megamenu-link {
  margin-bottom: 10px;
  line-height: 20px; }

.standard__child-headline {
  font-weight: normal;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 21px;
  margin: 40px 0 24px; }

.standards__child-capsule {
  padding: 0;
  margin: 0; }

.standards__child {
  border-bottom: 1px solid #CECECE;
  padding: 20px 20px 20px;
  display: block;
  color: #3D3D3D; }
  .standards__child:last-of-type {
    border-bottom: 0; }
  .standards__child::after {
    content: '';
    clear: both;
    display: block; }

.standards__child--headline {
  padding-bottom: 0; }

.standards__child-id {
  padding-right: 25px;
  padding-top: 4px; }

.standards__child-id,
.standards__child-description,
.standards__child-count {
  float: left; }

.standards__child-id {
  width: 11%; }

.standards__child-count {
  width: 12%; }

.standards__child-count::after {
  content: '';
  clear: both;
  display: block; }

.standards__child-count-icon {
  float: left;
  height: 30px;
  width: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  line-height: 30px;
  font-size: 17px;
  text-align: center;
  color: white;
  background: #ff7a52; }

.standards__child-count-caption {
  float: left;
  padding: 7px 0 0 7px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 16px;
  color: #2196F3; }

.standards__child-description {
  width: 77%;
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  padding: 7px 20px 0 0; }

.standards__child-child-description {
  width: 89%;
  padding-right: 0; }

.standards__child-child-description--has-count {
  width: 77%; }

.standards__child-description--level-2 {
  font-size: 21px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 26px; }

.standards__child--level-1,
.standards__child--level-2 {
  font-family: "Circular Bold", Helvetica, sans-serif;
  border-top: 1px solid #CECECE; }

.standards__child--level-1 {
  border: 0; }

.standard__view-all {
  display: block;
  padding: 10px 0 25px; }

a.standard__view-children {
  padding-top: 10px;
  clear: both;
  float: left;
  color: #1aabb1; }
  a.standard__view-children:after {
    content: '';
    display: block;
    clear: both; }
  a.standard__view-children:hover {
    color: #0B8484; }

.standards__results {
  padding-bottom: 10px; }

.standard__view-children-icon {
  margin-right: 10px; }

.standard__view-children-icon,
.standard__view-children-caption {
  float: left; }

.standard__view-children-caption {
  font-size: 14px;
  font-family: "Circular Medium", Helvetica, sans-serif; }

.standards__mobile-subject-options {
  display: none; }

.standards__megamenu-blended-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin-top: 30px; }

.standards__megamenu-blended-description {
  padding-top: 25px;
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px; }

.standards__blended-category {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 24px;
  margin-top: 10px; }

.standards__blended-topic {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px;
  margin: 20px 0; }

.standards__blended-description {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 24px; }

.standards__blended-strategy-count {
  float: left;
  padding-left: 10px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px;
  margin-top: 4px; }

.standards__blended-strategy-count-icon {
  float: left;
  background: #107d54;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  color: white;
  line-height: 30px;
  text-align: center;
  font-size: 18px; }

.standards__blended-header {
  padding-bottom: 0; }

.search__result-icon--blended-strategy {
  background-color: #107d54;
  margin-top: 10px; }

.standards__megamenu-standards-icon {
  display: none; }

.standards__content {
  margin-bottom: 30px; }

@media only screen and (max-width: 48em) {
  .responsive-layout .standards__menu-bar-container {
    top: 52px;
    position: absolute;
    width: 100%;
    height: 3.9rem; }
  .responsive-layout .standards__menu-bar-headline-container {
    padding: 1.3rem 0.65rem;
    display: none; }
    .responsive-layout .standards__menu-bar-headline-container.active {
      display: block;
      text-align: center; }
  .responsive-layout .standards__megamenu {
    padding-top: 7.1rem; }
  .responsive-layout .standards__megamenu-standard {
    flex-basis: 100%;
    position: relative; }
  .responsive-layout .standards__megamenu-standard-block {
    display: none;
    padding: 0.375rem 0; }
  .responsive-layout .standards__megamenu-standard-block--expanded {
    display: block; }
  .responsive-layout .standards__content--hidden {
    display: none; }
  .responsive-layout .standards__megamenu-standard {
    padding: 0; }
  .responsive-layout .standards__megamenu-subheadline {
    width: 100%;
    padding: 0 3.9rem 0 1.3rem;
    color: white;
    background: #1A7CD9;
    margin: 0;
    line-height: 40px;
    height: 40px;
    display: block;
    margin-bottom: 1px; }
  .responsive-layout .standards__mobile-subject-options {
    position: absolute;
    display: block;
    right: 0;
    z-index: 100;
    height: 40px; }
    .responsive-layout .standards__mobile-subject-options .tc-browser-arrow {
      color: white;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 1.625rem;
      margin-right: 1.3rem;
      height: 15px;
      width: 15px; }
      .responsive-layout .standards__mobile-subject-options .tc-browser-arrow:before {
        transform: rotate(90deg);
        position: absolute; }
    .responsive-layout .standards__mobile-subject-options select {
      height: 40px;
      width: 50px;
      left: 0;
      top: 0;
      opacity: 0; }
  .responsive-layout .standards__megamenu-link {
    margin: 0;
    padding: 0.65rem 1.3rem; }
  .responsive-layout .standard__child-headline {
    margin: 0;
    padding: 1.3rem; }
  .responsive-layout .standards__child-capsule {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 1.3rem; }
  .responsive-layout .bl4__capsule--result-without-footer {
    padding-bottom: 1.3rem; }
  .responsive-layout .standards__child {
    padding: 1.3rem 0; }
  .responsive-layout .standards__child-id,
  .responsive-layout .standards__child-description,
  .responsive-layout .standards__child-count {
    float: left;
    width: 100%; }
  .responsive-layout .standards__child-count {
    margin-top: 0.65rem; }
  .responsive-layout .standards__child-description {
    padding-top: 2px;
    padding-right: 0; }
  .responsive-layout .standards__child--level-1 {
    padding: 0.65rem 1.3rem 1.3rem; }
  .responsive-layout .standards__child--level-2 {
    padding: 1.3rem 0.65rem; }
  .responsive-layout .standards__child-lessons {
    padding: 0; }
  .responsive-layout .standard__view-all {
    padding: 1.3rem; }
  .responsive-layout .standards__mobile-header {
    width: 100%;
    height: 2.6rem;
    background: #1A7CD9;
    color: white;
    font-size: 16px;
    line-height: 2.6rem;
    float: left;
    font-family: "Circular Bold", Helvetica, sans-serif;
    margin-top: 3.25rem;
    margin-bottom: 1.3rem;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 6.5rem; }
  .responsive-layout .standards__mobile-header-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .responsive-layout .standards__menu-bar-container--active-standard,
  .responsive-layout .standards__megamenu-headline {
    display: none; }
  .responsive-layout .standards__menu-bar-headline.active {
    font-size: 16px; }
    .responsive-layout .standards__menu-bar-headline.active::after {
      display: none; }
  .responsive-layout a.standards__mobile-back {
    position: absolute;
    top: 0;
    left: 0;
    color: white; }
    .responsive-layout a.standards__mobile-back::after {
      display: block;
      content: '';
      clear: both; }
    .responsive-layout a.standards__mobile-back:visited {
      color: white; }
  .responsive-layout .standards__mobile-back-icon {
    float: left;
    padding-right: 0.375rem;
    padding-left: 1.2rem;
    font-size: 20px;
    position: absolute;
    top: 0.65rem; }
    .responsive-layout .standards__mobile-back-icon::before {
      transform: rotate(180deg);
      position: absolute;
      top: 0; }
  .responsive-layout .standards__mobile-back-caption {
    float: left;
    font-size: 14px;
    font-family: "Circular Medium", Helvetica, sans-serif;
    padding-left: 2.7rem; }
  .responsive-layout .standards__megamenu-standards-icon {
    display: block;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid white;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 14px;
    font-size: 19px;
    color: white;
    right: 20px;
    top: 10px; }
  .responsive-layout .standards__megamenu-standards-icon--expand::before {
    content: '+'; }
  .responsive-layout .standards__megamenu-standards-icon--collapse::before {
    content: '-'; }
  .responsive-layout .standards__megamenu-blended-headline,
  .responsive-layout .standards__megamenu-blended-description {
    display: none; }
  .responsive-layout .standards__megamenu-items {
    padding-bottom: 0; }
  .responsive-layout .standards__megamenu-blended-category {
    width: 100%; }
  .responsive-layout .standards__blended-description {
    margin-bottom: 0.65rem; }
  .responsive-layout .standards__mobile-header--blended {
    margin-bottom: 0; }
  .responsive-layout .standards__blended-category {
    margin-top: 0;
    padding-bottom: 0.65rem; }
  .responsive-layout .standards__blended-topic {
    margin-top: 0.65rem; }
  .responsive-layout .standards__blended-strategy-count {
    font-family: "Circular Book", Helvetica, sans-serif;
    font-size: 16px;
    padding-left: 0;
    padding-bottom: 0.65rem; }
  .responsive-layout .standards__child-count-caption {
    font-family: "Circular Medium", Helvetica, sans-serif; }
  .responsive-layout .standard__child-headline {
    font-size: 18px; }
  .responsive-layout .standards__blended-header {
    padding-bottom: 20px; }
  .responsive-layout .standards__blended-strategy-count-icon {
    margin-right: 10px; } }

/***** Master Teachers Directory *****/
.mt-dir {
  margin-bottom: 35px; }

.mt-dir__breadcrumbs-wrapper {
  width: 100%;
  height: 40px;
  background: #2196F3;
  font-size: 15px; }

.mt-dir__breadcrumbs {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 11px; }

.mt-dir__breadcrumb {
  color: white;
  font-family: "Circular Medium", Helvetica, sans-serif;
  margin-right: 60px; }

.mt-dir__breadcrumb--clickable {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 0;
  cursor: pointer; }

.mt-dir__breadcrumb-arrow {
  font-size: 8px;
  margin-left: 10px; }

.mt-dir__breadcrumb-dropdown {
  display: block;
  width: 250px; }

.mt-dir__breadcrumb-dropdown-link {
  display: block;
  color: white;
  text-decoration: none;
  padding: 10px 20px; }

/**** Top Section *****/
.mt-dir__top-section {
  background-color: white;
  padding-bottom: 20px; }

.mt-dir__headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin-bottom: 25px; }

.mt-dir__browse-btn {
  margin-top: 20px; }

.mt-dir__logo {
  text-align: right; }

.mt-dir__logo-img {
  margin-top: 30px; }

/***** Teachers *****/
.mt-dir__teacher-row {
  margin-top: 20px; }

.mt-dir__teachers {
  display: flex;
  flex-wrap: wrap; }

.mt-dir__teacher {
  width: 185px;
  text-align: center;
  margin-top: 25px;
  margin-right: 10px;
  margin-bottom: 20px; }

.mt-dir__teacher-photo-container {
  height: 100px;
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 18px;
  cursor: pointer; }

.mt-dir__teacher-metadata {
  margin-top: 6px; }

.mt-dir__teacher-metadata--small {
  font-size: 15px; }

.mt-dir__teacher-link-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-color: #107d54;
  color: white;
  font-size: 18px;
  line-height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 8px; }

/***** Mobile *****/
@media only screen and (max-width: 48em) {
  .responsive-layout .mt-dir {
    padding-top: 50px; } }

.mtp__subjects {
  margin-top: 20px;
  margin-bottom: 66px; }

.mtp__subject {
  position: relative;
  height: 312px;
  cursor: pointer; }
  .mtp__subject img {
    width: 100%; }
  .mtp__subject a {
    color: white;
    text-decoration: none; }
    .mtp__subject a:hover {
      color: #eff1f2; }

.mtp__subject-mask {
  height: 312px;
  overflow: hidden;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; }

.mtp__subject-overlay {
  width: 280px;
  position: absolute;
  bottom: 0;
  height: 145px;
  background-image: -owg-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: -webkit-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: -moz-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: -o-linear-gradient(to right, #0AABB1, #1A7CD9);
  background-image: linear-gradient(to right, #0AABB1, #1A7CD9);
  color: white;
  text-align: center;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px; }

.mtp__subject-browse {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px;
  margin-top: 20px; }

.mtp__subject-teachers {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 16px;
  margin-top: 5px; }

.mtp__subject-icon {
  margin-top: 20px;
  font-size: 40px; }

.mtp__header {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 28px;
  font-weight: normal;
  text-align: center;
  margin-top: 1.3rem; }

.mtp__partner-header {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 24px;
  font-weight: normal; }

.mtp__body {
  font-family: "Circular Book", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px; }

.mtp__partners {
  width: 100%;
  background: #eff1f2;
  padding: 32px 0 60px; }

.mtp__partner-header {
  margin-bottom: 20px;
  font-weight: normal;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 22px; }

.mtp__subject-container,
.mtp__subject-container img {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px; }

.mtp__partners-sidebar {
  text-align: right; }

@media only screen and (max-width: 48em) {
  .responsive-layout .mtp__header {
    margin-top: 3.9rem; }
  .responsive-layout .mtp__subject {
    overflow: hidden;
    height: 21.05rem;
    padding-bottom: 0;
    margin-bottom: 1.95rem; }
  .responsive-layout .mtp__subject-container {
    position: relative;
    width: 100%;
    height: 100%;
    content: '';
    display: block; }
  .responsive-layout .mtp__partners-sidebar {
    text-align: center; }
  .responsive-layout .mtp__subject-overlay {
    width: 100%; } }

.curriculum__unit {
  position: relative;
  padding: 10px 15px;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: white;
  margin-bottom: 22px;
  border: 2px solid #2196F3; }

.curriculum__unit-arrow {
  flex: none;
  height: 20px;
  width: 20px;
  border: 10px solid;
  border-color: rgba(225, 225, 225, 0);
  border-top-color: #2196F3;
  margin-top: 5px;
  margin-left: 10px; }

.curriculum__unit-dropdown {
  display: none;
  position: absolute;
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #CECECE;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 4px 0;
  z-index: 200;
  width: 100%;
  left: 0;
  top: 50px;
  margin-top: 10px; }

.curriculum__unit-dropdown--expanded {
  display: block; }

.curriculum__unit-results .bl4-capsule__details--has-image {
  width: 80.5%; }

.curriculum__unit-icon {
  flex: none;
  margin-right: 10px;
  color: #f5b33e;
  font-size: 20px; }

.mt-profile__sidebar {
  text-align: center; }

.mt-profile__author-name {
  font-size: 24px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  margin: 20px 0 10px; }

.mt-profile__teacher-name {
  font-size: 16px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  width: 25%;
  text-align: center;
  padding-right: 10px;
  margin-right: 10px; }

a.mt-profile__header-link {
  position: relative;
  text-decoration: none;
  color: #88dbfd;
  font-size: 16px; }
  a.mt-profile__header-link:hover {
    color: white; }
  a.mt-profile__header-link.active {
    color: white; }
    a.mt-profile__header-link.active::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 20px;
      width: 20px;
      border: 10px solid;
      border-color: rgba(225, 225, 225, 0);
      border-top-color: #2196F3;
      margin-bottom: -30px;
      margin-left: -10px; }

.mt-profile__course-name {
  font-size: 18px;
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-bottom: 10px; }

.mt-profile__lesson-count {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px;
  display: flex;
  height: 30px;
  margin: 10px 0;
  line-height: 30px;
  justify-content: center; }
  .mt-profile__lesson-count.tc__link {
    font-size: 16px; }

.mt-profile__lesson-count-icon {
  color: white;
  background: #FF7A52;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  line-height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 18px; }

.mt-profile__lesson-count-icon--blended {
  background: #107d54; }

.mt-profile__school-detail {
  color: #7f7f7f;
  font-size: 15px;
  line-height: 20px;
  font-family: "Circular Book", Helvetica, sans-serif; }

.mt-profile__curiculum-details,
.curriculum__unit-item {
  font-family: "Circular Bold", Helvetica, sans-serif;
  line-height: 20px;
  margin-bottom: 10px; }
  .mt-profile__curiculum-details:after,
  .curriculum__unit-item:after {
    content: '';
    display: block;
    clear: both; }

.mt-profile__similar-name {
  display: block;
  margin-top: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 18px; }

.mt-profile__similar-teachers {
  margin: 36px 0;
  padding: 20px 0;
  border-top: 1px solid #CECECE; }

.mt-profile__similar-teachers-headline {
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 20px;
  margin: 10px 0; }

.mt-profile__curiculum-details {
  margin-top: 20px; }

.mt-profile__similar-teachers-view-all {
  margin-top: 40px;
  display: block; }

.curriculum__unit-item {
  margin-top: 3px;
  margin-bottom: 0;
  padding: 10px 20px;
  border-bottom: 1px solid #CECECE;
  cursor: pointer;
  display: flex; }
  .curriculum__unit-item.tc__link {
    color: #222222; }
    .curriculum__unit-item.tc__link:hover {
      color: #1A7CD9; }

.curriculum__unit-item--current {
  padding: 0;
  border-bottom: 0; }
  .curriculum__unit-item--current:hover {
    text-decoration: none;
    color: #222222; }

.mt-profile__curiculum-details-course {
  float: left;
  font-size: 18px;
  margin-right: 10px; }

.curriculum__unit-copy {
  font-size: 18px; }

.mt-profile__curiculum-details-count {
  float: left;
  font-size: 14px; }

.curriculum__unit-count {
  font-size: 14px;
  margin-left: 10px; }

.mt-profile__alternative-course {
  float: left;
  margin-left: 55px; }
  .mt-profile__alternative-course:first-of-type {
    display: none; }
  .mt-profile__alternative-course:last-of-type {
    display: block; }

.standards__menu-bar-headline--about {
  float: left;
  position: relative;
  margin-right: 55px; }
  .standards__menu-bar-headline--about.active:after {
    margin-bottom: -30px; }

.mt-profile__about-headline {
  margin-top: 20px;
  font-family: "Circular Bold", Helvetica, sans-serif;
  font-size: 22px;
  margin-bottom: 15px; }

.mt-profile__about-sub-headline {
  font-family: "Circular Medium", Helvetica, sans-serif;
  font-size: 18px;
  margin-bottom: 10px; }

.mt-profile__about-welcome-video {
  display: inline-block;
  width: 580px;
  margin-bottom: 40px; }
  .mt-profile__about-welcome-video .video-js {
    width: 580px; }
  .mt-profile__about-welcome-video .video-js .vjs-tech {
    position: relative; }

.mt-profile__about-videos {
  float: right;
  width: 280px;
  margin-top: 40px; }

.mt-profile__about-video {
  display: flex;
  border-bottom: 1px solid #CECECE;
  padding: 13px 0; }

.mt-profile__about-video-icon {
  flex: none;
  font-size: 20px;
  padding-top: 2px;
  margin-right: 10px; }
  .mt-profile__about-video-icon.clickable {
    color: #2196F3;
    cursor: pointer; }

.mt-profile__about-video-title {
  font-size: 16px;
  line-height: 20px;
  font-family: "Circular Medium", Helvetica, sans-serif; }
  .mt-profile__about-video-title.clickable {
    color: #2196F3;
    cursor: pointer; }
    .mt-profile__about-video-title.clickable:hover {
      color: #1A7CD9; }

.mt-profile__about-video-duration {
  color: #7f7f7f;
  font-size: 12px;
  line-height: 14px;
  font-family: "Circular Book", Helvetica, sans-serif;
  margin-top: 7px; }

.mt-profile__about-info {
  font-size: 16px;
  line-height: 24px;
  font-family: "Circular Book", Helvetica, sans-serif; }

@media only screen and (max-width: 48em) {
  .responsive-layout .mt-profile__sidebar {
    padding-top: 0; }
  .responsive-layout .curriculum__unit-container {
    padding: 0; }
  .responsive-layout .mt-profile__curiculum-details {
    text-align: center;
    margin-bottom: 1.3rem; }
  .responsive-layout .curriculum__active-unit-container,
  .responsive-layout .mt-profile__curiculum-details {
    padding: 0; }
  .responsive-layout .mt-profile__about-container {
    padding: 0 1.3rem; }
  .responsive-layout .curriculum__active-unit-dropdown-container {
    padding: 0 1.3rem; }
  .responsive-layout .standards__mobile-header.mt-profile__mobile-header {
    margin-bottom: 5px;
    padding-left: 0; }
  .responsive-layout .mt-profile__mobile-header .standards__mobile-subject-options {
    top: 0;
    width: 40px; }
    .responsive-layout .mt-profile__mobile-header .standards__mobile-subject-options select {
      top: 0;
      right: 0;
      left: auto;
      position: absolute; }
  .responsive-layout .mt-profile__curiculum-details-course,
  .responsive-layout .mt-profile__curiculum-details-count {
    float: none;
    display: inline; }
  .responsive-layout .curriculum__unit-results .bl4-capsule__details--has-image {
    width: 100%; }
  .responsive-layout .mt-profile__mobile-header-arrow {
    color: white;
    font-size: 12px;
    margin-top: 15px; }
  .responsive-layout .mt-profile__mobile-header-copy {
    text-align: center; }
  .responsive-layout .mt-profile__about-container {
    padding: 0 1.3rem 1.3rem; }
  .responsive-layout .mt-profile__alternative-course {
    margin-left: 0;
    float: none;
    display: block;
    margin-bottom: 1.3rem; }
    .responsive-layout .mt-profile__alternative-course:last-of-type {
      display: none; }
    .responsive-layout .mt-profile__alternative-course:first-of-type {
      display: block; }
  .responsive-layout .curriculum__unit-dropdown-mobile-select {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0; }
  .responsive-layout .mt-profile__about-welcome-video {
    width: 100%;
    margin-bottom: 20px; }
    .responsive-layout .mt-profile__about-welcome-video .video-js {
      width: 100%; }
  .responsive-layout .mt-profile__about-videos {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px; }
  .responsive-layout .mt-profile__about-info {
    margin-bottom: 20px; } }