/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@font-face {
  font-family: 'Courier Prime';
  src: url('/public/fonts/courier-prime/CourierPrime.eot');
  src: url('/public/fonts/courier-prime/CourierPrime.eot?#iefix') format('embedded-opentype'), url('/public/fonts/courier-prime/CourierPrime.woff2') format('woff2'), url('/public/fonts/courier-prime/CourierPrime.woff') format('woff'), url('/public/fonts/courier-prime/CourierPrime.ttf') format('truetype'), url('/public/fonts/courier-prime/CourierPrime.svg#CourierPrime') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font: 14px 'Lato', "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #34495e;
}
a:hover {
  cursor: pointer;
}
.btn-xxs {
  padding: 2px 4px !important;
  font-size: 12px !important;
}
.label-warning {
  color: #000;
}
.label-light-warning {
  background-color: #FFE0B2;
  color: #666 !important;
}
.label-light-success {
  background-color: #C8E6C9;
  color: #5f5f5f !important;
}
.label-light-default {
  background-color: #eee;
  color: #aaa !important;
}
.wait-message {
  font-weight: 300;
  font-family: Roboto, sans-serif;
  color: #2D50A9;
}
.ellipsis-icon {
  color: #707070;
}
.slow-spin {
  -webkit-animation: fa-spin 6s infinite linear;
  animation: fa-spin 30s infinite linear;
}
.modal-dialog .btn-info .text-info {
  color: #fff;
}
.btn-white:hover {
  background-color: rgba(32, 33, 36, 0.1);
}
.btn-white {
  color: #5f6368;
  box-shadow: inset 0 0 0 1px #dadce0;
  background-color: #fff;
  border: none !important;
  border-radius: 4px !important;
}
.btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.059);
}
.btn-outline {
  color: #5f6368;
  box-shadow: inset 0 0 0 1px #dadce0;
  border: none !important;
  border-radius: 4px !important;
}
.btn-flow {
  color: #1976D2;
  box-shadow: inset 0 0 0 1px #dadce0;
  background-color: #fff;
  border: none !important;
  border-radius: 4px !important;
}
.btn-flow:hover {
  background-color: rgba(32, 33, 36, 0.059);
}
.btn-flow-alt-hover:hover {
  background-color: #E3F2FD;
}
.btn-flow-primary {
  color: #fff;
  box-shadow: inset 0 0 0 1px #dadce0;
  background-color: #1976D2;
  border: none !important;
  border-radius: 4px !important;
}
.btn-flow-primary:hover,
.btn-flow-primary:focus {
  color: #fff !important;
  background-color: #1565C0;
}
.form-control::placeholder,
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5e7b88 !important;
}
.form-control::-webkit-input-placeholder,
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #5e7b88 !important;
}
.form-control::-moz-placeholder,
::-moz-placeholder {
  /* Firefox 19+ */
  color: #5e7b88 !important;
}
.form-control:-ms-input-placeholder,
:-ms-input-placeholder {
  /* IE 10+ */
  color: #5e7b88 !important;
}
.form-control:-moz-placeholder,
:-moz-placeholder {
  /* Firefox 18- */
  color: #5e7b88 !important;
}
.form-control[disabled]::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder,
fieldset[disabled] .form-control::-webkit-input-placeholder {
  color: #546E7A !important;
}
.form-control[disabled]::placeholder,
.form-control[readonly]::placeholder,
fieldset[disabled] .form-control::placeholder {
  color: #546E7A !important;
}
.form-control[disabled]::-ms-input-placeholder,
.form-control[readonly]::-ms-input-placeholder,
fieldset[disabled] .form-control::-ms-input-placeholder {
  color: #546E7A !important;
}
.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder {
  color: #546E7A !important;
}
a.dark-bg-link {
  color: #1565C0;
}
.btn-info .text-info {
  color: #fff;
}
.flash {
  -moz-animation: flash 3s;
  -moz-animation-iteration-count: 1;
  -webkit-animation: flash 3s;
  -webkit-animation-iteration-count: 1;
  -ms-animation: flash 3s;
  -ms-animation-iteration-count: 1;
}
@keyframes flash {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #FFF9C4;
  }
  100% {
    background-color: #fff;
  }
}
@-webkit-keyframes flash {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #FFF9C4;
  }
  100% {
    background-color: #fff;
  }
}
@-moz-keyframes flash {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #FFF9C4;
  }
  100% {
    background-color: #fff;
  }
}
@-ms-keyframes flash {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #FFF9C4;
  }
  100% {
    background-color: #fff;
  }
}
.clipboard-input {
  padding: 0;
  font-size: 12px;
  width: 350px;
  color: #767676;
  border: 0;
  outline: none;
}
.fr-wrapper .fr-placeholder {
  color: #5e7b88 !important;
}
.toggle-icon {
  outline: none;
  cursor: pointer;
  color: #BBDEFB;
}
.toggle-on {
  color: #1976D2;
}
.pseudo-focus {
  background-color: #E1F5FE !important;
  cursor: pointer;
  box-shadow: 0 0 10px 2px #ccc !important;
}
.nav-hbar > li {
  float: left;
}
.nav-hbar > li > a {
  border-radius: 3px;
  color: #ffffff !important;
  padding: 6px 10px !important;
}
.nav-hbar > li + li {
  margin-left: 10px;
}
.nav-hbar > li.active > a,
.nav-hbar > li.active > a:hover,
.nav-hbar > li.active > a:focus {
  color: #ffffff;
  background-color: #546E7A;
}
.nav-hbar > li > a:hover {
  color: #ffffff;
  background-color: #607D8B !important;
}
.nav-hbar {
  font-weight: 400;
}
.nav-hbar-container {
  background-color: #78909C;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
  padding: 10px 10px;
}
.nav-hbar-container .menu-header {
  color: #eee;
  font-size: 18px;
  margin: 0 20px 0 20px;
  padding: 0;
  font-weight: 300;
}
.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#sr-alert-message {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.default-focus {
  outline-width: 3px;
  outline-style: solid;
  outline-color: Highlight;
}
/* WebKit gets its native focus styles.
 */
@media (-webkit-min-device-pixel-ratio: 0) {
  .default-focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
  }
}
#overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  /* Black background with opacity */
  z-index: 1090;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
}
#overlay .text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  color: #fff;
  background-color: #0366d6;
  outline: 3px solid #0366d6 !important;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  overflow: auto;
  padding: 10px;
  font-size: 1.1em;
  z-index: 999;
}
.divided-nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.divided-nav .divided-nav-lhs {
  background-color: #ffffff;
  padding: 20px;
  width: 220px;
  height: 100vh;
  border-right: 1px solid #e9eef2;
}
.divided-nav .divided-nav-lhs .divided-nav-section {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.divided-nav .divided-nav-lhs .divided-nav-section .divided-nav-section-header {
  font-size: 11px;
  line-height: 20px;
  font-weight: 500;
  color: #5e7b88;
}
.divided-nav .divided-nav-lhs .divided-nav-section a.divided-nav-section-item {
  display: block;
  padding: 6px 10px;
  border-radius: 3px;
  color: #62778c;
  text-decoration: none;
  margin-bottom: 5px;
}
.divided-nav .divided-nav-lhs .divided-nav-section a.divided-nav-section-item.active {
  background-color: #ECEFF1;
  color: #455A64;
  font-weight: 700;
}
.divided-nav .divided-nav-lhs .divided-nav-section a.divided-nav-section-item:hover {
  background-color: rgba(185, 220, 250, 0.15);
  opacity: 1;
  color: #3f566b;
}
.divided-nav .divided-nav-rhs {
  background-color: #f8fafc;
  padding: 20px;
  width: 100%;
}
.divided-nav .divided-nav-rhs .divided-nav-rhs-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #e9eef2;
  padding: 0 0 20px 0;
  min-height: 50px;
}
.divided-nav .divided-nav-rhs .divided-nav-rhs-header .header-title {
  font-weight: 700;
  font-size: 18px;
}
.divided-nav .divided-nav-rhs .divided-nav-rhs-header .header-help {
  color: #707070;
}
.divided-nav .divided-nav-rhs .divided-nav-rhs-header .header-help a {
  color: #1565C0;
}
.divided-nav .divided-nav-rhs .divided-nav-rhs-main {
  background-color: #fff;
  padding: 20px;
  border: 1px solid rgba(29, 54, 75, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow linear 40ms, border-color linear 0.2s;
}
.divided-nav .divided-nav-rhs .divided-nav-rhs-main h2,
.divided-nav .divided-nav-rhs .divided-nav-rhs-main h3 {
  font-family: Roboto, sans-serif;
}
@media (max-width: 480px) {
  .divided-nav .divided-nav-lhs {
    padding: 2px;
    width: 100px;
  }
  .divided-nav .divided-nav-lhs .divided-nav-section a.divided-nav-section-item {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .divided-nav .divided-nav-rhs .divided-nav-rhs-header {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.dropdown-menu {
  z-index: 1060 !important;
}
.multiSelect .checkboxLayer {
  z-index: 1060 !important;
}
.dialogs-default {
  z-index: 1055 !important;
}
.fr-element p {
  margin: 0;
}
.fr-element a[href^="ant"] {
  color: #000;
}
.fr-element blockquote p {
  margin: 0;
}
.paragraph-spacing p {
  margin-bottom: 30px !important;
}
.double-line-spacing p {
  line-height: 2.5 !important;
}
.paragraph-indent p {
  text-indent: 35px !important;
}
.fr-view blockquote {
  border-left: solid 2px #999 !important;
  color: #666 !important;
  font-size: inherit;
}
.fr-video:after {
  content: normal !important;
}
.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}
.navbar-nav > li > a {
  line-height: 16px !important;
}
.hover-icon:hover {
  cursor: pointer;
}
.hover-icon {
  color: #767676;
}
.btn {
  font-family: Roboto, sans-serif;
}
.btn-black {
  color: #fff;
  background-color: #333;
  border-color: #000;
}
.btn-black:hover,
.btn-black:focus {
  color: #fff !important;
}
.btn-hover-black {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #000;
}
.btn-hover-black:hover,
.btn-hover-black:focus {
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.9);
}
.nav-pills {
  border-bottom: 1px solid #eee;
}
.table {
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.alert {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}
.alert a {
  font-weight: 700 !important;
}
.alert-warning {
  background-color: #FB8C00 !important;
  color: #000 !important;
}
.alert-info,
.label-info {
  background-color: #B3EFFF !important;
  color: #046B99 !important;
}
.alert-info a,
.label-info a {
  color: #1565C0 !important;
}
.alert-info {
  border-color: #9deaff !important;
}
.error-msg {
  color: #e32c28 !important;
}
.darker-nav-tabs > li > a {
  background-color: #ddd !important;
}
.darker-nav-tabs > li.active > a,
.darker-nav-tabs > li.active > a:hover,
.darker-nav-tabs > li.active > a:focus {
  background-color: #fff !important;
}
.grayed {
  opacity: 0.3;
  pointer-events: none;
}
.date-time-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}
.date-time-picker-label {
  position: relative;
  top: 15px;
}
.date-time-picker {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 0;
}
.date-time-picker .input-group-btn {
  width: auto;
  margin-right: 20px;
}
.time-picker {
  position: relative;
}
.time-picker a {
  padding: 0;
}
.time-picker button {
  padding: 7px 14px;
}
.time-picker .timezone {
  position: absolute;
  bottom: 5px;
  right: 8px;
  font-weight: 300;
  font-size: 11px;
}
.disableTextSelection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slide-ng-if.ng-enter,
.slide-ng-if.ng-leave {
  -webkit-transition: .5s linear all;
  -moz-transition: .5s linear all;
  -ms-transition: .5s linear all;
  -o-transition: .5s linear all;
  transition: .5s linear all;
}
.slide-ng-if.ng-enter {
  max-height: 0;
}
.slide-ng-if.ng-enter.ng-enter-active {
  max-height: 999px;
}
.slide-ng-if.ng-leave {
  max-height: 999px;
}
.slide-ng-if.ng-leave.ng-leave-active {
  max-height: 0;
}
.readmore-js-toggle {
  padding-bottom: 10px;
  font-weight: 700;
}
.hide {
  display: none;
}
.darkBg {
  background-color: #e9eaed;
}
.lightBg {
  background-color: #fff;
}
.darker-tour-highlight {
  background-color: #666 !important;
}
.froala-editor.f-basic {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.froala-wrapper.f-basic {
  border-top: 1px solid #eee !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.icons-action-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  color: #666;
  margin-top: 5px;
}
.icons-action-bar i:not(:last-of-type) {
  margin-right: 5px;
}
.icons-action-bar i {
  cursor: pointer;
}
.lofi-tabs {
  display: flex;
  border-bottom: 1px solid #c1c7cb;
  padding-top: 5px;
}
.lofi-tabs .lofi-tab {
  padding: 0 30px 5px;
  margin-top: 1px;
  font-size: 12px;
  color: #677583;
  cursor: pointer;
}
.lofi-tabs .active {
  border-bottom: 5px solid #556370;
  color: #44505d;
  cursor: default;
}
.lofi-tabs .lofi-tab:hover {
  color: #44505d;
}
@media (max-width: 480px) {
  .lofi-tabs .lofi-tab {
    padding: 0 5px;
  }
}
#loading-wetink-message {
  text-align: center;
  margin: 100px;
}
#loading-wetink-message img {
  margin: 50px;
}
.footer {
  border-top: 1px solid #dedfe4;
  padding: 15px 50px;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  color: #767676;
}
.footer a {
  color: #1976D2;
}
.introjs-tooltip {
  min-width: 300px !important;
}
.introjs-helperNumberLayer {
  width: 30px !important;
  height: 30px !important;
}
.class-setup-widget {
  margin-bottom: 50px;
  position: relative;
  background-color: #fff;
  padding: 10px;
}
.class-setup-widget h1,
.class-setup-widget h2 {
  background-color: #1976D2;
  color: #fff;
  margin: -10px -10px;
  padding: 15px 10px;
  font-size: 18px;
}
.onboarding-items-list .item {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 8px 0;
}
.onboarding-items-list .item .item-icon {
  margin-right: 10px;
  color: #ddd;
}
.onboarding-items-list .item .item-details {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.onboarding-items-list .item .item-details .item-text {
  font-family: Lato, sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  color: #1976D2;
}
.onboarding-items-list .item .item-details .item-actions a {
  color: #707070;
  font-size: 12px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.onboarding-items-list .item-with-separator {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.onboarding-items-list .item-done .item-icon {
  color: #2E7D32;
}
.onboarding-items-list .item-done .item-details .item-text {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #328736;
  text-decoration: line-through;
}
.onboarding-items-list .item-incomplete:hover {
  cursor: pointer;
}
.onboarding-items-list .item-incomplete:hover .item-icon {
  color: #2E7D32;
}
.onboarding-items-list .item-incomplete:hover .item-details {
  position: relative;
  left: 5px;
}
.onboarding-items-list .item-incomplete:hover .item-details .item-text {
  color: #2E7D32;
}
.onboarding-message {
  font-family: Roboto, sans-serif;
  background-color: #1976D2;
  color: #fff;
  margin: -10px;
  padding: 20px;
}
.onboarding-message .ob-header {
  font-size: 18px;
  font-weight: 300;
}
.onboarding-message .ob-content {
  margin-top: 5px;
  font-size: 14px;
}
.onboarding-message .ob-footer {
  font-size: 13px;
  font-weight: 300;
  border-top: 1px solid #90CAF9;
  padding-top: 3px;
  margin-top: 10px;
}
.onboarding-message .ob-footer a {
  color: #ffffff;
}
.onboarding-message .ob-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
}
.onboarding-message .ob-actions .fa-check {
  color: #2E7D32;
}
.dialog-header-confirm h1,
.dialog-header-error h1,
.dialog-header-wait h1 {
  color: #fff;
}
.modal-header .modal-title {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 22px;
}
.modal-header .modal-sub-title {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-top: 5px;
}
.modal-header p {
  color: #767676;
}
.modal-header-movable {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #efefef;
  cursor: move;
}
.form-options .option {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.form-options .option .option-radio {
  width: 22px;
}
.form-options .option .option-text {
  font-size: 16px;
  font-weight: 700;
}
.form-options .descr {
  padding-left: 22px;
  color: #666;
}
.modal-body h4 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin: 10px 0 5px 0;
}
.modal-dialog .text-info {
  color: #333;
}
.btn-group-spaced .label {
  margin-right: 3px;
}
.form-horizontal .control-label {
  font-family: Lato, sans-serif;
  font-weight: 700;
  padding: 0 !important;
}
.completion-chart .ct-series-a .ct-slice-donut,
.completion-chart .ct-series-a .ct-bar {
  stroke: #66BB6A;
}
.completion-chart .ct-series-b .ct-slice-donut,
.completion-chart .ct-series-b .ct-bar {
  stroke: #FFEBEE;
}
.completion-chart .ct-label {
  font-size: 13px;
  color: #000000;
}
.chartist-legend {
  padding: 5px;
  margin: 0 5px;
  font-size: 12px;
  border-radius: 2px;
}
.chartist-legend-0 {
  padding: 5px;
  margin: 0 5px;
  font-size: 12px;
  border-radius: 2px;
  color: #000;
  background-color: #F3E5F5;
  border: 2px solid #9C27B0;
}
.chartist-legend-1 {
  padding: 5px;
  margin: 0 5px;
  font-size: 12px;
  border-radius: 2px;
  color: #000;
  background-color: #F9FBE7;
  border: 2px solid #CDDC39;
}
.chartist-legend-2 {
  padding: 5px;
  margin: 0 5px;
  font-size: 12px;
  border-radius: 2px;
  color: #000;
  background-color: #E0F2F1;
  border: 2px solid #009688;
}
.chartist-legend-3 {
  padding: 5px;
  margin: 0 5px;
  font-size: 12px;
  border-radius: 2px;
  color: #000;
  background-color: #E1F5FE;
  border: 2px solid #03A9F4;
}
.chartist-tooltip {
  position: absolute;
  display: inline-block;
  min-width: 5em;
  padding: .5em;
  background: #FFF9C4;
  color: #453D3F;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
  z-index: 1;
}
.chartist-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top-color: #FFF9C4;
}
.ct-series-a .ct-line {
  stroke-width: 1px;
}
.ct-series-b .ct-line {
  stroke-width: 1px;
}
.ct-series-c .ct-line {
  stroke-width: 1px;
}
.ct-series-d .ct-line {
  stroke-width: 1px;
}
.ct-series-a .ct-point {
  stroke-width: 5px;
}
.ct-series-b .ct-point {
  stroke-width: 5px;
}
.ct-series-c .ct-point {
  stroke-width: 5px;
}
.ct-series-d .ct-point {
  stroke-width: 5px;
}
.avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
}
th.tablesort-sortable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
table .tablesort-sortable:after {
  content: "";
  float: right;
  margin-top: 7px;
  visibility: hidden;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: none;
  border-bottom: 4px solid #000;
}
table .tablesort-desc:after {
  border-top: 4px solid #000;
  border-bottom: none;
}
table .tablesort-sortable:hover:after,
table .tablesort-asc:after,
table .tablesort-desc:after {
  visibility: visible;
}
/*
 * Styling for the table row shown in empty tables
 */
/* The row is always added as the first row in a table
   Hide it by default */
.showIfLast {
  display: none;
}
/* Only show it if it is also the last row of the table. */
.showIfLast:last-child {
  display: table-row;
}
.showIfLast td {
  text-align: center;
}
.user-list-tiled {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.user-list-tiled .user-box {
  width: 350px;
}
.user-large-200 .image-container {
  width: 200px;
  height: 200px;
}
.user-large-200 .image-container img {
  width: 200px;
}
.user-large-200 .info-container {
  margin-left: -100px;
  border-radius: 0 100px 0 0;
  padding: 20px 20px 20px 120px;
}
.user-large-200 .info-container .bio {
  margin-top: 10px;
}
.user-large-200 .actions {
  margin-top: 10px;
}
.user-large-100 .image-container {
  width: 100px;
  height: 100px;
}
.user-large-100 .image-container img {
  width: 100px;
}
.user-large-100 .info-container {
  margin-left: -50px;
  border-radius: 0 75px 0 0;
  padding: 10px 20px 10px 70px;
}
.user-large-100 .info-container .bio {
  margin-top: 5px;
  font-size: 13px;
}
.user-large-100 .actions {
  margin-top: 5px;
}
.user-large-white .info-container {
  background: #EEE;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEE), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #EEE, #fff);
  background: -moz-linear-gradient(center bottom, #EEE 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #EEE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#EEE', GradientType=0);
}
.user-large-gray .info-container {
  background: #DDD;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #DDD), color-stop(1, #fff));
  background: -ms-linear-gradient(bottom, #DDD, #fff);
  background: -moz-linear-gradient(center bottom, #DDD 0%, #fff 100%);
  background: -o-linear-gradient(#fff, #DDD);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#DDD', GradientType=0);
}
.user-large-black .info-container {
  background: #AAA;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #AAA), color-stop(1, #ccc));
  background: -ms-linear-gradient(bottom, #AAA, #ccc);
  background: -moz-linear-gradient(center bottom, #AAA 0%, #ccc 100%);
  background: -o-linear-gradient(#ccc, #AAA);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#AAA', GradientType=0);
}
.user-large-black .btn-default {
  background-color: #ccc;
  border-color: #aeaeae;
}
.user-large-black .btn-default:hover {
  background-color: #e7e7e7;
  border-color: #dadada;
}
.user-large {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.user-large .image-container {
  z-index: 1;
}
.user-large .image-container img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.user-large .info-container {
  background-color: #fff;
  flex-grow: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.user-large .info-container .urls {
  margin-top: 10px;
}
.user-large .info-container .urls a {
  color: #333;
}
.user-large .info-container .urls a:not(:last-of-type) {
  margin-right: 10px;
}
.user-large .info-container a.name {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #333;
}
.user-large .info-container a.name:hover {
  color: #2D50A9;
}
.user-large .info-container .bio {
  font-family: Lato, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #666;
}
.user-large .info-container .info-summary {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  font-size: 12px;
  font-weight: 300;
  margin-top: 15px;
}
.user-large .info-container .info-summary .badge {
  margin-right: 2px;
}
.user-large .info-container .info-summary .info-summary-item:not(:first-of-type) {
  margin-left: 15px;
}
.user-large .actions {
  text-align: right;
}
.author {
  color: #666;
}
.author img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
}
.author .name {
  font-size: 17px;
  font-family: Lato, sans-serif;
}
.author .bio {
  font-size: 15px;
  color: #666;
  text-decoration: none;
}
.author .name:hover {
  color: #2D50A9;
}
.upvotes {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
}
.upvotes a {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.written-text {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}
.work-title {
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  font-family: Roboto, sans-serif;
}
.mirrored-text {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  text-align: right;
}
.blurredText {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}
.word-count-indicator .progress {
  margin-bottom: 0;
  height: 10px;
  padding: 0;
  background-color: #F1F8E9;
  border: none;
}
.word-count-indicator .excess-words {
  margin: 2px 0 10px 0;
  color: #767676;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 12px;
}
.tags .tag {
  padding: 3px 6px;
  float: left;
  margin-right: 10px;
  background-color: #ccc;
  color: #333;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.tags .tag:hover {
  background-color: #2D50A9;
  color: #fff;
}
.tags .tagSelected {
  background-color: #333;
  color: #fff;
}
.unsplash-credit {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #666;
  margin-top: 3px;
}
.unsplash-credit a {
  color: #1565C0;
}
a.image-credit:hover {
  color: #F2006A;
}
a.image-credit {
  color: #666;
  position: absolute;
  left: 5px;
  top: 5px;
}
.response-nav.response-nav-critique {
  top: 7px;
}
.response-nav {
  position: absolute;
  color: #767676;
  top: 15px;
}
@media (max-width: 420px) {
  .response-nav {
    visibility: hidden;
  }
}
.response-nav-left {
  right: 79px;
}
.response-nav-right {
  right: 37px;
}
.response-nav:hover {
  color: #767676;
}
.trailnav {
  margin-bottom: 20px;
}
.trailnav a.trailnav-item {
  margin-right: 20px;
  color: #666666;
  background-color: #efefef;
  padding: 5px 10px;
  border-radius: 10px;
  line-height: 2.5;
}
.trailnav a.trailnav-item i.fa-angle-left {
  margin-right: 3px;
}
.trailnav a.trailnav-item:hover {
  text-decoration: none;
  color: #1976D2;
}
@media (max-width: 480px) {
  .trailnav a.trailnav-item {
    font-size: 12px;
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .title .trailnav .trailnav-item {
    font-size: 16px;
  }
}
.getting-started {
  margin-bottom: 50px;
  color: #333;
  background-color: #ddd;
  -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;
  border: 1px solid #ddd;
  font-family: Roboto, sans-serif;
}
.getting-started a {
  color: #333;
}
.getting-started .getting-started-header {
  padding: 5px 10px;
  border-bottom: 1px solid #fff;
  font-size: 20px;
  font-weight: 700;
}
.getting-started .getting-started-body {
  padding: 10px 10px;
}
.getting-started .getting-started-body .more-todos {
  margin-top: 30px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.getting-started .getting-started-body .todos .todo-header {
  font-size: 18px;
  font-weight: 700;
}
.getting-started .getting-started-body .todos .todo-item {
  font-family: Lato, sans-serif;
  font-size: 15px;
}
.getting-started .getting-started-body .todos .todo-item .todo-item-label {
  font-weight: 400;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.getting-started .getting-started-body .todos .todo-item .todo-item-actions {
  font-weight: 300;
}
.getting-started .getting-started-body .todos .todo-item:not(:last-of-type) {
  margin-bottom: 20px;
}
.cta-btn {
  font-size: 16px;
  border-radius: 50px;
  padding: 10px 15px;
  background-color: #D81B60;
  color: white !important;
  border: 0;
  display: inline-block;
}
.cta-btn-green {
  background-color: #2E7D32;
}
.cta-btn:hover {
  text-decoration: none;
}
#page-orgs {
  margin-top: 60px;
}
#page-orgs h2 {
  font-weight: 300;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  margin: 0 0 5px 0;
}
#page-orgs .help-block {
  margin: 0 0 20px 0;
}
#page-orgs .header {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
#page-orgs .header .site-header-brand {
  font-family: Reenie Beanie, cursive;
  text-decoration: none;
  font-size: 34px;
  color: #000;
  margin-right: 15px;
  line-height: 1;
}
#page-orgs .header .text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.url-input {
  display: flex;
  align-items: center;
  padding: 7px 0 7px 7px;
  height: 35px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.url-input .prefix {
  color: #0277BD;
  font-size: 15px;
  line-height: 1.42857143;
}
.url-input input {
  padding: 0;
  border: none;
  box-shadow: none;
  height: 21px;
}
.url-input input:focus {
  border: none;
  box-shadow: none;
}
#page-onboarding {
  margin-top: 50px;
}
#page-onboarding .header {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
#page-onboarding .header .site-header-brand {
  font-family: Reenie Beanie, cursive;
  text-decoration: none;
  font-size: 34px;
  color: #000;
  margin-right: 15px;
  line-height: 1;
}
#page-onboarding .header .text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
#page-onboarding .onboard-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F5F5;
  padding: 20px;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 0 5px 2px #E0E0E0;
  font-weight: 300;
  font-size: 20px;
  font-family: Lato, sans-serif;
}
#page-onboarding .onboard-progress {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F5F5;
  padding: 20px;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 0 5px 2px #E0E0E0;
}
#page-onboarding .onboard-progress .onboard-progress-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #707070;
}
#page-onboarding .onboard-progress .onboard-progress-item div {
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
#page-onboarding .onboard-progress .onboard-progress-item div.current {
  color: #2E7D32;
}
#page-onboarding .onboard-progress .onboard-progress-item .item-icon {
  color: #BDBDBD;
  margin-bottom: 10px;
}
#page-onboarding .onboard-progress .onboard-progress-item .item-icon-complete {
  color: #2E7D32;
}
#page-onboarding .onboard-progress .connector {
  height: 1px;
  background-color: #E0E0E0;
  width: 200px;
  margin: 0 20px;
}
#page-onboarding .onboard-progress .connector-complete {
  background-color: #2E7D32;
}
#page-onboarding .org-setup-pane {
  background-color: #fff;
  box-shadow: 0 2px 5px 2px #E0E0E0;
  padding: 40px 20px;
}
#page-onboarding .team-invite-pane {
  background-color: #fff;
  box-shadow: 0 2px 5px 2px #E0E0E0;
  padding: 40px 20px;
}
#page-onboarding .team-invite-pane .actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#page-onboarding .team-invite-pane .actions a.skip-for-now {
  color: #767676;
}
#page-onboarding h3 {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #424242;
  margin: 0 0 30px 0;
}
.news-block {
  margin-bottom: 75px;
}
.news-block .news-hover {
  background-color: #E3F2FD;
  cursor: pointer;
}
.news-block .text-level-1 {
  color: #000;
  font-family: 'Crimson Text', serif;
  line-height: 1.5;
}
.news-block .text-level-1-alt {
  color: #000;
  font-family: 'Lato', serif;
  font-size: 14px;
  line-height: 1.5;
}
.news-block .text-level-2 {
  color: #666666;
  font-size: 14px;
  line-height: 1.5;
}
.news-block .buttons {
  display: flex;
}
.news-block .buttons div.action-button {
  padding: 0 10px;
  display: flex;
  align-items: center;
  border-left: 2px solid #eee;
}
.news-block .buttons div.action-button:hover {
  background-color: #E3F2FD;
  cursor: pointer;
}
.news-block .buttons .fa-circle {
  color: #42A5F5;
  font-size: 0.7em;
}
.news-block .buttons .fa-circle-notch {
  color: #1976D2;
  font-size: 0.7em;
}
.news-block .buttons .fa-external-link-square {
  color: #999;
  font-size: 1.2em;
}
.news-block .top-area .content-area {
  margin-bottom: 20px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 0 15px 0 15px;
}
.news-block .top-area .content-area div.action-button {
  border-color: #f5f5f5;
}
.news-block .top-area .content-area div.action-button .fa-circle,
.news-block .top-area .content-area div.action-button .fa-circle-notch {
  font-size: 0.9em;
}
.news-block .top-area .content-area .content {
  flex-grow: 2;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 40px;
  position: relative;
  min-height: 50px;
}
.news-block .top-area .content-area .content .main-author {
  position: absolute;
  top: -15px;
  left: -15px;
}
.news-block .top-area .content-area .content .main-icon {
  font-size: 1.45em;
  position: absolute;
  top: -20px;
  left: -15px;
  color: #999999;
}
.news-block .top-area .content-area .content:hover {
  background-color: #E3F2FD;
  cursor: pointer;
}
.news-block .news-actions {
  margin-left: 60px;
}
.news-block .news-actions .action {
  position: relative;
  background-color: #F5F5F5;
  margin-bottom: 20px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-radius: 0 0 0 15px;
}
.news-block .news-actions .action .display-text {
  flex-grow: 2;
  padding: 10px 20px;
  overflow: hidden;
}
.news-block .news-actions .action .display-text:hover {
  background-color: #E3F2FD;
  cursor: pointer;
}
.news-block .news-actions .action .author {
  position: absolute;
  top: -15px;
  left: -10px;
}
.news-block .more-actions {
  margin: 5px 0 30px 0;
  display: flex;
  justify-content: flex-end;
}
.news-block .more-actions .mark-as-read {
  background-color: #FFFDE7;
}
.base-box {
  margin-bottom: 50px;
  position: relative;
  box-shadow: 0 0 10px 2px #ddd;
}
.base-box .content-icon {
  position: relative;
  font-size: 22px;
  top: -2px;
  color: #767676;
  cursor: pointer;
}
.base-box .title {
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.base-box .title a {
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.base-box .ttr {
  font-size: 12px;
  color: #757575;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.base-box .summary {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin-bottom: 10px;
}
.base-box .reference {
  color: #757575;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: -0.04em;
}
.base-box .reference a {
  color: #1976D2;
}
.base-box .green-label {
  padding: 10px;
  margin: 0 0 10px 0;
  width: 75px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  background-color: #dff0d8;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.base-box .green-label span {
  font-weight: 300;
}
.base-box .time-left {
  color: #555;
  margin-top: 10px;
  background-color: #dff0d8;
}
.base-box .no-time-left {
  color: #555;
  background-color: #f2dede;
}
.base-box .comments .comment .offset {
  font-size: 14px;
}
.work-box {
  margin-bottom: 50px;
  position: relative;
  box-shadow: 0 0 10px 2px #ddd;
  background-color: #fff;
  padding: 50px;
}
.work-box .content-icon {
  position: relative;
  font-size: 22px;
  top: -2px;
  color: #767676;
  cursor: pointer;
}
.work-box .title {
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.work-box .title a {
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.work-box .ttr {
  font-size: 12px;
  color: #757575;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.work-box .summary {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin-bottom: 10px;
}
.work-box .reference {
  color: #757575;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: -0.04em;
}
.work-box .reference a {
  color: #1976D2;
}
.work-box .green-label {
  padding: 10px;
  margin: 0 0 10px 0;
  width: 75px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  background-color: #dff0d8;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.work-box .green-label span {
  font-weight: 300;
}
.work-box .time-left {
  color: #555;
  margin-top: 10px;
  background-color: #dff0d8;
}
.work-box .no-time-left {
  color: #555;
  background-color: #f2dede;
}
.work-box .comments .comment .offset {
  font-size: 14px;
}
.work-box .title-container {
  min-height: 40px;
  position: relative;
  padding-right: 30px;
  margin-bottom: 5px;
  border-bottom: 1px solid #efefef;
}
.work-box .title-container .vote-box {
  top: 0;
}
.work-box .continue-reading {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-align: right;
}
.work-box .summary {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 20px;
}
.wordplay-box {
  margin-bottom: 50px;
  position: relative;
  box-shadow: 0 0 10px 2px #ddd;
  background-color: #fff;
  padding: 20px;
}
.wordplay-box .content-icon {
  position: relative;
  font-size: 22px;
  top: -2px;
  color: #767676;
  cursor: pointer;
}
.wordplay-box .title {
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.wordplay-box .title a {
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.wordplay-box .ttr {
  font-size: 12px;
  color: #757575;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.wordplay-box .summary {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin-bottom: 10px;
}
.wordplay-box .reference {
  color: #757575;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: -0.04em;
}
.wordplay-box .reference a {
  color: #1976D2;
}
.wordplay-box .green-label {
  padding: 10px;
  margin: 0 0 10px 0;
  width: 75px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  background-color: #dff0d8;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.wordplay-box .green-label span {
  font-weight: 300;
}
.wordplay-box .time-left {
  color: #555;
  margin-top: 10px;
  background-color: #dff0d8;
}
.wordplay-box .no-time-left {
  color: #555;
  background-color: #f2dede;
}
.wordplay-box .comments .comment .offset {
  font-size: 14px;
}
.wordplay-box .authors {
  margin-top: 10px;
}
.wordplay-box .authors .author {
  float: left;
  margin-left: 20px;
}
.wordplay-box .authors :first-child.author {
  margin-left: 0 !important;
}
.wordplay-box .authors :nth-child(odd).author-lit-true .name {
  color: #1565C0;
}
.wordplay-box .authors :nth-child(even).author-lit-true .name {
  color: #8e44ad;
}
.wordplay-box .cards {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
}
.wordplay-box .cards .card-text {
  margin-bottom: 10px;
  position: relative;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 20px;
  margin-bottom: 30px;
}
.wordplay-box .cards .card-text blockquote {
  padding: 5px 5px;
}
.wordplay-box .cards .card-text blockquote p {
  margin: 0;
}
.wordplay-box .cards .card-text br {
  line-height: 1;
}
.wordplay-box .cards .card-text p {
  margin-bottom: 0;
}
.wordplay-box .cards :last-child.card-text {
  margin-bottom: 5px;
}
.wordplay-box .cards :nth-child(odd).card-lit-true {
  color: #1565C0;
}
.wordplay-box .cards :nth-child(even).card-lit-true {
  color: #8e44ad;
}
.wordplay-box .cards .next-author {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  color: #328736;
}
.wordplay-box .see-turns:hover {
  cursor: pointer;
  background-color: #8e44ad;
  color: #fff;
}
.wordplay-box .abandon-wordplay-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.community-home-news-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  margin-bottom: 10px;
}
.compact-news .news-block .news-actions {
  margin-left: 10px;
}
.community-home-discussions .discussions-table tr.full-post td .post-box,
.class-home-discussions .discussions-table tr.full-post td .post-box {
  margin: 20px -10px;
}
.community-home-discussions .post-box:last-of-type,
.class-home-discussions .post-box:last-of-type {
  margin-bottom: 15px;
}
.community-home-discussions .post-box .post-header,
.class-home-discussions .post-box .post-header {
  font-size: 26px;
}
.discussions-table tbody > tr > th,
.discussions-table tbody > tr > td {
  border-top: 1px solid #eee !important;
}
.discussions-table thead > tr > th {
  border-bottom: 2px solid #eee !important;
}
.discussions-table thead {
  color: #767676;
  font-variant: small-caps;
}
.discussions-table tr.full-post td {
  background-color: #e9eaed;
}
.discussions-table tr.full-post td .post-box {
  box-shadow: 0 0 10px 2px #aaa;
  margin: 35px -20px;
}
.discussions-table .discussion-row {
  background-color: #fff;
}
.discussions-table .discussion-row td {
  vertical-align: middle;
}
.discussions-table .discussion-row .discussion-participants {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 200px;
}
.discussions-table .discussion-row .discussion-participants .author {
  margin: 0 5px 5px 0;
}
.discussions-table .discussion-row .category-badge {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  display: inline-block;
  line-height: 1;
}
.discussions-table .discussion-row .category-badge-announcement {
  background-color: #5D4037;
}
.discussions-table .discussion-row .category-badge-discussion {
  background-color: #00B355;
}
.discussions-table .discussion-row .category-badge-cfs {
  background-color: #800080;
}
.discussions-table .discussion-row .category-badge-book {
  background-color: #258af1;
}
.discussions-table .discussion-row .category-label {
  font-size: 12px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.discussions-table .discussion-row a.discussion-title {
  font-size: 16px;
  font-family: Roboto, sans-serif;
  color: #333;
}
.discussions-table .discussion-row .discussion-text {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  margin-top: 5px;
}
.discussions-table .discussion-row .discussion-book {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.discussions-table .discussion-row .discussion-book img.book-image {
  max-height: 60px;
  flex: none;
  margin-right: 10px;
}
.discussions-table .discussion-row .activeOn {
  color: #767676;
}
.challenge-table {
  background-color: #ffffff;
  padding: 20px;
}
.challenge-table thead {
  color: #767676;
  font-variant: small-caps;
}
.challenge-table .challenge-row a.challenge-author {
  color: #767676;
}
.challenge-table .challenge-row a.challenge-title {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
.challenge-table .challenge-row .challenge-summary {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #767676;
  margin-bottom: 10px;
  word-break: break-word;
}
.challenge-table .challenge-row .challenge-summary img {
  max-width: 100px;
}
.challenge-table .challenge-row .challenge-participants {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.challenge-table .challenge-row .challenge-participants .author {
  margin: 5px;
}
.challenge-table .challenge-row .challenge-odes {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.challenge-table .challenge-row .challenge-odes .challenge-ode {
  margin-bottom: 10px;
}
.challenge-table .challenge-row .challenge-odes .challenge-ode a {
  color: #666;
}
.challenge-box {
  margin-bottom: 50px;
  position: relative;
  box-shadow: 0 0 10px 2px #ddd;
  margin-bottom: 100px;
  background-color: #fff;
  border-radius: 15px 15px 0 0;
}
.challenge-box .content-icon {
  position: relative;
  font-size: 22px;
  top: -2px;
  color: #767676;
  cursor: pointer;
}
.challenge-box .title {
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.challenge-box .title a {
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.challenge-box .ttr {
  font-size: 12px;
  color: #757575;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.challenge-box .summary {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin-bottom: 10px;
}
.challenge-box .reference {
  color: #757575;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: -0.04em;
}
.challenge-box .reference a {
  color: #1976D2;
}
.challenge-box .green-label {
  padding: 10px;
  margin: 0 0 10px 0;
  width: 75px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  background-color: #dff0d8;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.challenge-box .green-label span {
  font-weight: 300;
}
.challenge-box .time-left {
  color: #555;
  margin-top: 10px;
  background-color: #dff0d8;
}
.challenge-box .no-time-left {
  color: #555;
  background-color: #f2dede;
}
.challenge-box .comments .comment .offset {
  font-size: 14px;
}
.challenge-box .sticky-message {
  padding: 15px;
  background-color: #E3F2FD;
}
.challenge-box .title {
  font-size: 16px;
  line-height: 1;
  font-family: Lato, sans-serif;
  color: #222;
  word-break: break-all;
}
.challenge-box .title a {
  color: #222;
  font-size: 16px;
  line-height: 1;
  font-family: Lato, sans-serif;
}
.challenge-box .vote-box {
  top: 15px;
  right: 20px;
}
.challenge-box .challenge-main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.challenge-box .challenge-main .options-text {
  color: #1565C0;
  font-size: 16px;
}
.challenge-box .challenge-main .options-text a {
  color: #1565C0;
  text-decoration: underline;
}
.challenge-box .challenge-main .challenge-main-left {
  padding: 20px;
  min-width: 250px;
  max-width: 250px;
  border-right: 1px solid #f4f5f6;
  background-color: #fff;
}
.challenge-box .challenge-main .challenge-main-right {
  flex-grow: 2;
  background-color: #f4f5f6;
  margin: 0;
}
.challenge-box .owner-actions .icon-delete {
  position: absolute;
  right: 0;
  top: 5px;
  cursor: pointer;
  color: #666;
}
.challenge-box .owner-actions .icon-edit {
  position: absolute;
  right: 15px;
  top: 5px;
  cursor: pointer;
  color: #666;
}
.challenge-box .challenge-details {
  padding: 20px;
  font-size: 18px;
}
.challenge-box .challenge-details .author,
.challenge-box .challenge-details .summary {
  margin-top: 10px;
}
.challenge-box .challenge-details .author .name {
  color: #1565C0;
}
.challenge-box .challenge-details .reference {
  color: #707070;
}
.challenge-box .challenge-details .reference a {
  color: #1565C0;
}
.challenge-box .challenge-details .challenge-media {
  margin-bottom: 20px;
}
.challenge-box .challenge-details .challenge-media img {
  max-width: 100%;
  max-height: 400px;
  height: auto;
}
.challenge-box .challenge-responses .challenge-responses-head {
  margin-bottom: 10px;
}
.challenge-box .challenge-responses .challenge-responses-head .btn-respond {
  float: left;
}
.challenge-box .challenge-responses .challenge-responses-head .response-count {
  color: #666;
  font-size: 20px;
  font-family: Roboto;
  float: left;
  border-bottom: 1px solid #aaa;
}
.challenge-box .challenge-responses .response {
  margin-bottom: 25px;
  margin-left: -1.5em;
}
.challenge-box .challenge-responses .response .response-rank {
  font-size: 13px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  color: #767676;
  padding-left: 1.5em;
}
.challenge-box .challenge-responses .response .response-title {
  font-size: 16px;
  color: #666;
}
.challenge-box .challenge-responses .response .author {
  font-weight: 300;
}
.challenge-box .challenge-responses .response a.response-version {
  font-weight: 400;
  font-size: 13px;
}
.challenge-box .challenge-responses .response a.critique-link {
  font-weight: 400;
  font-size: 13px;
  color: #666;
}
.challenge-box-narrow .title a {
  font-size: 16px;
}
.challenge-box-narrow .challenge-main {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.challenge-box-narrow .challenge-main .challenge-main-left {
  border-right: none;
}
.posts .book-title,
.discussion-row .book-title {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 24px;
}
.posts .book-author,
.discussion-row .book-author {
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
.posts img.book-image,
.discussion-row img.book-image {
  max-height: 120px;
  flex: none;
}
.posts img.author-image,
.discussion-row img.author-image {
  max-height: 120px;
  flex: none;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.posts img.author-image:hover,
.discussion-row img.author-image:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.posts .share-book,
.discussion-row .share-book {
  background-color: #fff;
  padding: 10px;
}
.posts .share-book .share-book-header,
.discussion-row .share-book .share-book-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.posts .share-book .selected-book .selected-book-outer,
.discussion-row .share-book .selected-book .selected-book-outer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.posts .share-book .selected-book .selected-book-rhs,
.discussion-row .share-book .selected-book .selected-book-rhs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
  margin-left: 10px;
}
.posts .share-book .selected-book .selected-book-rhs .selected-book-actions,
.discussion-row .share-book .selected-book .selected-book-rhs .selected-book-actions {
  margin-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.posts .post-book .post-book-d1,
.discussion-row .post-book .post-book-d1 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.posts .post-book .post-book-d1 .post-book-d2,
.discussion-row .post-book .post-book-d1 .post-book-d2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.posts .post-book .post-book-d1 .offset,
.discussion-row .post-book .post-book-d1 .offset {
  margin-left: 20px;
}
.posts .share-submission,
.discussion-row .share-submission {
  background-color: #fff;
}
.posts .share-submission .call-for-submission-entry,
.discussion-row .share-submission .call-for-submission-entry {
  padding: 10px;
}
.posts .share-submission .call-for-submission-entry .call-for-submission-entry-header,
.discussion-row .share-submission .call-for-submission-entry .call-for-submission-entry-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.posts .share-submission .call-for-submission-entry .call-for-submission-entry-details,
.discussion-row .share-submission .call-for-submission-entry .call-for-submission-entry-details {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.posts .share-submission .call-for-submission-entry .call-for-submission-entry-footer,
.discussion-row .share-submission .call-for-submission-entry .call-for-submission-entry-footer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10px;
}
.posts .call-for-submission,
.discussion-row .call-for-submission {
  font-family: Roboto, sans-serif;
}
.posts .call-for-submission .submittable-header,
.discussion-row .call-for-submission .submittable-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.posts .call-for-submission .call-for-submission-inner,
.discussion-row .call-for-submission .call-for-submission-inner {
  padding: 20px;
  background-color: #E3F2FD;
}
.posts .call-for-submission .call-for-submission-inner .publisher-name,
.discussion-row .call-for-submission .call-for-submission-inner .publisher-name {
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 10px;
}
.posts .call-for-submission .call-for-submission-inner .publisher-name a,
.discussion-row .call-for-submission .call-for-submission-inner .publisher-name a {
  color: #666;
}
.posts .call-for-submission .call-for-submission-inner .selected-submission-header,
.discussion-row .call-for-submission .call-for-submission-inner .selected-submission-header {
  padding: 5px;
}
.posts .call-for-submission .call-for-submission-inner .submittable,
.discussion-row .call-for-submission .call-for-submission-inner .submittable {
  padding: 20px;
  margin: 20px 0;
  border-top: 1px solid #ddd;
}
.posts .call-for-submission .call-for-submission-inner .submittable .submittable-descr,
.discussion-row .call-for-submission .call-for-submission-inner .submittable .submittable-descr {
  font-size: 14px;
}
.posts .call-for-submission .call-for-submission-inner .submittable .submittable-details,
.discussion-row .call-for-submission .call-for-submission-inner .submittable .submittable-details {
  -webkit-transition: 1s linear all;
  transition: 1s linear all;
}
.posts .call-for-submission .call-for-submission-inner .submittable .submittable-title,
.discussion-row .call-for-submission .call-for-submission-inner .submittable .submittable-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.posts .new-post,
.discussion-row .new-post {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  color: #666;
  margin-bottom: 50px;
}
.posts .new-post .froala-new-post-placeholder,
.discussion-row .new-post .froala-new-post-placeholder {
  background-color: #fff;
  padding: 16px;
  color: #5e7b88;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.posts .actions,
.discussion-row .actions {
  margin-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.posts .actions .sticky,
.discussion-row .actions .sticky {
  color: #767676;
}
.posts .actions .stickyEnabled,
.discussion-row .actions .stickyEnabled {
  color: #333;
}
.posts .actions button,
.discussion-row .actions button {
  margin-left: 10px;
}
.white-alert {
  background-color: #fff;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  color: #757575;
  font-family: Roboto, sans-serif;
  max-width: 850px;
}
.white-alert .fa-info-circle {
  margin-right: 20px;
}
.white-alert .sub-message {
  margin-top: 20px;
  font-size: 13px;
}
.white-alert .message-title {
  font-weight: 700;
  font-size: 16px;
}
.tiny-alert {
  padding: 10px;
  display: flex;
  align-items: center;
  color: #757575;
  font-family: Roboto, sans-serif;
  max-width: 850px;
}
.tiny-alert .fa-info-circle {
  margin-right: 10px;
}
.tiny-alert .message {
  font-size: 13px;
}
.tiny-alert-light-gray {
  background-color: #F5F5F5;
}
.tiny-alert-button:hover {
  background-color: #1976D2;
  color: #fff;
  cursor: pointer;
}
.post-box {
  margin-bottom: 50px;
  position: relative;
  box-shadow: 0 0 10px 2px #ddd;
  color: #666;
  background-color: #f4f5f6;
  font-size: 16px;
  line-height: 1.5;
}
.post-box .content-icon {
  position: relative;
  font-size: 22px;
  top: -2px;
  color: #767676;
  cursor: pointer;
}
.post-box .title {
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.post-box .title a {
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
}
.post-box .ttr {
  font-size: 12px;
  color: #757575;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.post-box .summary {
  font-size: 16px;
  color: #666;
  line-height: 24px;
  margin-bottom: 10px;
}
.post-box .reference {
  color: #757575;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 10px;
  letter-spacing: -0.04em;
}
.post-box .reference a {
  color: #1976D2;
}
.post-box .green-label {
  padding: 10px;
  margin: 0 0 10px 0;
  width: 75px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  background-color: #dff0d8;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.post-box .green-label span {
  font-weight: 300;
}
.post-box .time-left {
  color: #555;
  margin-top: 10px;
  background-color: #dff0d8;
}
.post-box .no-time-left {
  color: #555;
  background-color: #f2dede;
}
.post-box .comments .comment .offset {
  font-size: 14px;
}
.post-box .post-header {
  font-size: 32px;
}
.post-box .original-post {
  background-color: #fff;
  padding: 10px 10px;
}
.post-box .original-post .icon-delete {
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
  color: #666;
}
.post-box .original-post .icon-edit {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
  color: #666;
}
.post-box .stickyPost {
  background-color: #FFFDE7;
}
.post-box .stickyPost .weblink {
  background-color: #fff;
}
.post-box .comments .add-comment-input {
  margin-top: 10px;
}
.post-box .post-date {
  font-size: 14px;
  color: #707070;
  margin: 5px 0;
}
.post-box .post-text a {
  overflow-wrap: break-word;
}
#org-communities .communities {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#org-communities .community-box-wrapper {
  box-sizing: border-box;
  margin-bottom: 100px;
  width: calc(30%);
}
#org-communities .community-box-wrapper-min-width-50 {
  min-width: calc(47.5%);
}
#org-communities .community-box-wrapper {
  background-color: #EEEEEE;
  box-shadow: 0 0 10px 2px #ddd;
  border-radius: 15px 15px 0 0;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#org-communities .community-box-wrapper .community-title {
  padding: 10px 20px 0 20px;
}
#org-communities .community-box-wrapper .community-title a.title-link {
  font-weight: 700;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  color: #4E342E;
}
#org-communities .community-box-wrapper .member-names {
  padding: 0 20px;
  margin-bottom: 10px;
  color: #81655b;
  font-size: 13px;
}
#org-communities .community-box-wrapper .member-images-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-image: url("/public/images/patterns/ignasi_pattern_s.png");
  background-position: right;
  height: 80px;
  margin-bottom: 30px;
}
#org-communities .community-box-wrapper .member-images {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  align-self: center;
}
#org-communities .community-box-wrapper .member-images .img-container {
  width: 40px;
  margin: 0 2px;
  align-self: center;
}
#org-communities .community-box-wrapper .member-images .img-container img {
  -webkit-filter: grayscale(75%);
  filter: grayscale(75%);
  opacity: 0.8;
  width: 40px;
  border-radius: 50%;
}
#org-communities .community-box-wrapper .member-images .img-container-larger {
  width: 50px;
  margin: 0 5px;
}
#org-communities .community-box-wrapper .member-images .img-container-larger img {
  width: 50px;
}
#org-communities .community-box-wrapper .recent-news {
  padding: 0 20px;
}
#org-communities .community-box-wrapper .recent-news .news-block {
  margin-bottom: 20px;
}
#org-communities .community-box-wrapper .actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  align-items: baseline;
  margin: 20px 0 0 0;
  padding: 10px;
  background-color: #fff;
}
#org-communities .community-box-wrapper .actions a {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
}
#org-communities .community-box-wrapper .actions a .fa-stack {
  margin-right: 10px;
  color: #707070;
}
@media (max-width: 1500px) {
  #org-communities .community-box-wrapper {
    width: calc(47.5%);
  }
}
@media (max-width: 992px) {
  #org-communities .community-box-wrapper {
    width: calc(47.5%);
  }
}
@media (max-width: 768px) {
  #org-communities .community-box-wrapper {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #org-communities .community-box-wrapper {
    width: 100%;
  }
}
.class-tag {
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  padding: 3px 6px;
  background-color: #EFEBE9;
  color: #666666;
  border-radius: 3px 3px 3px 3px;
}
#org-classes,
#org-communities {
  margin-bottom: 100px;
}
#org-classes .selected-view-mode,
#org-communities .selected-view-mode {
  color: #333;
}
#org-classes .class-label,
#org-communities .class-label {
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  padding: 3px 6px;
  background-color: #EFEBE9;
  color: #666666;
  border-radius: 3px 3px 3px 3px;
}
#org-classes .table-classes,
#org-communities .table-classes {
  background-color: #ffffff;
  padding: 20px 10px;
}
#org-classes .table-classes .action-icon,
#org-communities .table-classes .action-icon {
  color: #707070;
}
#org-classes .settings-footer,
#org-communities .settings-footer {
  margin-top: 50px;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
#org-classes .settings-footer .settings-summary-text,
#org-communities .settings-footer .settings-summary-text {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  color: #666;
}
#org-classes .settings-footer a,
#org-communities .settings-footer a {
  font-family: Roboto, sans-serif;
  font-size: 13px;
  color: #1976D2;
}
#org-classes .tiled-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 50px -10px -10px -10px;
  padding: 10px;
  background-color: #fff;
}
#org-classes .actions-higher {
  margin-top: 10px;
}
#org-classes .tiled-classes {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#org-classes .tiled-actions a,
#org-classes .table-actions a {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
}
#org-classes .running-classes .image-head {
  background-color: #4CAF50;
}
#org-classes .running-classes .image-head div {
  opacity: 0.7;
}
#org-classes .archived-classes .community-class-box .content {
  padding: 20px;
}
#org-classes .archived-classes .community-class-box .actions {
  margin: 20px -20px -20px -20px;
  padding: 10px 20px;
}
#org-classes .scheduled-classes .image-head,
#org-classes .dormant-classes .image-head {
  background-color: #1976D2;
}
#org-classes .scheduled-classes .image-head div,
#org-classes .dormant-classes .image-head div {
  opacity: 0.7;
}
#org-classes .scheduled-classes .completion-donut .ct-series-a .ct-slice-donut,
#org-classes .dormant-classes .completion-donut .ct-series-a .ct-slice-donut {
  stroke: #2E7D32;
}
#org-classes .scheduled-classes .completion-donut .ct-series-b .ct-slice-donut,
#org-classes .dormant-classes .completion-donut .ct-series-b .ct-slice-donut {
  stroke: #eee;
}
#org-classes .scheduled-classes .completion-donut .ct-label,
#org-classes .dormant-classes .completion-donut .ct-label {
  font-size: 13px;
  color: #000000;
}
#org-classes .community-class-box-wrapper {
  box-sizing: border-box;
  margin-bottom: 50px;
  width: calc(30%);
}
#org-classes .community-class-box-wrapper-min-width-50 {
  min-width: calc(47.5%);
}
#org-classes .community-class-box {
  background-color: #f4f5f6;
  box-shadow: 0 0 10px 2px #ddd;
  border-radius: 15px 15px 0 0;
  position: relative;
}
#org-classes .community-class-box .title-head {
  position: relative;
  min-height: 80px;
  z-index: 1;
}
#org-classes .community-class-box .title-head .title-text {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  background-image: url("/public/images/texture_concrete_wall.png");
  padding: 24px;
}
#org-classes .community-class-box .image-head {
  position: relative;
  height: 80px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#org-classes .community-class-box .image-head .class-type-icon {
  position: absolute;
  top: 24px;
  left: 24px;
}
#org-classes .community-class-box .content {
  padding: 10px;
  color: #333;
}
#org-classes .community-class-box .content .title {
  margin-bottom: 20px;
  min-height: 45px;
}
#org-classes .community-class-box .content .title a.title-link,
#org-classes .community-class-box .content .title .title-text {
  color: #333;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 16px;
}
#org-classes .community-class-box .content .title .title-subtext {
  color: #666666;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 13px;
}
#org-classes .community-class-box .content .users {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#org-classes .community-class-box .content .users .teacher {
  width: 60px;
}
#org-classes .community-class-box .content .users .teacher .author img {
  max-height: 60px;
  max-width: 60px;
  min-height: 60px;
}
#org-classes .community-class-box .content .users .teacher .author:not(:last-child) {
  margin-bottom: 5px;
}
#org-classes .community-class-box .content .users .students {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  flex-grow: 1;
}
#org-classes .community-class-box .content .users .students .author {
  padding: 5px 5px 5px 0;
  height: 40px;
  width: 35px;
}
#org-classes .community-class-box .content .compact-display {
  padding: 0 10px;
  position: relative;
}
#org-classes .community-class-box .content .compact-display .quote {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  color: #ccc;
  font-family: 'Reenie Beanie';
  min-height: 40px;
}
#org-classes .community-class-box .content .compact-display .quote .handwriting {
  font-size: 24px;
}
#org-classes .community-class-box .content .compact-display .lesson-list {
  z-index: 1;
}
#org-classes .community-class-box .content .compact-display .lesson-list .lesson-info {
  font-family: Roboto, sans-serif;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#org-classes .community-class-box .content .compact-display .lesson-list .lesson-info .info-area {
  margin-left: 10px;
}
#org-classes .community-class-box .content .compact-display .lesson-list .lesson-info .info-area .lesson-duration {
  font-weight: 300;
  font-size: 12px;
}
#org-classes .community-class-box .content .compact-display .lesson-list .lesson-info .info-area .lesson-title {
  font-size: 16px;
  font-weight: 700;
}
#org-classes .community-class-box .content .compact-display .lesson-list .lesson-info .lesson-image {
  height: 50px;
  min-width: 50px;
}
#org-classes .community-class-box .content .compact-display .lesson-list .lesson-info .lesson-image img {
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  object-fit: cover;
  border-radius: 50%;
}
#org-classes .community-class-box .content .compact-display .teacher-with-info {
  z-index: 1;
}
#org-classes .community-class-box .content .compact-display .teacher-with-info .author {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
#org-classes .community-class-box .content .compact-display .teacher-with-info .author .teacher-image {
  height: 120px;
  min-width: 120px;
}
#org-classes .community-class-box .content .compact-display .teacher-with-info .author .teacher-image img {
  max-height: 120px;
  max-width: 120px;
  min-height: 120px;
}
#org-classes .community-class-box .content .compact-display .teacher-with-info .author:not(:last-child) {
  margin-bottom: 5px;
}
#org-classes .community-class-box .content .compact-display .compact-info {
  font-size: 14px;
  z-index: 1;
}
#org-classes .community-class-box .content .compact-display .compact-info .info-text {
  background-color: rgba(255, 255, 255, 0.6);
  line-height: 1;
  font-family: Roboto, sans-serif;
  font-size: 13px;
}
#org-classes .community-class-box .content .expanded-display .enroll-action {
  padding: 10px 10px 40px 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#org-classes .community-class-box .content .expanded-display .teacher-with-info {
  padding: 0 10px;
}
#org-classes .community-class-box .content .expanded-display .teacher-with-info .author {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
#org-classes .community-class-box .content .expanded-display .teacher-with-info .author .teacher-image {
  height: 120px;
  min-width: 120px;
}
#org-classes .community-class-box .content .expanded-display .teacher-with-info .author .teacher-image img {
  max-height: 120px;
  max-width: 120px;
  min-height: 120px;
}
#org-classes .community-class-box .content .expanded-display .teacher-with-info .author .teacher-info {
  padding-left: 20px;
}
#org-classes .community-class-box .content .expanded-display .teacher-with-info .author .teacher-info .teacher-info-name {
  font-family: Roboto, sans-serif;
  font-size: 16px;
}
#org-classes .community-class-box .content .expanded-display .teacher-with-info .author .teacher-info .teacher-info-bio {
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
#org-classes .community-class-box .content .expanded-display .lesson-list {
  padding: 0 10px;
  margin-top: 40px;
}
#org-classes .community-class-box .content .expanded-display .lesson-list .lesson-info {
  font-family: Roboto, sans-serif;
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#org-classes .community-class-box .content .expanded-display .lesson-list .lesson-info .info-area .lesson-duration {
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 5px;
}
#org-classes .community-class-box .content .expanded-display .lesson-list .lesson-info .info-area .lesson-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
#org-classes .community-class-box .content .expanded-display .lesson-list .lesson-info .info-area .descr-text {
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
#org-classes .community-class-box .content .expanded-display .lesson-list .lesson-info .lesson-image {
  height: 150px;
  min-width: 150px;
}
#org-classes .community-class-box .content .expanded-display .lesson-list .lesson-info .lesson-image img {
  width: 150px;
  height: 150px;
  top: 0;
  right: 0;
  object-fit: cover;
  border-radius: 50%;
}
#org-classes .community-class-box .content .expanded-display .lesson-list :nth-child(odd).lesson-info {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
#org-classes .community-class-box .content .expanded-display .lesson-list :nth-child(odd).lesson-info .info-area {
  padding-right: 20px;
}
#org-classes .community-class-box .content .expanded-display .lesson-list :nth-child(even).lesson-info {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#org-classes .community-class-box .content .expanded-display .lesson-list :nth-child(even).lesson-info .info-area {
  padding-left: 20px;
}
#org-classes .community-class-box .content .completion-chart {
  min-width: 120px;
  min-height: 120px;
  position: relative;
  top: -10px;
  left: -10px;
}
#org-classes .community-class-box .content .completion-chart .chart-info-label {
  position: absolute;
  top: 38%;
  left: 38%;
  text-align: center;
  font-weight: 700;
  font-size: 10px;
  max-width: 50px;
  font-family: Roboto, sans-serif;
  color: #2E7D32;
}
@media (max-width: 1500px) {
  #org-classes .community-class-box-wrapper {
    width: calc(47.5%);
  }
}
@media (max-width: 992px) {
  #org-classes .community-class-box-wrapper {
    width: calc(30%);
  }
}
@media (max-width: 768px) {
  #org-classes .community-class-box-wrapper {
    width: calc(47.5%);
  }
}
@media (max-width: 480px) {
  #org-classes .community-class-box-wrapper {
    width: 100%;
  }
}
#space-bar {
  height: 45px;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1045;
}
#space-bar .noLeftPadding {
  padding-left: 0;
}
#space-bar #spacebar-community-title {
  position: relative;
  overflow: hidden;
}
#space-bar #spacebar-community-title img {
  height: 30px;
  position: absolute;
  top: 7px;
  width: 30px;
  left: 15px;
  border-radius: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#space-bar #spacebar-community-title img:hover {
  cursor: pointer;
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
#space-bar #spacebar-community-title .imageShiftRight {
  left: 50px;
}
#space-bar #spacebar-community-title .shiftRight {
  margin-left: 35px;
}
#space-bar #spacebar-community-title .small {
  font-size: 70%;
}
#space-bar #spacebar-community-title .title-text:hover {
  cursor: pointer;
}
#space-bar #spacebar-community-title:hover {
  cursor: default;
}
#space-bar .spacebar-authenticated-user {
  padding-bottom: 0;
  top: -4px;
}
#space-bar .spacebar-authenticated-user img {
  max-height: 24px;
  border-radius: 50%;
}
#space-bar .navbar {
  margin-bottom: 0;
}
#space-bar .class-permalink {
  color: #76DF9D;
  padding-right: 0;
}
#space-bar .class-permalink:hover {
  background-color: #333;
}
#space-bar .community-name {
  line-height: 1;
}
#space-bar .community-name img {
  max-height: 12px;
  position: relative;
  top: -2px;
}
#space-bar .spacebar-notifications {
  position: relative;
}
#space-bar .spacebar-notifications .unread-count {
  position: absolute;
  right: 22px;
  top: 4px;
  background-color: #42A5F5;
  color: #000;
  font-size: 12px;
  font-family: Roboto, sans-serif;
}
#space-bar .spacebar-notifications-red {
  color: #FB404B;
}
#space-bar .class-progress-bar {
  margin: 0;
  padding: 0;
  height: 5px;
  border: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(66, 66, 66, 0.2);
}
#space-bar .class-progress-bar .progress-bar-success {
  background-color: #43A047;
}
#space-bar .spacebar-news-box .detail-text {
  display: none;
  visibility: hidden;
}
#space-bar .spacebar-news-box:hover {
  background-color: #f4f5f6;
  cursor: inherit;
}
#space-bar .new-news:hover {
  background-color: #FFFDE7;
}
#space-bar .spacebar-news-box.ng-enter {
  transition: 0.25s linear all;
  opacity: 0;
}
#space-bar .spacebar-news-box.ng-enter.ng-enter-active {
  opacity: 1;
}
#space-bar .spacebar-news-box.ng-leave {
  transition: 0.5s linear all;
  opacity: 1;
}
#space-bar .spacebar-news-box.ng-leave.ng-leave-active {
  opacity: 0;
}
#space-bar #spacebar-org-upgrade {
  color: #64B5F6;
  font-family: 'Crimson Text', serif;
  font-style: italic;
  font-size: 15px;
}
#space-bar .spacebar-org-upgrade-no-hover:hover {
  background-color: inherit;
}
.customize-community h5 {
  margin-top: 0;
}
.customize-community .graphic-assets .asset-listing {
  list-style-type: none;
}
.customize-community .graphic-assets .preview {
  max-height: 30px;
  max-width: 30px;
  margin: 10px 10px 2px 10px;
}
.customize-community .graphic-assets .preview-area {
  width: 40px;
}
.customize-community .graphic-assets .delete {
  margin-left: 10px;
  color: darkred;
}
.customize-community .graphic-assets .btn-file {
  position: relative;
  overflow: hidden;
}
.customize-community .graphic-assets .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.customize-community .graphic-assets input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
.version-notification .notification-type {
  font-weight: 300;
  border-bottom: 1px solid #fbba00;
  padding: 10px 0;
  left: 0 !important;
  min-height: auto !important;
  font-family: Roboto;
  border-top: 1px solid #fbba00;
  margin-bottom: 10px;
}
.community-archive .archive-classes {
  list-style-type: decimal;
}
.comment-hint {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.highlighter-selector-student {
  width: 200px !important;
}
#highlighter-selector {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 10px;
  width: 250px;
  z-index: 1020;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background-color: #fff;
}
#highlighter-selector .header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  color: #666;
  border-bottom: 1px solid #eee;
  margin: -10px -10px 10px -10px;
  padding: 10px;
  background-color: #f2f2f2;
}
#highlighter-selector .header .sample {
  background-color: #fff;
  padding: 3px;
  color: #000;
  font-size: 15px;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
}
#highlighter-selector .highlighter-list .highlighter-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
#highlighter-selector .highlighter-list .highlighter-item .highlighter {
  cursor: pointer;
  flex-grow: 1;
  height: 30px;
  margin: 5px;
  font-size: 12px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
  padding: 0 5px;
  border-left: 5px solid rgba(0, 0, 0, 0);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
#highlighter-selector .highlighter-list .highlighter-item .highlighter .icon-lock {
  color: #767676;
  padding-right: 3px;
  font-size: 12px;
}
#highlighter-selector .highlighter-list .highlighter-item .highlighter-line {
  font-family: 'Crimson Text', serif;
  font-size: 14px;
}
#highlighter-selector .highlighter-list .highlighter-item .highlighter:hover {
  border-left: 5px solid rgba(0, 0, 0, 0.3);
}
#highlighter-selector .highlighter-list .highlighter-item .action {
  cursor: pointer;
  display: block;
  margin-left: 10px;
  color: #767676;
}
#highlighter-selector .highlighter-editor .highlighter-types {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  font-family: Lato, sans-serif;
  margin-bottom: 5px;
  color: #666;
}
#highlighter-selector .highlighter-editor .highlighter-types .highlighter-type {
  display: flex;
  align-items: center;
}
#highlighter-selector .highlighter-editor .highlighter-types .highlighter-type i {
  margin-right: 2px;
  cursor: pointer;
}
#highlighter-selector .highlighter-editor .highlighter-types .highlighter-type:not(:last-child) {
  margin-right: 5px;
}
#highlighter-selector a.create-new {
  display: block;
  margin-top: 20px;
  padding: 0 10px;
  font-size: 13px;
  color: #666;
}
#annotate-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  z-index: 1020;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
#annotate-actions .btn {
  color: #1976D2;
  background-color: #fff;
  line-height: 1;
  padding: 15px 10px 10px 10px;
}
#annotate-actions .btn .btn-text {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  padding-top: 6px;
  font-size: 11px;
}
#annotate-actions .btn:hover {
  background-color: #fafafa;
}
#page-discussion {
  margin: 40px;
}
#page-profile .profile-header {
  position: relative;
  background: #eee;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #ccc));
  background: -ms-linear-gradient(bottom, #eee, #ccc);
  background: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);
  background: -o-linear-gradient(#ccc, #eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#eee', GradientType=0);
  background: url('/public/images/texture_concrete_wall.png');
}
#page-profile .profile-header .image-container {
  outline: none;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 150px;
  height: 150px;
}
#page-profile .profile-header .image-container img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 150px;
}
#page-profile .profile-header .bio {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 525px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  text-align: right;
  border-radius: 10px 0 0 0;
  color: #666;
  line-height: 1.5;
}
#page-profile .profile-header .name-contact {
  position: absolute;
  left: 180px;
  top: 10px;
}
#page-profile .profile-header .name-contact .urls {
  margin: 10px 0;
}
#page-profile .profile-header .name-contact .urls a {
  color: #333;
}
#page-profile .profile-header .name-contact .urls a:not(:last-of-type) {
  margin-right: 10px;
}
#page-profile .profile-header .name {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
#page-profile .profile-header .top-words {
  font-family: Reenie Beanie, cursive;
  color: #ccc;
  overflow-y: hidden;
  min-height: 190px;
  max-height: 400px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-content: space-evenly;
  -moz-align-content: space-evenly;
  -ms-align-content: space-evenly;
  align-content: space-evenly;
}
#page-profile .profile-header .top-words .top-word {
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  margin: 0 10px;
  line-height: 40px;
}
#page-profile .profile-header .top-words-tall {
  min-height: 250px;
}
#page-profile .profile-header .bio-wide {
  max-width: 900px;
}
#page-profile .profile-header .bio-super-wide {
  position: relative;
  max-width: none;
}
@media (max-width: 768px) {
  #page-profile .profile-header .name {
    font-size: 24px;
  }
  #page-profile .profile-header .bio {
    position: relative;
    max-width: inherit;
    border-radius: 0;
  }
}
#page-profile .section-header {
  background-color: #e9eaed;
  padding: 10px 10px 10px 0;
  margin: 20px 0;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 20px;
}
#page-profile .critique-written {
  margin-bottom: 50px;
}
#page-profile .critique-written a {
  color: #1565C0;
}
#page-profile .critique-written .source-title {
  font-size: 18px;
}
#page-profile .critique-written .source-author {
  font-weight: 300;
  font-size: 13px;
}
#page-profile .critique-written .missing-source {
  font-weight: 300;
  font-size: 13px;
}
.html-content {
  position: relative;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 20px;
  margin-bottom: 30px;
}
.html-content blockquote {
  padding: 5px 5px;
}
.html-content blockquote p {
  margin: 0;
}
.html-content br {
  line-height: 1;
}
.html-content p {
  margin-bottom: 0;
}
.inline-comment-btn .fa-stack {
  color: #FFBF00;
}
.inline-comment-btn a {
  color: #FFBF00;
}
.inline-comment-btn .fa-paperclip {
  color: #000;
}
.inline-comment-btn:hover {
  color: #333;
  cursor: pointer;
}
.inline-comment-btn:hover .fa-paperclip {
  color: #000;
}
#annotated-content {
  position: relative;
}
#annotated-content ::selection {
  background: #FAFAD2;
}
#annotated-content ::-moz-selection {
  background: #FAFAD2;
}
#annotated-content .tooltip-inner {
  max-width: 300px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  text-align: left;
  font-style: normal;
  font-size: 13px;
}
#annotated-content .annotation {
  font-size: 14px;
  font-family: Lato, sans-serif;
  margin: 10px 0 50px 0;
}
#annotated-content .annotation .comment .offset {
  color: #666;
}
.modal-create-challenge .fr-element p {
  margin: 0 0 10.5px;
}
.modal-update-profile h2 {
  margin: 0 0 10px 0;
  font-weight: 400;
  font-size: 20px;
}
#page-private-messages .private-messages-header {
  padding: 20px 15px;
}
#page-private-messages .messages-nav {
  border-top: 1px solid #CFD8DC;
  position: relative;
  background-color: #f4f5f6;
}
#page-private-messages .messages-nav .user-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-height: 50px;
  max-width: 50px;
  min-height: 50px;
  height: 50px;
  margin-right: 10px;
}
#page-private-messages .messages-nav .messages-nav-lhs {
  padding: 0;
  width: 250px;
  position: fixed;
  left: 0;
  top: 90px;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 10px;
  color: #555;
  font-size: 13px;
  background-color: #ECEFF1;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread .user-image {
  margin-right: 10px;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread .user-name {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread-selected {
  background-color: #CFD8DC;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread-selected .user-name {
  font-weight: 700;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread-new {
  background-color: #FFF9C4;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread:hover {
  background-color: #CFD8DC;
  opacity: 1;
  cursor: pointer;
}
#page-private-messages .messages-nav .messages-nav-lhs .message-thread:hover .user-name {
  font-weight: 700;
  color: #3f566b;
}
#page-private-messages .messages-nav .messages-nav-rhs {
  padding: 10px 20px;
  margin-left: 250px;
  border-left: 1px solid #CFD8DC;
}
#page-private-messages .messages-nav .messages-nav-rhs .thread-header {
  margin: 0 -20px 30px -10px;
  padding: 10px;
  background-color: #CFD8DC;
  font-weight: 300;
}
#page-private-messages .messages-nav .messages-nav-rhs .message {
  margin-bottom: 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info {
  width: 100%;
  padding: 5px 10px;
  background: #fff;
  border-radius: 5px 5px 0 0;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .sent-on {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #767676;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .actions {
  float: right;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .actions .edit-icon,
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .actions .delete-icon {
  line-height: 1;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .actions .edit-icon a,
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .actions .delete-icon a {
  color: #767676;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .actions .delete-icon:hover,
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-info .actions .edit-icon:hover {
  cursor: pointer;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-content {
  position: relative;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  background-color: #ffffff;
  padding: 20px 20px 10px 20px;
  border-radius: 0 0 20px 20px;
  border-top: 1px solid #eee;
}
#page-private-messages .messages-nav .messages-nav-rhs .message .message-inner .message-editor .actions {
  margin-top: 10px;
  text-align: right;
}
#page-private-messages .messages-nav .messages-nav-rhs .new-message {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
#page-work {
  position: relative;
  color: #111;
}
#page-work .push-title-down {
  position: relative;
  top: 80px;
}
#page-work sup {
  line-height: 1.2;
}
#page-work .actions-overview {
  position: fixed;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px 10px;
  border-bottom: 1px solid #ddd;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #757575;
  z-index: 1044;
}
#page-work .actions-overview .author {
  margin-right: 10px;
}
#page-work .actions-overview .spacer {
  margin-right: 10px;
}
#page-work .actions-overview .vote-box {
  top: 14px;
}
@media (min-width: 420px) {
  #page-work .actions-overview .vote-box {
    right: 138px;
  }
}
@media (max-width: 420px) {
  #page-work .actions-overview .vote-box {
    right: 20px;
  }
}
#page-work .actions-overview .btn-back-to-work {
  padding-right: 50px;
}
#page-work .actions-overview .upvotes {
  padding-right: 174px;
}
#page-work .actions-overview .btn-back-to-work,
#page-work .actions-overview .upvotes {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  text-align: right;
}
#page-work .actions-overview .owner-actions {
  margin-right: 10px;
}
#page-work .author {
  color: #767676;
  font-weight: 300;
}
#page-work .reference {
  color: #757575;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 20px;
  letter-spacing: -0.04em;
}
#page-work .reference a {
  color: #2D50A9;
}
#page-work .reference-small {
  font-size: 18px;
}
#page-work .content {
  position: relative;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 20px;
  margin-bottom: 30px;
  margin-top: 20px;
}
#page-work .content blockquote {
  padding: 5px 5px;
}
#page-work .content blockquote p {
  margin: 0;
}
#page-work .content br {
  line-height: 1;
}
#page-work .content p {
  margin-bottom: 0;
}
#page-work .content a[href*="ant:"] {
  color: inherit;
  border-bottom: 1px solid #F9A825;
}
#page-work .content a[href*="ant:"]:hover {
  text-decoration: none;
  color: #222;
  background-color: #FAFAD2;
  border-bottom: 1px solid #fff;
}
#page-work .content .page-container a[href*="ant:"] {
  border-bottom: 4px solid #F9A825;
}
#page-work .actions {
  margin-bottom: 20px;
  padding: 20px 0;
}
#page-work .work-meta {
  margin-top: 50px;
}
#page-work .work-meta .info-text {
  font-weight: 300;
  font-family: Lato, sans-serif;
  font-style: italic;
}
#page-work .work-meta .info-text p {
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #767676;
  line-height: 1.5;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
#page-work .critique {
  margin-bottom: 40px;
}
#page-work .critique .summary a {
  font-size: 16px;
  text-decoration: underline;
}
#page-work .critique .detail {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  color: #333;
  font-size: 18px;
  overflow: hidden;
}
#page-work .critique .author img {
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
}
#page-work .sub-content p {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.3;
  color: #666;
}
#page-work .sub-content p a {
  color: #666;
}
#page-work .sidebar {
  position: relative;
  background-color: #fff;
}
#page-work .sidebar .annotation {
  border-left: 1px #B3EFFF solid;
}
#page-work .sidebar .annotation .label-yellow {
  background-color: #FFBF00;
  color: #333;
  border-radius: 0 20px 20px 0;
}
#page-work .sidebar .annotation .quotedText {
  font-family: Roboto, sans-serif;
  border-color: #fff;
  padding-left: 10px;
  font-size: 13px;
}
#page-work .sidebar .annotation .comments {
  padding-left: 10px;
}
#page-work .sidebar .annotation .comments .comment .user-avatar {
  max-width: 30px;
  max-height: 30px;
}
#page-work .sidebar .annotation .comments .comment .offset {
  margin-right: 35px;
  left: 35px;
  min-height: 30px;
  font-size: 13px;
}
@media (max-width: 768px) {
  #page-work .title {
    font-size: 50px;
  }
  #page-work .content {
    font-size: 18px;
  }
}
.root-page {
  position: relative;
  padding: 0;
}
.navbar-offset {
  margin-top: 90px;
}
.navbar-offset-half {
  margin-top: 45px;
}
.dimmed li a {
  color: #666 !important;
}
#page-challenge {
  padding-top: 20px;
}
#page-news .news-header-container {
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
  position: sticky;
  top: 90px;
  background-color: #e9eaed;
  z-index: 1044;
}
#page-news .news-header-container .news-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: start;
  -moz-align-items: start;
  -ms-align-items: start;
  align-items: start;
}
#page-news .news-header-container .news-header .news-header-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
#page-news .news-header-container .news-header .news-header-actions .pair-button-left {
  border-radius: 8px 0 0 8px !important;
}
#page-news .news-header-container .news-header .news-header-actions .pair-button-right {
  border-radius: 0 8px 8px 0 !important;
}
#page-news .news-header-container .news-header .news-header-actions .unread-count {
  left: 5px;
  top: 0;
  background-color: #64B5F6;
  color: #000;
  font-size: 12px;
  font-family: Roboto, sans-serif;
}
#page-news .news-header-container .news-header .news-header-actions .unread-count-gray {
  background-color: #E0E0E0;
  color: #333;
}
#page-news .news-header-container .news-header .news-header-actions .mark-all-as-read-button {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
#page-news .news-header-container .news-header .news-header-actions .mark-all-as-read-button .fa-circle {
  color: #42A5F5;
  font-size: 1.1em;
}
#page-news .news-header-container .news-header .news-header-actions .mark-all-as-read-button:hover {
  cursor: pointer;
}
#page-wordplay {
  padding-top: 20px;
}
#page-community-admin .critique-distribution-info {
  margin-bottom: 20px;
  background-color: #eee;
  padding: 20px;
}
#page-community-admin .critique-distribution-info a {
  color: #1565C0;
}
#page-community-admin .critique-distribution table {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
}
#page-community-admin .critique-distribution table th {
  text-align: left;
}
#page-community-admin .critique-distribution table tr,
#page-community-admin .critique-distribution table col {
  transition: all .3s;
}
#page-community-admin .critique-distribution table tbody tr:hover {
  background-color: rgba(227, 242, 253, 0.6) !important;
}
#page-community-admin .critique-distribution table col.hover {
  background-color: #ede7f6 !important;
}
#page-community-admin .critique-distribution table,
#page-community-admin .critique-distribution th,
#page-community-admin .critique-distribution td {
  border: 1px solid #eee;
}
#page-community-admin .critique-distribution .critiques-spreadsheet {
  margin-bottom: 5px;
  width: 100%;
}
#page-community-admin .critique-distribution .critiques-spreadsheet .top-header {
  background-color: #ede7f6;
}
#page-community-admin .critique-distribution .critiques-spreadsheet .left-header {
  background-color: rgba(227, 242, 253, 0.6);
  text-align: left;
  min-width: 100px;
}
#page-community-admin .critique-distribution .critiques-spreadsheet .dud {
  background-color: rgba(250, 250, 250, 0.5);
}
#page-community-admin .critique-distribution .critiques-spreadsheet .user-critique-counts {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
}
#page-community-admin .critique-distribution .critiques-spreadsheet .user-critique-counts .count {
  min-width: 20px;
  text-align: center;
  cursor: pointer;
  padding: 1px 3px;
  border-radius: 7px;
  font-weight: 300;
}
#page-community-admin .critique-distribution .critiques-spreadsheet .user-critique-counts .completed {
  background-color: #C8E6C9;
}
#page-community-admin .critique-distribution .critiques-spreadsheet .user-critique-counts .pending {
  background-color: #FFF3E0;
}
#page-community-admin .activity-timeline {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding-left: 30px;
}
#page-community-admin .activity-timeline .activity-timeline-legend {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cohort-settings .delete-cohort-btn:hover {
  cursor: pointer;
  color: #2D50A9;
}
.cohort-settings .author {
  padding: 5px;
  border: 1px solid #F5F5F5;
  background-color: #fff;
  border-radius: 20%;
  margin: 5px 20px 5px 0;
  color: #333;
}
.cohort-settings .students-without-cohorts {
  padding: 15px 0;
}
.cohort-settings .students-without-cohorts .students-without-cohorts-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cohort-settings .students-without-cohorts .author {
  border: 1px solid #FFA726;
  background-color: #FFB74D;
}
.cohort-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cohort-list .cohort {
  box-shadow: 0 0 5px 2px #E0E0E0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 20px;
}
.cohort-list .cohort .author {
  padding: 5px;
  border: 1px solid #F5F5F5;
  background-color: #fff;
  border-radius: 20%;
  margin: 5px 20px 5px 0;
  color: #333;
}
.cohort-list .cohort .cohort-name {
  font-weight: 700;
  font-size: 16px;
  min-width: 90px;
  padding: 10px;
  background-color: #eee;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.cohort-list .cohort .cohort-students {
  border: 2px solid #F5F5F5;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
  background-color: #F5F5F5;
  min-height: 50px;
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.lvl-over {
  border: 2px dashed #558B2F !important;
  background-color: #AED581 !important;
}
.lvl-target {
  background-color: #AED581 !important;
  opacity: .5;
}
[draggable] {
  cursor: move;
}
.write-icon .fa-stack {
  cursor: pointer;
  position: relative;
  top: -2px;
}
.write-icon .fa-circle {
  opacity: 0.6;
  color: #f00;
}
.write-icon .fa-stack:hover .fa-circle {
  opacity: 0.8;
  color: #2D50A9;
}
.section-link {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  margin: 15px 0 50px 0;
}
.section-link .fa-chevron-right {
  color: #fff;
}
.section-link a.text,
.section-link span.text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100%;
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
  color: #696969;
  vertical-align: middle;
  background-color: #e9eaed;
  font-family: Lato, sans-serif;
}
.section-link a.text:hover {
  text-decoration: none;
  color: #2D50A9;
}
.section-link a.text:hover .fa-chevron-right {
  color: #2D50A9;
}
.section-link:before {
  position: absolute;
  top: 50%;
  display: block;
  content: "";
  width: 30%;
  height: 1px;
  background-color: #fff;
  margin-left: 35%;
}
.section-link-narrow:before {
  width: 60%;
  margin-left: 20%;
}
.section-link-large a.text {
  color: #666;
  font-weight: 400;
  font-size: 16px;
}
.section-header {
  position: relative;
  font-family: Roboto, sans-serif;
  padding-bottom: 5px;
  margin: 0 0 10px 0;
  font-size: 26px;
  font-weight: 700;
}
.section-header .title-border {
  border-bottom: 5px solid #fbba00;
  width: 50px;
  margin: 10px 0 5px 0;
}
.section-header .write-icon {
  float: right;
  font-size: 16px;
}
.section-header .info {
  font-weight: 300;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  font-style: italic;
  color: #666;
}
.section-header .info a {
  color: #1565C0;
}
.section-header button {
  float: right;
}
.section-header blockquote {
  font-family: 'Crimson Text', serif;
  font-size: 16px;
  color: #1976D2;
  border-color: #2d50a9;
  position: relative;
  top: -8px;
  left: 2px;
  padding: 30px 0 30px 20px;
  margin-bottom: 0;
  line-height: 1.5;
}
.tour-label {
  background-color: #424242;
  border-radius: 5px !important;
  cursor: pointer;
}
#page-group {
  margin-bottom: 50px;
}
#page-group .main-menu {
  position: relative;
  bottom: 10px;
  padding-bottom: 8px;
  font-family: 'Roboto', sans-serif;
  text-align: right;
  display: none;
}
#page-group .main-menu :first-child {
  margin-left: 0 !important;
}
#page-group .main-menu .item {
  margin-left: 20px;
  font-size: 18px;
  color: #666;
  cursor: pointer;
  padding-bottom: 5px;
}
#page-group .main-menu .item:hover {
  color: #2D50A9;
  text-decoration: none;
}
#page-group .main-menu .selected {
  color: #2D50A9;
  border-bottom: 1px solid #2D50A9;
  cursor: default;
  text-decoration: none;
}
#page-group .featured-ode {
  position: relative;
  box-shadow: 0 0 10px 2px #ddd;
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #FFF;
}
#page-group .featured-ode .title a {
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 2;
  font-weight: 700;
}
#page-group .featured-ode .summary {
  font-family: 'Crimson Text', serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
}
#page-group .featured-ode .refresh-featured-icon {
  color: #ccc;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
#page-group .featured-ode .refresh-featured-icon .fa-stack:hover .fa-circle {
  color: #64B5F6;
}
#page-group .featured-ode .featured-more {
  color: #ccc;
  position: absolute;
  top: 20px;
  cursor: pointer;
  right: 20px;
}
#page-group .featured-ode .featured-more .fa-stack:hover .fa-circle {
  color: #64B5F6;
}
#page-group .footer {
  background-color: #e9eaed;
}
#page-group .spinner {
  position: absolute;
  top: 20px;
  left: 10px;
  color: #666;
}
#page-group .header {
  background: #eee;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #ccc));
  background: -ms-linear-gradient(bottom, #eee, #ccc);
  background: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);
  background: -o-linear-gradient(#ccc, #eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#eee', GradientType=0);
  overflow: hidden;
  padding: 40px 25px;
  margin-bottom: 40px;
}
#page-group .header .group-header {
  position: absolute;
  font-family: 'Roboto';
  font-size: 30px;
  top: 20px;
}
#page-group .header .group-header .label {
  background-color: #2D50A9;
  font-weight: 300;
  color: #fff;
}
#page-group .header .group-header .btn-goto-class {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  padding: 8px 8px;
  line-height: 1;
}
#page-group .header .group-header .btn-goto-class img {
  vertical-align: bottom;
}
#page-group .header .quote {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  color: #fff;
  font-family: 'Reenie Beanie';
  min-height: 40px;
}
#page-group .header .quote .handwriting {
  font-size: 24px;
  margin: 0 -50px 0 0;
}
#page-group .header .quote .handwriting a {
  color: #FFF;
}
#page-group .header .quote .author {
  text-align: right;
}
#page-group .header .quote .author .name {
  color: #666;
  font-size: 20px;
}
#page-group .header .community-write-actions.ng-hide {
  opacity: 0;
}
#page-group .header .community-write-actions {
  -webkit-transition: all linear 0.75s;
  transition: all linear 0.75s;
  text-align: right;
  margin-bottom: 15px;
}
#page-group .header .community-write-actions button {
  margin-left: 15px;
}
#page-group .header .sub-menu {
  text-align: center;
  background-color: #dedfe4;
  font-family: Roboto, serif;
  margin: 0 -50px;
}
#page-group .header .sub-menu :first-child {
  margin-left: 0 !important;
}
#page-group .header .sub-menu .item {
  margin-left: 30px;
  font-size: 16px;
  line-height: 32px;
  cursor: pointer;
  color: #666;
  padding-top: 3px;
}
#page-group .header .sub-menu .item:hover {
  color: #2D50A9;
  text-decoration: none;
}
#page-group .header .sub-menu .selected {
  color: #2D50A9;
  cursor: default;
  border-top: 1px solid #2D50A9;
}
#page-group .drafts {
  margin-bottom: 20px;
}
#page-group .drafts .heading {
  font-size: 16px;
  font-family: Roboto;
  color: #666;
}
#page-group .drafts .draft {
  padding: 10px 10px;
  margin: 10px 0;
}
#page-group .empty-content-block h4 {
  margin-top: 50px;
}
#page-group .empty-content-block ul {
  line-height: 1.5;
  margin-bottom: 50px;
}
#page-group .load-more {
  margin-bottom: 10px;
  font-size: 14px;
  width: 100%;
  border: 1px solid #B8B8B8;
}
#page-group #community-open-challenges .challenge-writers {
  display: none;
}
#page-group #community-open-challenges .challenge-box .title a {
  font-size: 16px;
}
#page-group #community-open-challenges .challenge-box .challenge-main {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#page-group #community-open-challenges .challenge-box .challenge-main .challenge-main-left {
  border-right: none;
}
#page-group #community-open-challenges .challenge-box .title {
  padding-right: 60px;
}
#page-group .community-activity-section-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 480px) {
  #page-group #community-header {
    padding: 35px 20px 0 20px;
  }
  #page-group .community-activity-section-header .community-title {
    font-size: 18px;
  }
  #page-group .header .quote {
    display: none;
  }
  #page-group .featured-ode .refresh-featured-icon {
    top: 10px;
    right: 10px;
  }
  #page-group .featured-ode .featured-more {
    top: 10px;
    right: 60px;
  }
}
#page-class-self-guided .class-completion-message {
  margin: 140px 50px 50px 50px;
  padding: 50px;
  background-color: #2E7D32;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
#page-class-self-guided .class-completion-message p a {
  color: #fff;
}
#page-class-mentorship .mentorship-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 10px 0;
}
#page-class-mentorship .mentorship-bar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-height: 50px;
  max-width: 50px;
  min-height: 50px;
}
#page-class-mentorship .mentorship-bar img:not(:last-of-type) {
  margin-right: 5px;
}
#page-class-mentorship #page-content-wrapper {
  padding-top: 0 !important;
}
#page-class .critique-info-pane,
#page-work .critique-info-pane {
  margin-top: 50px;
}
#page-class .critique-info-pane .critique-info-title,
#page-work .critique-info-pane .critique-info-title {
  font-family: Roboto, sans-serif;
  color: #666;
  font-weight: 700;
  border-bottom: 1px solid #fbba00;
}
#page-class .critique-info-pane .critique-info,
#page-work .critique-info-pane .critique-info {
  margin-top: 10px;
}
.invite-students {
  margin-bottom: 100px;
}
.invite-students h3 {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 24px;
}
.invite-students .invited-students-table {
  background-color: #fefefe;
}
.invite-students .invited-students-table .action-icon:hover {
  cursor: pointer;
}
.invite-students .choose-new-teacher {
  margin-top: 15px;
  width: fit-content;
  border-color: #ccc;
  border-radius: 5px 5px 0 0;
}
.invite-students .choose-new-teacher .title {
  font-weight: 700;
  background-color: #ddd;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
}
.group-class-footer {
  display: flex;
  justify-content: space-around;
}
.group-class-footer a {
  font-size: 12px;
  color: #90A4AE;
}
.class-resource-page {
  background-color: #fff;
  padding: 20px;
}
#page-class,
#page-class-self-guided,
#page-class-mentorship {
  position: relative;
}
#page-class #home-help .help-group,
#page-class-self-guided #home-help .help-group,
#page-class-mentorship #home-help .help-group,
#page-class #home-instructor-help .help-group,
#page-class-self-guided #home-instructor-help .help-group,
#page-class-mentorship #home-instructor-help .help-group {
  margin: 0 0 20px 0;
}
#page-class #home-help .help-group .help-item,
#page-class-self-guided #home-help .help-group .help-item,
#page-class-mentorship #home-help .help-group .help-item,
#page-class #home-instructor-help .help-group .help-item,
#page-class-self-guided #home-instructor-help .help-group .help-item,
#page-class-mentorship #home-instructor-help .help-group .help-item {
  display: flex;
  align-items: center;
  color: #5e7a88;
  margin-bottom: 5px;
}
#page-class #home-help .help-group .help-item i,
#page-class-self-guided #home-help .help-group .help-item i,
#page-class-mentorship #home-help .help-group .help-item i,
#page-class #home-instructor-help .help-group .help-item i,
#page-class-self-guided #home-instructor-help .help-group .help-item i,
#page-class-mentorship #home-instructor-help .help-group .help-item i {
  margin-right: 10px;
}
#page-class #home-help .help-group .help-item a,
#page-class-self-guided #home-help .help-group .help-item a,
#page-class-mentorship #home-help .help-group .help-item a,
#page-class #home-instructor-help .help-group .help-item a,
#page-class-self-guided #home-instructor-help .help-group .help-item a,
#page-class-mentorship #home-instructor-help .help-group .help-item a {
  color: #5e7a88;
}
#page-class #home-help .help-group .help-item:hover,
#page-class-self-guided #home-help .help-group .help-item:hover,
#page-class-mentorship #home-help .help-group .help-item:hover,
#page-class #home-instructor-help .help-group .help-item:hover,
#page-class-self-guided #home-instructor-help .help-group .help-item:hover,
#page-class-mentorship #home-instructor-help .help-group .help-item:hover {
  color: #000;
}
#page-class #home-help .help-group .help-item:hover a,
#page-class-self-guided #home-help .help-group .help-item:hover a,
#page-class-mentorship #home-help .help-group .help-item:hover a,
#page-class #home-instructor-help .help-group .help-item:hover a,
#page-class-self-guided #home-instructor-help .help-group .help-item:hover a,
#page-class-mentorship #home-instructor-help .help-group .help-item:hover a {
  color: #000;
}
#page-class .more-deadlines,
#page-class-self-guided .more-deadlines,
#page-class-mentorship .more-deadlines {
  font-weight: 400;
  font-size: 16px;
  margin: 20px 5px;
  text-align: center;
}
#page-class #home-lessons-listing .add-new-lesson,
#page-class-self-guided #home-lessons-listing .add-new-lesson,
#page-class-mentorship #home-lessons-listing .add-new-lesson {
  position: absolute;
  right: 0;
  top: 5px;
}
#page-class #home-lessons-listing .add-new-lesson:hover,
#page-class-self-guided #home-lessons-listing .add-new-lesson:hover,
#page-class-mentorship #home-lessons-listing .add-new-lesson:hover {
  cursor: pointer;
  color: #2D50A9;
}
#page-class .schedule .class-resource,
#page-class-self-guided .schedule .class-resource,
#page-class-mentorship .schedule .class-resource {
  padding: 10px 0 10px 10px;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: start;
}
#page-class .schedule .class-resource .drag-icon,
#page-class-self-guided .schedule .class-resource .drag-icon,
#page-class-mentorship .schedule .class-resource .drag-icon {
  cursor: move;
  padding: 3px 10px 0 0;
  color: #999999;
}
#page-class .schedule .class-resource a,
#page-class-self-guided .schedule .class-resource a,
#page-class-mentorship .schedule .class-resource a {
  color: #666;
}
#page-class .schedule .class-resource .fa,
#page-class-self-guided .schedule .class-resource .fa,
#page-class-mentorship .schedule .class-resource .fa {
  padding-right: 10px;
}
#page-class .schedule .class-resource .private-label,
#page-class-self-guided .schedule .class-resource .private-label,
#page-class-mentorship .schedule .class-resource .private-label {
  font-size: 80%;
  color: #666;
  font-style: italic;
}
#page-class .schedule .class-resource .icons-bar-private,
#page-class-self-guided .schedule .class-resource .icons-bar-private,
#page-class-mentorship .schedule .class-resource .icons-bar-private {
  padding-left: 24px;
}
#page-class .schedule .lesson-title,
#page-class-self-guided .schedule .lesson-title,
#page-class-mentorship .schedule .lesson-title {
  border-left: 5px solid #ccc;
  padding-left: 10px;
}
#page-class .schedule .lesson-title a,
#page-class-self-guided .schedule .lesson-title a,
#page-class-mentorship .schedule .lesson-title a {
  color: #707070;
}
#page-class .schedule .open-lesson,
#page-class-self-guided .schedule .open-lesson,
#page-class-mentorship .schedule .open-lesson {
  border-left: 5px solid #43A047;
}
#page-class .schedule .open-lesson a,
#page-class-self-guided .schedule .open-lesson a,
#page-class-mentorship .schedule .open-lesson a {
  color: #2E7D32;
}
#page-class .schedule .edit-mode,
#page-class-self-guided .schedule .edit-mode,
#page-class-mentorship .schedule .edit-mode {
  border-left: none;
}
#page-class .schedule .message-thread,
#page-class-self-guided .schedule .message-thread,
#page-class-mentorship .schedule .message-thread {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 10px 3px;
  margin: 20px 0;
  color: #767676;
  font-size: 13px;
}
#page-class .schedule .message-thread .user-image,
#page-class-self-guided .schedule .message-thread .user-image,
#page-class-mentorship .schedule .message-thread .user-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-height: 50px;
  max-width: 50px;
  min-height: 50px;
  margin-right: 10px;
}
#page-class .schedule .message-thread .user-name,
#page-class-self-guided .schedule .message-thread .user-name,
#page-class-mentorship .schedule .message-thread .user-name {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #666;
}
#page-class .schedule .message-thread-new,
#page-class-self-guided .schedule .message-thread-new,
#page-class-mentorship .schedule .message-thread-new {
  background-color: #FFF9C4;
}
#page-class .schedule .message-thread:hover,
#page-class-self-guided .schedule .message-thread:hover,
#page-class-mentorship .schedule .message-thread:hover {
  cursor: pointer;
  background-color: #E3F2FD;
}
#page-class .schedule .admin-actions,
#page-class-self-guided .schedule .admin-actions,
#page-class-mentorship .schedule .admin-actions {
  padding: 20px 10px;
}
#page-class .course-content .course-content-row,
#page-class-self-guided .course-content .course-content-row,
#page-class-mentorship .course-content .course-content-row {
  overflow: hidden;
  background-color: #fff;
}
#page-class .course-content .class-info-column,
#page-class-self-guided .course-content .class-info-column,
#page-class-mentorship .course-content .class-info-column {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
  background-color: #f4f4f4;
}
#page-class .course-content .class-lessons-column,
#page-class-self-guided .course-content .class-lessons-column,
#page-class-mentorship .course-content .class-lessons-column {
  background-color: #fff;
}
#page-class .course-content .class-info,
#page-class-self-guided .course-content .class-info,
#page-class-mentorship .course-content .class-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  color: #333;
}
#page-class .course-content .class-info .class-info-inner,
#page-class-self-guided .course-content .class-info .class-info-inner,
#page-class-mentorship .course-content .class-info .class-info-inner {
  width: 100%;
  padding: 50px 20px;
  overflow-x: hidden;
}
#page-class .course-content .class-info .class-info-inner .section-header,
#page-class-self-guided .course-content .class-info .class-info-inner .section-header,
#page-class-mentorship .course-content .class-info .class-info-inner .section-header {
  color: #eee;
}
#page-class .course-content .class-info .class-info-inner .class-name,
#page-class-self-guided .course-content .class-info .class-info-inner .class-name,
#page-class-mentorship .course-content .class-info .class-info-inner .class-name {
  font-family: Roboto, sans-serif;
  font-size: 38px;
  line-height: 1.1;
  font-weight: 300;
  padding-bottom: 20px;
}
#page-class .course-content .class-lessons .class-lessons-inner,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner {
  padding: 50px 20px;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson {
  display: flex;
  align-items: start;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .drag-icon,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .drag-icon,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .drag-icon {
  cursor: move;
  color: #999999;
  padding: 3px 10px 0 0;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 50px;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-image-container,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-image-container,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-image-container {
  min-height: 200px;
  min-width: 200px;
  margin-right: 20px;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-image-container .lesson-image,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-image-container .lesson-image,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-image-container .lesson-image {
  position: relative;
  width: 200px;
  height: 200px;
  background-size: cover;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #F1F8E9;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title {
  margin-bottom: 5px;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title a,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title a,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title a {
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  background-color: #fff;
  border-radius: 5px;
  color: #707070;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title a:hover,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title a:hover,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title a:hover {
  text-decoration: none;
}
#page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title-open a,
#page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title-open a,
#page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info .lesson-info-details .lesson-title-open a {
  color: #2E7D32;
}
#page-class .course-content .completion-donut .ct-series-a .ct-slice-donut,
#page-class-self-guided .course-content .completion-donut .ct-series-a .ct-slice-donut,
#page-class-mentorship .course-content .completion-donut .ct-series-a .ct-slice-donut {
  stroke: #43A047;
}
#page-class .course-content .completion-donut .ct-series-b .ct-slice-donut,
#page-class-self-guided .course-content .completion-donut .ct-series-b .ct-slice-donut,
#page-class-mentorship .course-content .completion-donut .ct-series-b .ct-slice-donut {
  stroke: #ccc;
}
#page-class .course-content .completion-donut .ct-label,
#page-class-self-guided .course-content .completion-donut .ct-label,
#page-class-mentorship .course-content .completion-donut .ct-label {
  font-size: 13px;
  color: #000000;
}
#page-class,
#page-class-mentorship {
  position: relative;
}
#page-class #page-content-wrapper,
#page-class-mentorship #page-content-wrapper {
  width: 100%;
  padding-top: 20px;
}
#page-class #page-content-wrapper .page-content .course-outline-large .schedule,
#page-class-mentorship #page-content-wrapper .page-content .course-outline-large .schedule {
  background-color: inherit;
  padding: 0;
}
#page-class #page-content-wrapper .page-content .content-header,
#page-class-mentorship #page-content-wrapper .page-content .content-header {
  position: relative;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
#page-class #page-content-wrapper .page-content .content-header #menu-toggle,
#page-class-mentorship #page-content-wrapper .page-content .content-header #menu-toggle {
  margin-right: 20px;
}
#page-class #page-content-wrapper .page-content .home-announcements,
#page-class-mentorship #page-content-wrapper .page-content .home-announcements {
  margin-top: 20px;
}
#page-class #page-content-wrapper .page-content .posts .section-header,
#page-class-mentorship #page-content-wrapper .page-content .posts .section-header {
  font-size: 22px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #333;
}
#page-class #page-content-wrapper .page-content .class-home-header,
#page-class-mentorship #page-content-wrapper .page-content .class-home-header {
  font-size: 22px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #333;
}
#page-class #page-content-wrapper .page-content .announcement:last-of-type,
#page-class-mentorship #page-content-wrapper .page-content .announcement:last-of-type {
  margin-bottom: 15px;
}
#page-class #page-content-wrapper .page-content .announcement,
#page-class-mentorship #page-content-wrapper .page-content .announcement {
  margin-bottom: 50px;
  position: relative;
}
#page-class #page-content-wrapper .page-content .announcement h1,
#page-class-mentorship #page-content-wrapper .page-content .announcement h1 {
  margin: 0 0 5px 0;
  padding-bottom: 5px;
  font-size: 22px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #333;
}
#page-class #page-content-wrapper .page-content .announcement .icon-delete,
#page-class-mentorship #page-content-wrapper .page-content .announcement .icon-delete {
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
}
#page-class #page-content-wrapper .page-content .announcement .icon-edit,
#page-class-mentorship #page-content-wrapper .page-content .announcement .icon-edit {
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
}
#page-class #page-content-wrapper .page-content .announcement .timestamp,
#page-class-mentorship #page-content-wrapper .page-content .announcement .timestamp {
  font-size: 12px;
  color: #767676;
  margin: 0 0 10px 0;
}
#page-class #page-content-wrapper .page-content .announcement p,
#page-class-mentorship #page-content-wrapper .page-content .announcement p {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  word-wrap: break-word;
}
#page-class #page-content-wrapper .page-content .schedule,
#page-class-mentorship #page-content-wrapper .page-content .schedule {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#page-class #page-content-wrapper .page-content .schedule h1,
#page-class-mentorship #page-content-wrapper .page-content .schedule h1,
#page-class #page-content-wrapper .page-content .schedule h2,
#page-class-mentorship #page-content-wrapper .page-content .schedule h2 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin: 0 0 10px 0;
  font-size: 18px;
  color: #666;
}
#page-class #page-content-wrapper .page-content .schedule .event,
#page-class-mentorship #page-content-wrapper .page-content .schedule .event {
  border-top: 1px solid #e9eaed;
  color: #666;
  font-size: 14px;
  padding: 20px 5px;
}
#page-class #page-content-wrapper .page-content .schedule .event .pastDue,
#page-class-mentorship #page-content-wrapper .page-content .schedule .event .pastDue {
  color: #e32c28;
}
#page-class #page-content-wrapper .page-content .news-container,
#page-class-mentorship #page-content-wrapper .page-content .news-container {
  margin-top: 30px;
}
#page-class #page-content-wrapper .page-content .news-container h1,
#page-class-mentorship #page-content-wrapper .page-content .news-container h1 {
  margin: 20px 0 10px 0;
  padding-bottom: 10px;
  font-size: 22px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #333;
}
#page-class #page-content-wrapper .page-content .wordplays,
#page-class-mentorship #page-content-wrapper .page-content .wordplays {
  margin-left: 35px;
}
#page-class #page-content-wrapper .page-content .calendar h3,
#page-class-mentorship #page-content-wrapper .page-content .calendar h3 {
  font-size: 12px;
  margin-top: 0;
  font-weight: bold;
}
#page-class #page-content-wrapper .page-content .calendar h4,
#page-class-mentorship #page-content-wrapper .page-content .calendar h4 {
  font-size: 15px;
  margin-top: 10px;
}
#page-class #page-content-wrapper .page-content .calendar .pastDue,
#page-class-mentorship #page-content-wrapper .page-content .calendar .pastDue {
  color: #e32c28;
}
#page-class .footer,
#page-class-mentorship .footer {
  background-color: #e9eaed;
  left: auto;
}
#page-class .inset,
#page-class-mentorship .inset {
  padding: 0 20px;
}
#page-class .load-more,
#page-class-mentorship .load-more {
  margin-bottom: 15px;
  font-size: 14px;
  width: 100%;
  border: 1px solid #B8B8B8;
}
@media (max-width: 992px) {
  #page-class .inset,
  #page-class-mentorship .inset {
    padding: 0 15px;
  }
}
@media (max-width: 480px) {
  #page-class #page-content-wrapper .page-content .content-header,
  #page-class-mentorship #page-content-wrapper .page-content .content-header {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#page-class,
#page-class-self-guided,
#page-class-mentorship,
.page-lesson-viewer {
  position: relative;
}
#page-class .class-label,
#page-class-self-guided .class-label,
#page-class-mentorship .class-label,
.page-lesson-viewer .class-label {
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  padding: 3px 6px;
  background-color: #EFEBE9;
  color: #666666;
  border-radius: 3px 3px 3px 3px;
  background-color: #efefef;
  margin-left: 20px;
}
#page-class #page-content-wrapper .page-content .welcome-announcement-editor .post-box .stickyPost,
#page-class-self-guided #page-content-wrapper .page-content .welcome-announcement-editor .post-box .stickyPost,
#page-class-mentorship #page-content-wrapper .page-content .welcome-announcement-editor .post-box .stickyPost,
.page-lesson-viewer #page-content-wrapper .page-content .welcome-announcement-editor .post-box .stickyPost {
  background-color: #fff;
}
#page-class #page-content-wrapper .page-content .welcome-announcement-editor .fr-box,
#page-class-self-guided #page-content-wrapper .page-content .welcome-announcement-editor .fr-box,
#page-class-mentorship #page-content-wrapper .page-content .welcome-announcement-editor .fr-box,
.page-lesson-viewer #page-content-wrapper .page-content .welcome-announcement-editor .fr-box {
  margin: 0 -10px 20px -10px;
}
#page-class #page-content-wrapper .page-content #class-setup-widget,
#page-class-self-guided #page-content-wrapper .page-content #class-setup-widget,
#page-class-mentorship #page-content-wrapper .page-content #class-setup-widget,
.page-lesson-viewer #page-content-wrapper .page-content #class-setup-widget {
  margin-bottom: 50px;
}
#page-class .preview-warning,
#page-class-self-guided .preview-warning,
#page-class-mentorship .preview-warning,
.page-lesson-viewer .preview-warning {
  position: fixed;
  bottom: 0;
  right: 0;
  color: #fff;
  background-color: #1976D2;
  padding: 10px 100px 10px 20px;
  border-radius: 50px 0 0 0;
  text-align: right;
  opacity: 0.7;
  transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
}
#page-class .preview-warning .preview-title,
#page-class-self-guided .preview-warning .preview-title,
#page-class-mentorship .preview-warning .preview-title,
.page-lesson-viewer .preview-warning .preview-title {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 24px;
}
#page-class .preview-warning .help-block,
#page-class-self-guided .preview-warning .help-block,
#page-class-mentorship .preview-warning .help-block,
.page-lesson-viewer .preview-warning .help-block {
  color: #eee !important;
  margin: 0 0 20px 0;
  padding: 0;
  max-width: 210px;
}
#page-class .preview-warning:hover,
#page-class-self-guided .preview-warning:hover,
#page-class-mentorship .preview-warning:hover,
.page-lesson-viewer .preview-warning:hover {
  opacity: 1;
}
.faq {
  margin-top: 20px;
  background-color: #666;
  color: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  -webkit-transition: 0.3s linear all;
  transition: 0.3s linear all;
}
.faq .question {
  position: relative;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 18px;
  padding: 10px 50px 10px 20px;
}
.faq .question .fa {
  font-size: 14px;
  position: absolute;
  right: 30px;
  top: 15px;
}
.faq .question:hover .fa {
  color: #fbba00;
}
.faq .answer {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  padding: 0 20px 10px 20px;
}
.faq .answer hr {
  margin: 0 0 10px 0;
}
.faq.faqOpen {
  background-color: #eaeaea;
  color: #333;
  border: 1px solid #eaeaea;
}
.site-header-wrapper {
  background: #f5f5f5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: fixed;
  width: 100%;
  z-index: 5;
  top: 0;
}
.site-header-wrapper .user-avatar {
  max-width: 30px;
  max-height: 30px;
  border-radius: 50%;
}
.site-header-wrapper .site-header {
  display: flex;
  padding: 13px 0;
  align-items: center;
}
.site-header-wrapper .site-header .site-header-item:hover {
  border-color: #333;
  cursor: pointer;
}
.site-header-wrapper .site-header .site-header-item {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 1px 2px;
  color: #616161;
  text-decoration: none;
  margin-right: 15px;
  border-bottom: 4px solid #f5f5f5;
}
.site-header-wrapper .site-header .site-header-item:hover {
  border-bottom: 4px solid #F48FB1;
}
.site-header-wrapper .site-header .active {
  border-bottom: 4px solid #D81B60;
}
.site-header-wrapper .site-header .site-header-items {
  display: flex;
}
.site-header-wrapper .site-header .site-header-lhs {
  display: flex;
}
.site-header-wrapper .site-header .site-header-rhs {
  margin-left: auto;
}
.site-header-wrapper .site-header .site-header-brand {
  font-family: Reenie Beanie, cursive;
  text-decoration: none;
  font-size: 34px;
  color: #000;
  margin-right: 25px;
  line-height: 1;
}
.site-header-wrapper .bars-container {
  display: none;
}
.site-header-wrapper .bars-container .bar1,
.site-header-wrapper .bars-container .bar2,
.site-header-wrapper .bars-container .bar3 {
  width: 25px;
  height: 4px;
  background-color: #333;
  margin: 4px 0;
  transition: 0.4s;
}
@media only screen and (max-width: 768px) {
  .site-header-wrapper .site-header,
  .site-header-wrapper .site-header-items {
    flex-direction: column;
    align-items: flex-start;
  }
  .site-header-wrapper .site-header .site-header-items {
    display: none;
  }
  .site-header-wrapper .site-header .site-header-rhs {
    margin-left: 0;
  }
  .site-header-wrapper .bars-container {
    align-self: flex-end;
    display: initial;
    position: absolute;
    cursor: pointer;
    margin-top: 4px;
  }
  .site-header-wrapper .site-header-items-show {
    display: flex !important;
  }
}
#page-org-landing .outer,
#page-org-join-sign-up .outer {
  position: fixed;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#page-org-landing .outer .info-bar,
#page-org-join-sign-up .outer .info-bar {
  max-width: 900px;
  margin: 20px auto;
  text-align: center;
}
#page-org-landing .outer .info-bar img,
#page-org-join-sign-up .outer .info-bar img {
  max-width: 24px;
}
#page-org-landing .outer .info-bar a:not(:last-child),
#page-org-join-sign-up .outer .info-bar a:not(:last-child) {
  margin-right: 20px;
}
#page-org-landing .outer .info-bar .locked-message,
#page-org-join-sign-up .outer .info-bar .locked-message {
  margin: 20px 0;
  font-size: 31px;
  font-family: Reenie Beanie, cursive;
}
#page-org-landing .outer .inset,
#page-org-join-sign-up .outer .inset {
  position: relative;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}
#page-org-landing .outer .inset .cover-image,
#page-org-join-sign-up .outer .inset .cover-image {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 100%;
}
#page-org-landing .outer .inset .cover-image .rhs-description,
#page-org-join-sign-up .outer .inset .cover-image .rhs-description {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 20px;
  font-size: 13px;
  color: #333;
  flex-grow: 1;
}
#page-org-landing .outer .inset .cover-image a.image-credit,
#page-org-join-sign-up .outer .inset .cover-image a.image-credit {
  left: auto;
  right: 5px;
  top: 5px;
}
#page-org-landing .outer .inset .cover-image .actions,
#page-org-join-sign-up .outer .inset .cover-image .actions {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#page-org-landing .outer .inset .info-area,
#page-org-join-sign-up .outer .inset .info-area {
  margin-right: 35%;
  padding: 20px;
}
#page-org-landing .outer .inset .info-area .header,
#page-org-join-sign-up .outer .inset .info-area .header {
  font-family: 'Roboto', sans-serif;
  color: #000;
  line-height: 1.5;
  font-weight: 300;
  margin-bottom: 5%;
  word-wrap: break-word;
}
#page-org-landing .outer .inset .info-area .header img,
#page-org-join-sign-up .outer .inset .info-area .header img {
  max-width: 90%;
  max-height: 200px;
}
#page-org-landing .outer .inset .info-area .top-header,
#page-org-join-sign-up .outer .inset .info-area .top-header {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#page-org-landing .outer .inset .info-area .description,
#page-org-join-sign-up .outer .inset .info-area .description {
  font-family: 'Roboto', sans-serif;
  color: #767676;
  font-size: 2.0vmin;
  line-height: 3.0vmin;
  font-weight: 300;
}
#page-org-landing .footer,
#page-org-join-sign-up .footer {
  border-top: 1px solid #efefef;
}
#page-org-landing .spinner,
#page-org-join-sign-up .spinner {
  position: absolute;
  top: 0;
  left: -45px;
  color: #666;
}
@media (max-width: 768px) {
  #page-org-landing .outer,
  #page-org-join-sign-up .outer {
    padding-top: 0;
  }
  #page-org-landing .outer .info-bar,
  #page-org-join-sign-up .outer .info-bar {
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
  }
  #page-org-landing .outer .inset .info-area,
  #page-org-join-sign-up .outer .inset .info-area {
    min-height: 100px;
    margin-right: 0;
    padding: 10px;
  }
  #page-org-landing .outer .inset .info-area .header,
  #page-org-join-sign-up .outer .inset .info-area .header {
    font-size: 24px;
    line-height: 1;
  }
  #page-org-landing .outer .inset .info-area .description,
  #page-org-join-sign-up .outer .inset .info-area .description {
    font-size: 14px;
    line-height: 1.5;
  }
  #page-org-landing .outer .inset .cover-image,
  #page-org-join-sign-up .outer .inset .cover-image {
    position: relative;
    min-height: 100px;
    width: 100%;
  }
  #page-org-landing .outer .inset .cover-image .rhs-description,
  #page-org-join-sign-up .outer .inset .cover-image .rhs-description {
    padding: 10px;
  }
  #page-org-landing .outer .inset .cover-image .actions,
  #page-org-join-sign-up .outer .inset .cover-image .actions {
    position: relative;
    top: 30px;
    left: 10px;
  }
}
.modal-invite-to-community .invitation-link {
  background-color: #ddd;
  padding: 10px;
  color: #2D50A9;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 2;
}
.modal-invite-to-community h5 {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.modal-signin .alert {
  font-size: 14px;
}
.modal-start-class h3 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin: 10px 0 5px 0;
}
.modal-start-class .choice-button {
  font-weight: 400;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  line-height: 1.7;
}
.modal-start-class .challenge {
  background-color: #fafafa;
  padding: 10px;
  margin-bottom: 20px;
}
.modal-start-class .challenge .title {
  font-weight: 700;
  font-family: Lato, sans-serif;
  font-size: 16px;
}
.modal-registration .modal-body h6,
.modal-update-payment .modal-body h6 {
  padding-top: 2px;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  color: #767676;
  font-weight: normal;
}
.modal-registration .modal-body .row,
.modal-update-payment .modal-body .row {
  margin-bottom: 20px;
}
.modal-registration .modal-body .first-row,
.modal-update-payment .modal-body .first-row {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.modal-registration .modal-body .first-row .lhs,
.modal-update-payment .modal-body .first-row .lhs {
  color: #666;
}
.modal-registration .modal-body .first-row .rhs,
.modal-update-payment .modal-body .first-row .rhs {
  line-height: 2;
}
.modal-registration .modal-body .first-row .rhs .pricing,
.modal-update-payment .modal-body .first-row .rhs .pricing {
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-top: 5px;
  color: #666666;
}
.modal-registration .modal-body .big-one,
.modal-update-payment .modal-body .big-one {
  font-weight: 700;
  font-size: 16px;
  color: #333;
}
.modal-registration .modal-body .last-row,
.modal-update-payment .modal-body .last-row {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.modal-registration .modal-body textarea,
.modal-update-payment .modal-body textarea {
  height: 2.5em;
}
.modal-registration .modal-body textarea:focus,
.modal-update-payment .modal-body textarea:focus {
  height: 4em;
}
.modal-registration .modal-footer,
.modal-update-payment .modal-footer {
  margin-top: 5px;
}
.modal-member-registration .modal-body textarea {
  height: 2.5em;
}
.modal-member-registration .modal-body textarea:focus {
  height: 4em;
}
.modal-member-registration .nav-tabs > li > a {
  background-color: #E1F5FE;
}
#choose-image-dialog .selection-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#choose-image-dialog .selection-list .image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  width: 165px;
  height: 165px;
  margin: 5px;
  border: 1px solid rgba(255, 255, 0, 0.1);
}
#choose-image-dialog .selection-list .image .credit {
  display: none;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 2px 4px;
  margin-bottom: 4px;
}
#choose-image-dialog .selection-list .image:hover,
#choose-image-dialog .selection-list .image:focus {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
#choose-image-dialog .selection-list .image:hover .credit,
#choose-image-dialog .selection-list .image:focus .credit {
  display: block;
}
@media (max-width: 992px) {
  #choose-image-dialog .selection-list .image {
    width: 134px;
    height: 134px;
  }
}
@media (max-width: 480px) {
  #choose-image-dialog .selection-list .image {
    width: 100px;
    height: 100px;
  }
}
#choose-book-dialog .selection-list .images {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#choose-book-dialog .selection-list .images .thumbnail {
  width: 100px;
  height: 150px;
  margin: 10px;
  position: relative;
  display: flex;
  justify-content: center;
}
#choose-book-dialog .selection-list .images .thumbnail .image-credit {
  color: #ccc;
  position: absolute;
  left: 2px;
  top: 2px;
  line-height: 0;
}
#choose-book-dialog .selection-list .images .thumbnail .thumbnail-image {
  width: 100px;
  height: 150px;
  display: flex;
  align-items: center;
}
#choose-book-dialog .selection-list .images .thumbnail:hover {
  border: 1px solid #666;
}
.arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
}
.arrow_box:after,
.arrow_box:before {
  right: 100%;
  top: 5%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: #fff;
  border-width: 5px;
  margin-top: -5px;
}
.arrow_box:before {
  border-color: rgba(51, 51, 51, 0);
  border-right-color: #ccc;
  border-width: 6px;
  margin-top: -6px;
}
.arrow_box_admin:after {
  border-right-color: #dbedfe;
}
#chat-window {
  position: fixed;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1047;
  bottom: 0;
  right: 90px;
  width: 300px;
  height: 500px;
  background-color: #eee;
  box-shadow: 1px -1px 4px #666;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#chat-window .fa-trash-o {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  color: #767676;
}
#chat-window .chat-header {
  font-family: Roboto, sans-serif;
  padding: 6px 10px;
  color: #fff;
  background-color: #666;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#chat-window .chat-header .chat-actions .fa {
  margin-left: 10px;
  cursor: pointer;
}
#chat-window .chat-header .chat-actions .turn-chat-on {
  color: orangered;
}
#chat-window .chat-header .chat-actions .turn-chat-off {
  color: greenyellow;
}
#chat-window .chat-header .titeChatOff {
  color: #767676;
}
#chat-window .chat-info {
  padding: 10px;
  background-color: #f6f7f8;
}
#chat-window #chat-user-list {
  color: #1976D2;
}
#chat-window .chat-off {
  background-color: lightpink;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#chat-window .fa-wechat-minimized {
  cursor: pointer;
}
#chat-window .fa-wechat-minimized:hover {
  color: #00B7FF;
}
#chat-window .no-messages {
  margin-top: 50px;
  text-align: center;
}
#chat-window .show-more {
  padding: 10px;
  text-align: center;
}
#chat-window .chat-messages {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #e9eaed;
  overflow-y: scroll;
}
#chat-window .chat-messages .chat-message-container {
  margin: 20px 20px 20px 5px;
  position: relative;
}
#chat-window .chat-messages .chat-message-container .user-name {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  color: #333;
}
#chat-window .chat-messages .chat-message-container .date {
  font-family: Roboto, sans-serif;
  font-size: 10px;
  color: #767676;
}
#chat-window .chat-messages .chat-message-container .chat-message {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  -ms-flex-align: start;
}
#chat-window .chat-messages .chat-message-container .chat-message .message-text {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2px 5px 5px 5px;
  background-color: #fff;
  font-family: Lato, sans-serif;
  line-height: 1.5;
  font-size: 13px;
  margin-left: 5px;
}
#chat-window .chat-messages .chat-message-container .admin {
  background-color: #dbedfe !important;
}
#chat-window .chat-new-message {
  position: relative;
}
#chat-window .chat-new-message .chat-input {
  width: 100%;
}
#chat-window .chat-new-message .fa {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  color: #767676;
}
#chat-window .chat-new-message .fa-smile-o {
  right: 5px;
}
#chat-window .chat-new-message .fa-camera {
  right: 25px;
}
#chat-window .chat-new-message .fa-spinner {
  right: 10px;
}
del.deletion {
  color: black;
  background: #ffbbbb;
  text-decoration: line-through;
}
ins.insertion {
  color: black;
  background: #bbffbb;
  text-decoration: underline;
}
#page-editor {
  margin: 10px 10px 100px 10px;
}
#page-editor .fr-toolbar.fr-top {
  box-shadow: none;
  border-top: none;
  border-bottom: 1px solid #eee;
}
#page-editor .fr-box.fr-basic.fr-top .fr-wrapper {
  box-shadow: none;
}
#page-editor .fr-view {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 16px;
}
#page-editor .topbar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  margin-bottom: 10px;
}
#page-editor .topbar #page-editor-title {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}
#page-editor .editor-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  -ms-align-content: space-between;
  align-content: space-between;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
#page-editor .editor-preview .editor-preview-content {
  padding: 0 20px;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}
#page-editor .slide-out {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#page-editor .slide-out .slide-out-detail {
  padding: 10px;
  margin-right: 10px;
  border-right: dashed 1px #ccc;
  overflow-x: scroll;
}
#page-editor .slide-out .slide-out-detail .author .name {
  color: #1565C0;
}
#page-editor .slide-out .slide-out-detail .title {
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}
#page-editor .slide-out .slide-out-detail .media {
  line-height: 1;
  width: 260px;
  margin-top: 0;
  margin-bottom: 10px;
}
#page-editor .slide-out .slide-out-detail .media img {
  max-width: 250px;
}
#page-editor .slide-out .slide-out-detail .media iframe {
  max-width: 250px;
}
#page-editor .slide-out .slide-out-detail .summary {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
#page-editor .slide-out.slideOutVisible {
  width: 300px;
  min-width: 300px;
  opacity: 1;
}
#page-editor .slide-out-lg.slideOutVisible {
  width: 400px;
  min-width: 400px;
  opacity: 1;
}
#page-editor .slide-out-xlg.slideOutVisible {
  width: 500px;
  min-width: 500px;
  opacity: 1;
}
#page-editor .content-area {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#page-editor .content-area.slideOutVisible {
  margin-left: 300px;
}
#page-editor .content-area-lg.slideOutVisible {
  margin-left: 400px;
}
#page-editor .content-area-xlg.slideOutVisible {
  margin-left: 500px;
}
#page-editor .slide-out-bar {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 10px;
}
#page-editor .slide-out-bar .fa-chevron-circle-left {
  color: #1976D2;
}
#page-editor .slide-out-bar .fa:hover,
#page-editor .slide-out-bar .title:hover {
  color: #1976D2;
  cursor: pointer;
}
#page-editor .slide-out-bar .title {
  border-bottom: dashed 1px #1976D2;
}
#page-editor .slide-out-bar .title-no-link {
  font-weight: 700;
}
#page-editor .custom-formatting-options {
  padding: 10px 0 10px 10px;
  text-align: right;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#page-editor .custom-formatting-options .option {
  padding: 5px;
  font-size: 10px;
  margin: 0 0 10px 10px;
  border-radius: 5px;
  background-color: #EEEEEE;
  color: #6B6B6B;
  border: 1px solid #BDBDBD;
  outline: 0;
}
#page-editor .custom-formatting-options .option:hover {
  background-color: #FFF;
  cursor: pointer;
}
#page-editor .custom-formatting-options .option:focus {
  outline-width: 3px;
  outline-style: solid;
  outline-color: Highlight;
}
#page-editor .custom-formatting-options .option-selected {
  background-color: #C5E1A5;
  color: #1B5E20;
  border: 1px solid #9CCC65;
}
@media (max-width: 767px) {
  #page-editor .content-area.slideOutVisible {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  #page-editor .topbar {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  #page-editor .topbar #page-editor-title {
    width: 100%;
    margin-bottom: 10px;
  }
}
.comments-header {
  color: #696969;
  font-size: 14px;
  font-weight: 700;
  background-color: #EFEBE9;
  padding: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.comments {
  background-color: #f4f5f6;
  padding: 20px 20px 20px 20px;
}
.comments .froala-new-comment-placeholder {
  background-color: #fff;
  padding: 16px;
  color: #5e7b88;
  border: 1px solid #eee;
}
.comments .comment {
  position: relative;
  margin-bottom: 20px;
}
.comments .comment p {
  word-wrap: break-word;
}
.comments .comment .user-avatar {
  max-width: 50px;
  max-height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.comments .comment .offset {
  position: relative;
  margin-right: 70px;
  left: 70px;
  top: 0px;
  min-height: 50px;
  font-size: 16px;
  color: #333;
}
.comments .comment .offset .actions {
  padding-top: 10px;
  text-align: right;
}
.comments .comment .offset .comment-ago {
  font-size: 14px;
  color: #707070;
  line-height: 1;
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
}
.comments .comment .offset .comment-ago a {
  color: #1565C0;
}
.comments .comment .offset .comment-content {
  background-color: #fff;
  padding: 20px 20px 10px 20px;
  border-radius: 10px;
}
.vote-box {
  position: absolute;
  text-align: center;
  right: 0;
  top: 10px;
  height: 40px;
  width: 32px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  line-height: 15px;
  cursor: pointer;
  color: #328736;
}
.vote-box span {
  position: relative;
  top: 18px;
  left: 12px;
}
.vote-box .fa-heart-o,
.vote-box .fa-heart {
  font-size: 2.2em;
  position: absolute;
  top: 0;
  left: 2px;
}
.vote-box .vote-slide {
  position: absolute;
  width: 130px;
  top: 0;
  left: -106px;
  color: #ccc;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 11px;
  -webkit-text-size-adjust: none;
}
.vote-box .vote-slide .vote-item {
  -webkit-border-radius: 4px 4px 10px 20px;
  -moz-border-radius: 4px 4px 10px 20px;
  border-radius: 4px 4px 10px 20px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  width: 35px;
  border: 1px solid #e2e2e2;
  padding: 3px 3px;
  background-color: #333;
}
.vote-box .vote-slide .vote-item .d {
  color: #fff;
}
.vote-box .vote-slide .vote-item .p {
  padding-top: 11px;
}
.vote-box .vote-slide .vote-item:hover {
  color: #8ea5e1;
}
.vote-box .vote-slide .vote-item:hover .d {
  color: #8ea5e1;
}
.voteBoxDone {
  color: #328736;
  cursor: default;
}
.voteBoxSelf {
  color: #757575;
  cursor: not-allowed;
}
.user-badges {
  display: flex;
  background-color: #fff;
  background-image: url("/public/images/patterns/stripes-light.png");
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.user-badges .user-badge {
  margin: 10px;
  display: flex;
  outline: none;
  align-items: center;
  background-color: #fff;
  border-radius: 0 25px 25px 0;
  box-shadow: 0 0 5px 2px #E0E0E0;
  padding: 5px;
}
.user-badges .user-badge .badge-image-wrapper .badge-image {
  max-width: 40px;
}
.user-badges .user-badge .badge-name {
  padding: 0 5px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #616161;
}
.user-badges .user-badge:hover {
  background-color: #E3F2FD;
  cursor: pointer;
}
.user-box {
  position: relative;
  margin-bottom: 50px;
}
.user-box .user-badges {
  margin-left: 100px;
  border-bottom: 1px solid #fafafa;
  border-right: 1px solid #fafafa;
  border-left: 1px solid #fafafa;
  border-radius: 0 0 20px 0;
}
.user-box .joined-info {
  text-align: right;
  font-size: 12px;
  color: #696969;
}
.user-box .ban-info {
  font-size: 12;
  color: red;
}
.user-box a:hover,
.user-box a:active,
.user-box a:visited {
  text-decoration: none;
}
.user-box .admin-actions {
  position: absolute;
  top: 3px;
  right: 3px;
}
.user-box .admin-actions .dropdown-toggle {
  color: #666;
}
.user-box .admin-actions .dropdown-toggle:hover {
  color: #2980b9;
}
.challenger {
  background-color: #8e44ad;
  color: #fff;
}
.admired {
  background-color: #f1c40f;
  color: #fff;
}
.player {
  background-color: #2980b9;
  color: #fff;
}
.writer {
  background-color: #2c3e50;
  color: #fff;
}
.other {
  background-color: #95a5a6;
  color: #fff;
}
.cheerleader {
  /*background-color: #d35400;*/
  /*background-color: #f39c12;*/
  background-color: #328736;
  color: #fff;
}
.grid-content {
  margin-top: 10px;
}
.leaderboards {
  margin-bottom: 30px;
}
.leaderboards .period-selector {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.leaderboards .period-selector .leaderboards-title {
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  color: #333;
  margin-right: 10px;
}
.leaderboards .period-selector .nav-pills > li > a {
  padding: 4px 6px;
  color: #1565C0;
}
.leaderboards .period-selector .nav-pills > li.active > a {
  color: #fff;
}
.leaderboards .leaderboard-container {
  float: left;
  width: 33%;
}
.leaderboards .leaderboard-container .head {
  padding: 5px 5px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}
.leaderboards .leaderboard-container .top-cheerleaders-container {
  margin: 0 10px;
  border: 1px solid #328736;
  overflow: hidden;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container {
  margin: 10px 10px 0 10px;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table {
  width: 100%;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table tr {
  background-color: #efefef;
  border-bottom: 10px solid #efefef;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .separator {
  height: 10px;
  background-color: #fff;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .rank {
  background-color: #ddd;
  color: #333;
  width: 30px;
  min-width: 30px;
  text-align: center;
  position: relative;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .rank .rank-label {
  font-family: Sans-Serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .rank .direction {
  color: #aaa;
  vertical-align: bottom;
  width: 15px;
  font-size: 10px;
  line-height: 10px;
  -webkit-text-size-adjust: none;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .avatar-icon {
  width: 40px;
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .avatar-icon img {
  margin-left: 3px;
  margin-right: 5px;
  max-height: 40px;
  max-width: 40px;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .info {
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .info .name {
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .info .name a {
  color: #1565C0;
}
.leaderboards .leaderboard-container .top-cheerleaders-container .table-container .leaderboard-table .info .points {
  -webkit-text-size-adjust: none;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #666;
}
.leaderboards .leaderboard-container .top-players-container {
  margin: 0 10px;
  border: 1px solid #2980b9;
  overflow: hidden;
}
.leaderboards .leaderboard-container .top-players-container .table-container {
  margin: 10px 10px 0 10px;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table {
  width: 100%;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table tr {
  background-color: #efefef;
  border-bottom: 10px solid #efefef;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .separator {
  height: 10px;
  background-color: #fff;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .rank {
  background-color: #ddd;
  color: #333;
  width: 30px;
  min-width: 30px;
  text-align: center;
  position: relative;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .rank .rank-label {
  font-family: Sans-Serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .rank .direction {
  color: #aaa;
  vertical-align: bottom;
  width: 15px;
  font-size: 10px;
  line-height: 10px;
  -webkit-text-size-adjust: none;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .avatar-icon {
  width: 40px;
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .avatar-icon img {
  margin-left: 3px;
  margin-right: 5px;
  max-height: 40px;
  max-width: 40px;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .info {
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .info .name {
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .info .name a {
  color: #1565C0;
}
.leaderboards .leaderboard-container .top-players-container .table-container .leaderboard-table .info .points {
  -webkit-text-size-adjust: none;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #666;
}
.leaderboards .leaderboard-container .top-writers-container {
  margin: 0 10px;
  border: 1px solid #2c3e50;
  overflow: hidden;
}
.leaderboards .leaderboard-container .top-writers-container .table-container {
  margin: 10px 10px 0 10px;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table {
  width: 100%;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table tr {
  background-color: #efefef;
  border-bottom: 10px solid #efefef;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .separator {
  height: 10px;
  background-color: #fff;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .rank {
  background-color: #ddd;
  color: #333;
  width: 30px;
  min-width: 30px;
  text-align: center;
  position: relative;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .rank .rank-label {
  font-family: Sans-Serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .rank .direction {
  color: #aaa;
  vertical-align: bottom;
  width: 15px;
  font-size: 10px;
  line-height: 10px;
  -webkit-text-size-adjust: none;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .avatar-icon {
  width: 40px;
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .avatar-icon img {
  margin-left: 3px;
  margin-right: 5px;
  max-height: 40px;
  max-width: 40px;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .info {
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .info .name {
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .info .name a {
  color: #1565C0;
}
.leaderboards .leaderboard-container .top-writers-container .table-container .leaderboard-table .info .points {
  -webkit-text-size-adjust: none;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #666;
}
.leaderboards .leaderboard-container .top-admired-container {
  margin: 0 10px;
  border: 1px solid #f1c40f;
  overflow: hidden;
}
.leaderboards .leaderboard-container .top-admired-container .table-container {
  margin: 10px 10px 0 10px;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table {
  width: 100%;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table tr {
  background-color: #efefef;
  border-bottom: 10px solid #efefef;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .separator {
  height: 10px;
  background-color: #fff;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .rank {
  background-color: #ddd;
  color: #333;
  width: 30px;
  min-width: 30px;
  text-align: center;
  position: relative;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .rank .rank-label {
  font-family: Sans-Serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .rank .direction {
  color: #aaa;
  vertical-align: bottom;
  width: 15px;
  font-size: 10px;
  line-height: 10px;
  -webkit-text-size-adjust: none;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .avatar-icon {
  width: 40px;
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .avatar-icon img {
  margin-left: 3px;
  margin-right: 5px;
  max-height: 40px;
  max-width: 40px;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .info {
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .info .name {
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .info .name a {
  color: #1565C0;
}
.leaderboards .leaderboard-container .top-admired-container .table-container .leaderboard-table .info .points {
  -webkit-text-size-adjust: none;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #666;
}
.leaderboards .leaderboard-container .top-active-container {
  margin: 0 10px;
  border: 1px solid #2c3e50;
  overflow: hidden;
}
.leaderboards .leaderboard-container .top-active-container .table-container {
  margin: 10px 10px 0 10px;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table {
  width: 100%;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table tr {
  background-color: #efefef;
  border-bottom: 10px solid #efefef;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .separator {
  height: 10px;
  background-color: #fff;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .rank {
  background-color: #ddd;
  color: #333;
  width: 30px;
  min-width: 30px;
  text-align: center;
  position: relative;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .rank .rank-label {
  font-family: Sans-Serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .rank .direction {
  color: #aaa;
  vertical-align: bottom;
  width: 15px;
  font-size: 10px;
  line-height: 10px;
  -webkit-text-size-adjust: none;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .avatar-icon {
  width: 40px;
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .avatar-icon img {
  margin-left: 3px;
  margin-right: 5px;
  max-height: 40px;
  max-width: 40px;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .info {
  vertical-align: top;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .info .name {
  font-family: Lato, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .info .name a {
  color: #1565C0;
}
.leaderboards .leaderboard-container .top-active-container .table-container .leaderboard-table .info .points {
  -webkit-text-size-adjust: none;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  color: #666;
}
#content-not-found {
  margin: 175px;
  color: #111;
}
.weblink {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 10px 10px;
  background-color: #eee;
  overflow: hidden;
}
.weblink .thumbnail img {
  max-width: 100px;
  max-height: 100px;
}
.weblink .weblink-details {
  padding-left: 20px;
}
.weblink .weblink-details .weblink-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.weblink .weblink-details .weblink-title a {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.weblink .weblink-details .weblink-link {
  -webkit-text-size-adjust: none;
  color: #767676;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.weblink .weblink-details .weblink-link a {
  -webkit-text-size-adjust: none;
  color: #767676;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.weblink .weblink-details .weblink-summary {
  margin: 5px 0 10px 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.weblink .detailsSansImage {
  left: 0;
  margin-right: 0;
}
.weblink-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 10px 10px;
  background-color: #eee;
  overflow: hidden;
}
.weblink-preview .thumbnail img {
  max-width: 100px;
  max-height: 100px;
}
.weblink-preview .weblink-details {
  padding-left: 20px;
}
.weblink-preview .weblink-details .weblink-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.weblink-preview .weblink-details .weblink-title a {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.weblink-preview .weblink-details .weblink-link {
  -webkit-text-size-adjust: none;
  color: #767676;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.weblink-preview .weblink-details .weblink-link a {
  -webkit-text-size-adjust: none;
  color: #767676;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.weblink-preview .weblink-details .weblink-summary {
  margin: 5px 0 10px 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.weblink-preview .detailsSansImage {
  left: 0;
  margin-right: 0;
}
.weblink-preview .btn-remove-thumbnail {
  -webkit-text-size-adjust: none;
  color: #767676;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}
.weblink-preview .fa-times-circle-o {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #767676;
}
.weblink-preview .fa-chevron-left:hover,
.weblink-preview .fa-chevron-right:hover {
  cursor: pointer;
}
.weblink-preview .weblink-details .weblink-title:hover {
  background-color: #ffff00;
}
.weblink-preview .weblink-details .weblink-summary:hover {
  background-color: #ffff00;
}
.weblink-preview input {
  width: 90%;
}
.weblink-preview textarea {
  width: 100%;
  min-height: 100px;
}
.lesson-table .lesson-weeks {
  margin-bottom: 10px;
}
.lesson-table .lesson-title {
  position: relative;
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: start;
}
.lesson-table .lesson-title .drag-icon {
  cursor: move;
  color: #999999;
  padding: 3px 10px 0 0;
}
.lesson-table .lesson-title .duration-label {
  font-size: 13px;
  font-weight: 300;
}
.lesson-table .lesson-title .space-for-image {
  margin-right: 55px;
}
.lesson-table .lesson-title img {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
  object-fit: cover;
  border-radius: 50%;
}
.lesson-table .normal {
  border: none;
  padding-left: 0;
  margin-bottom: 0;
}
.lesson-table .normal a {
  color: #333;
}
.lesson-table .lesson-info {
  font-weight: 300;
  font-size: 15px;
  color: #666;
}
.analytics-graphs-row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
tr.enrollment-expired {
  color: #ccc;
}
tr.enrollment-expired a {
  color: #ccc;
}
tr.enrollment-expired img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.grade-badge {
  width: 50px;
  height: 50px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-color: #eee;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #767676;
}
.grade-badge-lit {
  background-color: #1976D2;
  color: #fff;
}
.grade-badge-small {
  width: 25px;
  height: 25px;
  font-weight: 300;
  font-size: 13px;
  color: #1976D2;
}
.score-display {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  max-width: 60px;
}
.score-display .two-scores {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.grade-badge-admin:hover {
  border-color: #1976D2;
  cursor: pointer;
}
.student-work {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}
.student-work .work-details {
  flex-grow: 1;
}
.student-work .work-details .work-info {
  margin-left: 35px;
}
#page-team-admin .action-icon:hover {
  cursor: pointer;
}
#page-team-admin .add-user {
  padding-left: 35px;
  max-width: 800px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#page-team-admin .add-user input {
  flex-grow: 1;
}
.page-internal-admin pre {
  font-size: 9px;
  line-height: 1;
  padding: 0;
  background-color: inherit;
  border: none;
}
#page-community-admin h3 {
  margin: 20px 0 5px 0;
  font-weight: 700;
}
#page-community-admin h3.events {
  display: inline;
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
}
#page-community-admin h4 {
  margin: 5px 0 0 0;
  color: #767676;
  font-size: 17px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
#page-community-admin ol.awaiting {
  color: #767676;
}
#page-community-admin ol.awaiting a {
  color: #767676;
}
#page-community-admin ol.complete {
  padding-left: 15px;
}
#page-community-admin .user-pending-work .author .name {
  color: #767676;
  font-weight: 400;
}
#page-community-admin .user-pending-work img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: alpha(opacity=70);
  opacity: .70;
}
#page-community-admin .manage-class .class-header .class-header-title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  border-bottom: 1px solid #ddd;
  margin-bottom: 7px;
}
#page-community-admin .manage-class .class-header .class-header-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
#page-community-admin .manage-class .class-header .class-header-actions .buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
#page-community-admin .manage-class h5 {
  color: #767676;
  font-weight: 300;
  margin-top: 0;
}
#page-community-admin .manage-class .info-panel {
  background-color: #fff;
  margin: 0;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#page-community-admin .manage-class .info-panel h4 {
  margin: 5px 0 0 0;
}
#page-community-admin .manage-class .calendar h3 {
  font-size: 12px;
  margin-top: 0;
  font-weight: bold;
}
#page-community-admin .manage-class .calendar h4 {
  font-size: 15px;
  margin-top: 0;
}
#page-community-admin .manage-class .calendar .label-danger {
  background-color: #FFEBEE;
}
#page-community-admin .manage-class .calendar .label-success {
  background-color: #66BB6A;
}
#page-community-admin .manage-self-guided-classes {
  position: relative;
}
#page-community-admin .manage-live-classes {
  position: relative;
}
#page-community-admin .manage-live-classes .progress {
  height: 24px !important;
  border: none !important;
  margin-bottom: 2px !important;
  background-color: #dfdfdf !important;
}
#page-community-admin .manage-live-classes .progress-bar-danger {
  background-color: #FFEBEE !important;
}
#page-community-admin .manage-live-classes .progress-bar-success {
  background-color: #66BB6A;
}
#page-community-admin .manage-live-classes .small-text {
  font-size: 13px;
  color: #767676;
}
#page-community-admin .manage-live-classes .small-text .info {
  margin-left: 3px;
}
#page-community-admin .manage-communities .panel {
  margin-bottom: 20px;
}
#page-community-admin .manage-communities .community .help-block {
  margin-top: 0;
}
#page-community-admin .manage-communities .community .invitation-link {
  background-color: #666;
  padding: 5px;
  color: #fff;
  margin-bottom: 10px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .weekday-selector {
  width: auto;
  float: left;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .last-issue {
  float: left;
  padding: 5px;
  padding-left: 10px;
  color: #666;
  font-size: 14px;
  font-weight: 300;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .next-issue {
  float: left;
  padding: 5px;
  color: #666;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 300;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config h3 {
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .challenge-pool {
  margin-top: 15px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .save-message {
  margin-top: 10px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .apply-order {
  margin-right: 10px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-drop-placeholder {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  border: 2px dashed;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta {
  cursor: move;
  margin-bottom: 10px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta .sort-indicator {
  width: 10px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta .challenge-media {
  cursor: auto;
  width: 110px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta .challenge-media img {
  max-width: 100px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta .challenge-media iframe {
  max-width: 100px;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta .content .title {
  margin: 5px 0;
  font-weight: 500;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta .content .summary {
  font-weight: 300;
}
#page-community-admin .manage-communities .community .challenge-of-the-week .challenge-of-the-week-config .sortable-container .challenge-meta .actions {
  width: 100px;
  cursor: auto;
}
#page-community-admin .manage-billing .section-list .section {
  display: flex;
  color: #616161;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
#page-community-admin .manage-billing .section-list .section .header {
  width: 100px;
  min-width: 100px;
}
#page-community-admin .manage-billing .section-list .section .details {
  flex-grow: 1;
}
#page-community-admin .manage-billing .section-list .section .details .amount {
  font-size: 22px;
}
#page-community-admin .manage-billing .section-list .section .details .plan-name {
  color: #000;
  font-weight: 700;
  font-family: Lato, sans-serif;
}
#page-community-admin .manage-billing .section-list .section .details .flow {
  color: #1976D2;
}
#page-community-admin .manage-billing .section-list .section .details .plan-info {
  margin: 20px;
}
#page-community-admin .manage-billing .section-list .section .details .plan-info .top {
  border-bottom: 1px solid #f5f5f5;
}
#page-community-admin .manage-billing .section-list .section .details .plan-info .bottom {
  font-weight: 300;
}
#page-community-admin .manage-billing .account-usage {
  margin: 50px 0 20px 0;
}
#page-community-admin .manage-billing .bill .bill-header {
  padding: 10px;
  background-color: #767676;
  color: #fff;
}
#page-community-admin .manage-billing .bill .bill-header .amount {
  font-weight: 700;
}
#page-community-admin .manage-billing .bill .group-bill-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
#page-community-admin .manage-billing .bill .group-bill-header .amount {
  width: 70px;
  margin-right: 10px;
  text-align: right;
}
#page-community-admin .manage-billing .bill .group-bill-header .expand-billing-icon {
  margin-left: auto;
}
.usage {
  margin-bottom: 20px;
}
.usage .badge {
  min-width: 500px;
  padding: 40px;
  font-size: 24px;
}
.usage .badge .fa-exclamation-triangle {
  color: #f04124;
}
.usage .badge .fa-check {
  color: #43ac6a;
}
.usage .badge .over-limits {
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #f04124;
}
.usage .badge .under-limits {
  font-size: 17px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #1B5E20;
}
.usage .badge .word-count-indicator {
  margin-bottom: 10px;
}
.usage .badge .word-count-indicator .excess-words {
  display: none;
  visibility: hidden;
}
#lesson-content .fr-element p,
#lesson-announcement .fr-element p {
  margin: 0 0 10.5px;
}
.lesson-content {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 20px;
}
.lesson-content blockquote {
  font-size: 18px;
}
.lesson-content blockquote p {
  margin: 0;
}
.lesson-section-edit-mode {
  max-width: 732px;
}
.lesson-section {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 20px;
  position: relative;
  max-width: 700px;
  padding: 0 15px;
  margin: auto;
  margin-bottom: 50px;
}
.lesson-section blockquote {
  font-size: 18px;
}
.lesson-section blockquote p {
  margin: 0;
}
.lesson-section h2 {
  margin-top: 5px;
}
.lesson-section .admin-dropdown {
  text-align: right;
  margin-bottom: 10px;
}
.lesson-section .lesson-reading {
  margin: 20px 0;
  padding: 20px;
  background-color: #fdfdfc;
  box-shadow: 0 0 5px 2px #EFEBE9;
  display: flex;
}
.lesson-section .lesson-reading .reading-title {
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.lesson-section .lesson-reading .reading-descr {
  font-family: Lato, serif;
  font-size: 16px;
  color: #795548;
}
.lesson-section .lesson-reading-editor {
  margin: 20px 0;
  padding: 20px;
  background-color: #fdfdfc;
}
.lesson-section .lesson-question {
  margin: 20px 0;
  box-shadow: 0 0 5px 2px #E0E0E0;
}
.lesson-section .lesson-question .question {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #333;
  padding: 20px;
  background-color: #f4f5f6;
  min-height: 67px;
}
.lesson-section .lesson-question .question .fa-question-circle {
  position: absolute;
  left: 14px;
  top: 25px;
}
.lesson-section .lesson-question .question .question-content {
  margin-left: 20px;
}
.lesson-section .lesson-question .question p {
  margin: 0;
}
.lesson-section .lesson-question .question-answered {
  background-color: #E8F5E9;
}
.lesson-section .lesson-question .feedback-editor {
  font-size: 15px;
}
.lesson-section .lesson-question .feedback-editor .header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  color: #1976D2;
  padding: 5px 20px;
  font-size: 14px;
  background-color: #fff;
  margin-top: 5px;
}
.lesson-section .lesson-question .feedback {
  position: relative;
}
.lesson-section .lesson-question .feedback .feedback-text {
  margin-top: 20px;
  margin-left: 20px;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #efe;
  color: #2E7D32;
  border-radius: 15px 0 0 15px;
}
.lesson-section .lesson-question .feedback .bad-answer {
  background-color: #FFEBEE;
  color: #222;
}
.lesson-section .lesson-question .response {
  border-top: 1px solid #fff;
  padding: 10px;
  font-family: Lato, sans-serif;
}
.lesson-section .lesson-question .response .froala-new-answer-placeholder {
  background-color: #fff;
  padding: 16px;
  color: #5e7b88;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.lesson-section .lesson-question .response .new-answer-editor {
  margin: 10px 0 20px 0;
}
.lesson-section .lesson-question .response .actions {
  margin: 10px 0;
  text-align: right;
}
.lesson-section .lesson-question .response .poll-editor .fas {
  color: #1976D2;
}
.lesson-section .lesson-question .response .poll-editor .fas:not(:last-of-type) {
  margin-right: 5px;
}
.lesson-section .lesson-question .answers .block .answer {
  position: relative;
  overflow: hidden;
  padding: 20px 20px 10px 20px;
  background-color: #EFEBE9;
  border-top: 4px solid #666;
}
.lesson-section .lesson-question .answers .block .answer .text {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  padding: 5px 0;
  color: #333;
}
.lesson-section .lesson-question .answers .block .answer .author .name {
  color: #1565C0;
}
.lesson-section .lesson-question .answers .block .answer .delete-icon,
.lesson-section .lesson-question .answers .block .answer .edit-icon {
  position: absolute;
  top: 10px;
  right: 0;
}
.lesson-section .lesson-question .answers .block .answer .delete-icon a,
.lesson-section .lesson-question .answers .block .answer .edit-icon a {
  color: #767676;
}
.lesson-section .lesson-question .answers .block .answer .delete-icon {
  right: 0;
}
.lesson-section .lesson-question .answers .block .answer .edit-icon {
  right: 20px;
}
.lesson-section .lesson-question .answers .block .answer .delete-icon:hover,
.lesson-section .lesson-question .answers .block .answer .edit-icon:hover {
  cursor: pointer;
}
.lesson-section .lesson-question .answers .block:last-of-type {
  margin-bottom: 75px;
}
.lesson-section .lesson-section-comments {
  font-family: Lato, sans-serif;
  margin-top: 20px;
}
.lesson-section .lesson-section-element {
  position: relative;
}
.lesson-section .lesson-section-element .btn-admin-edit {
  position: absolute;
  right: 0;
  top: 0;
}
.page-lesson-viewer .challenge-box {
  box-shadow: none;
  padding: 0;
}
.page-lesson-viewer .section-admin-actions .fas {
  color: #1976D2;
}
.page-lesson-viewer .section-admin-actions .fas:not(:last-of-type) {
  margin-right: 5px;
}
.page-lesson-viewer .post-element-actions {
  margin: 0 0 25px 0;
  text-align: center;
  font-family: Lato, sans-serif;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-lesson-viewer .post-element-actions a {
  margin-top: 10px;
}
.page-lesson-viewer .element-editor-question {
  box-shadow: 0 0 5px 2px #E0E0E0;
}
.page-lesson-viewer .longer-tooltip-froala .fr-box.fr-basic .fr-element {
  min-height: 100px;
}
.page-lesson-viewer .element-editor {
  margin: 0 0 25px 0;
}
.page-lesson-viewer .element-editor .fr-box.fr-basic .fr-element {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 20px;
}
.page-lesson-viewer .element-editor .fr-box.fr-basic .fr-element blockquote {
  font-size: 18px;
}
.page-lesson-viewer .element-editor .fr-box.fr-basic .fr-element blockquote p {
  margin: 0;
}
.page-lesson-viewer .element-editor .lesson-question {
  margin: 0;
  box-shadow: none;
}
.page-lesson-viewer .element-editor .lesson-question .question {
  padding: 0;
}
.page-lesson-viewer .element-editor .element-actions-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  font-size: 15px;
  font-family: Lato, sans-serif;
  border: 1px solid #eee;
  background-color: #fafafa;
  padding: 10px 20px;
}
.page-lesson-viewer .element-editor .element-actions-bar .element-type-indicator {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #0277BD;
}
.page-lesson-viewer .element-editor .element-actions-bar .action-icon {
  color: #1976D2;
  cursor: pointer;
}
.page-lesson-viewer .element-editor .element-actions-bar .action-icon:not(:last-of-type) {
  margin-right: 5px;
}
.page-lesson-viewer .page-lesson-viewer-navigator {
  width: 250px;
  position: fixed;
  top: 90px;
  left: 0;
  bottom: 0;
  background-color: #f6f6f6;
  border-right: 1px solid #ddd;
  overflow-y: scroll;
}
.page-lesson-viewer .page-lesson-viewer-navigator .lesson-editor-activate-button {
  padding: 13px 5px 14px 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item {
  position: relative;
  padding: 20px 5px;
  color: #222;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .pipe {
  position: absolute;
  width: 5px;
  left: 25px;
  background-color: #ccc;
  top: 0;
  bottom: 0;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .pipe-first {
  top: 45px;
  bottom: 0;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .pipe-last {
  bottom: 25px;
  height: 45px;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .navigator-item-label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin-left: 10px;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .fa-stack {
  min-width: 45px;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .fa-circle {
  color: #ccc;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .fa-stack.completed .fa-circle {
  color: #1B5E20;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item .pipe.completed {
  background-color: #1B5E20;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item:hover {
  cursor: pointer;
  text-decoration: none;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item:hover {
  background-color: #E8F5E9;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item.active {
  background-color: #2E7D32;
  color: #fff;
}
.page-lesson-viewer .page-lesson-viewer-navigator .navigator-item.active .navigator-item-label .section-admin-actions .fas {
  color: #E1F5FE;
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-header {
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
  background-color: #f6f6f6;
  padding: 100px 50px 100px 50px;
  position: relative;
  min-height: 225px;
  color: #fff;
  margin: 0;
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-header img {
  float: right;
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-header .lesson-descr {
  font-size: 16px;
  padding: 20px;
  font-family: Lato, sans-serif;
  background-color: rgba(0, 0, 0, 0.6);
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-header ::placeholder {
  color: #fff;
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-announcement {
  font-size: 16px;
  padding: 20px;
  font-family: Lato, sans-serif;
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-section-actions-rhs {
  font-size: 16px;
  padding: 20px 20px;
  font-family: Lato, sans-serif;
  margin-bottom: 50px;
  border-bottom: 1px solid #ddd;
}
.page-lesson-viewer .page-lesson-viewer-content .section-nav-bar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-lesson-viewer .page-lesson-viewer-content .section-nav-bar .btn {
  margin: 20px;
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-section-footer {
  font-family: Lato, sans-serif;
  padding: 50px 20px;
  text-align: center;
}
@media (max-width: 480px) {
  .page-lesson-viewer .page-lesson-viewer-content .lesson-section-footer {
    padding: 20px 20px 0px;
  }
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-not-open-message {
  max-width: 700px;
  margin: auto;
  padding: 20px 0;
  text-align: center;
}
.page-lesson-viewer .page-lesson-viewer-content .lesson-announcement-label:hover {
  cursor: pointer;
}
.page-lesson-viewer .page-lesson-viewer-content-offset {
  margin-left: 250px;
}
#page-create-new-class h2 {
  font-size: 24px;
  margin: 30px 0 0 0;
  font-weight: 700;
}
#page-create-new-class .help-block {
  margin-bottom: 30px;
}
#page-create-new-class .create-class-lessons-count,
#page-create-new-class .create-class-name {
  background-color: transparent;
  border-style: dashed;
  border-width: 0px 0px 2px;
  border-color: #1976D2;
  outline: none;
  padding: 0;
  color: #1976D2;
  line-height: 1;
}
#page-create-new-class .create-class-name {
  width: 345px;
}
#page-create-new-class .create-class-lessons-count {
  width: 30px;
  margin-right: 10px;
  text-align: center;
}
#page-create-new-class .flowing-text-form {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 2.5;
}
#page-create-new-class .flowing-text-form select {
  border-color: #ddd;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 2.5;
}
#page-create-new-class .flowing-text-form .form-title {
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 22px;
}
#page-create-new-class .highlight-text {
  color: #1976D2;
}
#page-create-new-class .choice-button {
  margin-left: 20px;
}
#page-create-new-class .lesson-info {
  font-family: Roboto, sans-serif;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
#page-create-new-class .lesson-info .duration {
  padding-right: 10px;
  font-weight: 700;
}
#page-create-new-class .lesson-info .lesson-descr {
  margin-top: 5px;
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  padding: 7px;
  resize: vertical;
}
#page-create-new-class .lesson-info ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1;
  /* Firefox */
  font-size: 13px;
}
#page-create-new-class .lesson-info :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 13px;
}
#page-create-new-class .lesson-info ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 13px;
}
#page-create-new-class .step-pane {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 0 5px 2px #E0E0E0;
}
@media (max-width: 480px) {
  #page-create-new-class .choice-button {
    margin-left: 0;
  }
  #page-create-new-class .flowing-text-form {
    font-size: 18px;
    line-height: 2;
  }
  #page-create-new-class .flowing-text-form select {
    font-size: 18px;
  }
  #page-create-new-class .flowing-text-form .form-title {
    font-size: 18px;
  }
  #page-create-new-class .create-class-name {
    width: 140px;
  }
}
.modal-create-class .form-group label,
.modal-start-class .form-group label {
  font-weight: 700;
  font-size: 16px;
}
.down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 100px 0 100px;
  border-color: #1976D2 transparent transparent transparent;
}
#dialog-award-badge .badge-class {
  outline: none;
}
#dialog-award-badge .badge-class:hover {
  background-color: #fff;
  cursor: pointer;
  border: 1px solid #1976D2;
}
#dialog-award-badge .badge-class-selected {
  background-color: #fff;
  border: 2px solid #1976D2;
}
#dialog-award-badge .badge-class-selected:hover {
  border: 2px solid #1976D2;
}
#dialog-award-badge .issuer-selector {
  margin-bottom: 10px;
}
#dialog-show-badge .modal-body {
  background-color: #f2f2f2;
  border-radius: 50px 50px 0 0;
}
#dialog-show-badge .modal-footer {
  margin-top: 0;
}
#dialog-show-badge .awarded-badge {
  display: flex;
}
#dialog-show-badge .awarded-badge .image {
  max-width: 200px;
}
#dialog-show-badge .awarded-badge .issuedOn {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
}
#dialog-show-badge .awarded-badge .details {
  margin: 10px 20px 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#dialog-show-badge .awarded-badge .details .name {
  font-family: Lato, sans-serif;
  font-size: 22px;
  font-weight: 700;
}
#dialog-show-badge .awarded-badge .details .issuer {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
}
#dialog-show-badge .awarded-badge .details .description {
  margin-top: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  color: #666;
}
#dialog-show-badge .awarded-badge .details .narrative {
  margin-top: 20px;
  font-family: 'Crimson Text', serif;
  font-size: 16px;
  font-style: italic;
  color: #666;
}
.badge-issuer {
  box-shadow: 0 0 5px 2px #E0E0E0;
  margin-bottom: 20px;
}
.badge-issuer .issuer-info {
  padding: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.badge-issuer .issuer-image {
  margin-right: 20px;
}
.badge-issuer .issuer-image img {
  max-width: 100px;
}
.badge-issuer a.issuer-name {
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.badge-issuer .description {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  color: #666;
}
.badge-class-list {
  padding-bottom: 20px;
}
.badge-class-list .list {
  display: flex;
  background-image: url("/public/images/patterns/stripes-light.png");
}
.badge-class-list .actions {
  margin: 20px 0 0 20px;
}
@media (max-width: 767px) {
  .badge-class-list .list {
    flex-direction: column;
  }
}
.badge-class {
  display: flex;
  background-color: #fff;
  padding: 10px;
  align-items: flex-start;
  margin: 20px;
  max-width: 300px;
  border-bottom: 1px solid #fafafa;
  border-right: 1px solid #fafafa;
  border-left: 1px solid #fafafa;
  border-radius: 0 50px 50px 0;
  box-shadow: 0 0 5px 2px #E0E0E0;
}
.badge-class .badge-image {
  max-width: 75px;
  margin-right: 10px;
}
.badge-class a.badge-name,
.badge-class .badge-name {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.badge-class .badge-description {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #666;
}
.badge-class .badge-criteria {
  font-family: 'Crimson Text', serif;
  font-style: italic;
  color: #666;
}
@media (max-width: 767px) {
  .badge-class {
    max-width: inherit;
  }
  .badge-class .badge-image {
    max-width: 40px;
  }
}
.admin-sections h1,
.admin-sections h2 {
  color: #1976D2;
  border-bottom: none;
  font-family: Roboto, sans-serif;
  margin: 0;
  padding-bottom: 0;
}
.admin-sections h1 {
  font-size: 20px;
  font-weight: 700;
}
.admin-sections h2 {
  font-size: 18px;
  margin-top: 10px;
}
.admin-sections .sections .section-indent {
  padding-left: 20px;
}
.admin-sections .sections .section-vertical-gap {
  margin-top: 30px;
}
.admin-sections .sections .section {
  max-width: 750px;
  position: relative;
  margin-bottom: 75px;
}
.admin-sections .sections .section .content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.admin-sections .sections .section .content .help-block {
  margin-top: 0;
}
.admin-sections .sections .section .content .item-descr {
  font-family: Roboto, sans-serif;
  color: #666;
  line-height: 1.5;
  font-weight: 400;
  background-color: #E1F5FE;
  padding: 5px;
}
.admin-sections .sections .section .content .item-descr-editor .fr-element p {
  margin: 0 0 10.5px;
}
.admin-sections .sections .section .content .item-descr-editor textarea {
  height: 100px;
  width: 100%;
}
.admin-sections .sections .section .content .item-descr-editor .preview {
  font-family: Roboto, sans-serif;
  color: #666;
  line-height: 1.5;
  font-weight: 400;
  background-color: #E1F5FE;
  padding: 5px;
  background-color: #efe;
  padding: 10px;
}
.admin-sections .sections .section-small-margin {
  margin-bottom: 20px;
}
#page-base-templates .instructor-resource {
  padding: 10px 0;
  margin-left: 20px;
  display: flex;
  align-items: start;
}
#page-base-templates .instructor-resource .drag-icon {
  cursor: move;
  padding-right: 10px;
  color: #999999;
}
#page-base-templates .instructor-resource .instructor-resource-title {
  line-height: 1;
}
.critique-settings-pane {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.pricing .price-text {
  font-size: 13px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}
.pricing .price-text .dollar {
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.pricing .price-sub-text {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #707070;
}
.pricing .info-top {
  padding-bottom: 10px;
}
.pricing .info-bottom {
  padding: 20px 0 0 0;
  font-family: 'Crimson Text', serif;
  font-style: italic;
}
.pricing .payg {
  margin-bottom: 15px;
  color: #333;
  padding-left: 20px;
}
.pricing .payg .price {
  padding-left: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.pricing .ppe {
  margin-bottom: 15px;
  color: #333;
  padding-left: 20px;
}
.pricing .ppe input {
  width: 75px;
}
.pricing .ppe .pricing-tiers .pricing-tier {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.pricing .ppe .pricing-tiers .pricing-tier .price {
  font-size: 13px;
  padding: 0 2px;
}
.pricing .ppe .pricing-tiers .pricing-tier .price-about {
  padding: 0 2px;
  font-size: 11px;
}
.pricing .ppe .price {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.pricing .ppe .price .price-item .price-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.pricing .ppe .price .price-item .price-text .dollar {
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.pricing .ppe .price .price-item .price-sub-text {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #707070;
}
.critique-settings {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  font-size: 15px;
}
.critique-settings h4 {
  color: #1565C0;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.critique-settings .critique-option .option {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.critique-settings .critique-option .option .option-radio {
  width: 22px;
}
.critique-settings .critique-option .option .option-text {
  color: #1565C0;
  font-size: 16px;
}
.critique-settings .critique-option .descr {
  padding-left: 22px;
  color: #666;
}
.critique-settings-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
#page-lesson-editor .lesson-header-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin: 20px 0 10px 0;
}
#page-lesson-editor .lesson-header-bar h1 {
  margin: 0;
}
#page-lesson-editor .lesson-header-bar .actions {
  text-align: right;
  min-width: 250px;
}
#page-lesson-editor h3 {
  margin-bottom: 5px;
}
#page-lesson-editor a.back-link {
  color: #767676;
  font-weight: 300;
}
#page-search .search-input-group {
  width: 100%;
  margin: 20px 0;
}
#page-search .search-header {
  border-bottom: 1px solid #fbba00;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#page-search .search-header .result-anchors a {
  margin-right: 10px;
}
#page-search .results-block {
  margin-bottom: 50px;
}
#page-search .class-home-header {
  font-size: 22px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #666;
}
#page-search .announcement {
  margin-bottom: 50px;
  position: relative;
}
#page-search .announcement h1 {
  margin: 0 0 5px 0;
  padding-bottom: 5px;
  font-size: 22px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #666;
}
#page-search .announcement .icon-delete {
  position: absolute;
  right: 50px;
  top: 10px;
  cursor: pointer;
}
#page-search .announcement .icon-edit {
  position: absolute;
  right: 70px;
  top: 10px;
  cursor: pointer;
}
#page-search .announcement .timestamp {
  font-size: 12px;
  color: #767676;
  margin: 0 0 10px 0;
}
#page-search .announcement p {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  word-wrap: break-word;
}
.rzslider .rz-pointer {
  outline: 0;
}
.rzslider .rz-bubble {
  font-family: Roboto, sans-serif;
  color: #3498db !important;
  font-weight: 700;
}
mentio-menu {
  z-index: 2000 !important;
}
.member-search .list-group-item {
  border: none;
  background-color: #333;
}
.member-search .list-group-item img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
}
.member-search .list-group-item .text-primary {
  margin: 0 10px;
  color: white;
}
.member-search .list-group-item .menu-highlighted {
  font-weight: bold;
}
.member-search li.list-group-item.active {
  background-color: #03668e;
}
mentio-menu {
  margin-top: 5px;
  background-color: #333;
}
.read-more {
  position: relative;
}
.read-more .content {
  overflow: hidden;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.read-more .trigger {
  display: inline-block;
  color: #2D50A9;
}
.read-more .trigger .read-more-text {
  font-family: Lato, sans-serif;
}
.read-more .trigger:hover {
  cursor: pointer;
  color: #2D50A9;
}
/* Jcrop Css*/
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
.jcrop-vline,
.jcrop-hline {
  background: #FFF url(Jcrop.gif);
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
.jcrop-tracker {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  height: 100%;
  width: 100%;
}
.jcrop-handle {
  background-color: #333;
  border: 1px #EEE solid;
  font-size: 1px;
  height: 7px;
  width: 7px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #FFF;
  filter: alpha(opacity=70) !important;
  opacity: .70 !important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #FFF;
  border-radius: 3px;
}
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000;
  filter: alpha(opacity=70) !important;
  opacity: .7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #FFF;
  border-color: #000;
  border-radius: 3px;
}
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #FFF;
}
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
/* Jcrop Css*/
.text-normal {
  color: black;
}
.emoji {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  background-size: contain;
}
.navbar-secondary {
  background-color: #424242;
  border-color: #424242;
}
.navbar-secondary .navbar-brand {
  color: #fff;
}
.navbar-secondary .navbar-brand-active {
  background-color: #212121;
}
.navbar-secondary .navbar-brand:hover,
.navbar-secondary .navbar-brand:focus {
  color: #fff;
  background-color: #212121;
}
.navbar-secondary .navbar-text {
  color: #fff;
}
.navbar-secondary .navbar-nav > li > a {
  color: #fff;
}
.navbar-secondary .navbar-nav > li > a:hover,
.navbar-secondary .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #212121;
}
.navbar-secondary .navbar-nav > .active > a,
.navbar-secondary .navbar-nav > .active > a:hover,
.navbar-secondary .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #212121;
}
.navbar-secondary .navbar-nav > .disabled > a,
.navbar-secondary .navbar-nav > .disabled > a:hover,
.navbar-secondary .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-secondary .navbar-toggle {
  border-color: transparent;
}
.navbar-secondary .navbar-toggle:hover,
.navbar-secondary .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-secondary .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-secondary .navbar-collapse,
.navbar-secondary .navbar-form {
  border-color: #007196;
}
.navbar-secondary .navbar-nav > .open > a,
.navbar-secondary .navbar-nav > .open > a:hover,
.navbar-secondary .navbar-nav > .open > a:focus {
  background-color: #424242;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-secondary .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #424242;
  }
  .navbar-secondary .navbar-nav .open .dropdown-menu .divider {
    background-color: #424242;
  }
  .navbar-secondary .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-secondary .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-secondary .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #424242;
  }
  .navbar-secondary .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-secondary .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-secondary .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #424242;
  }
  .navbar-secondary .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-secondary .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-secondary .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-secondary .navbar-link {
  color: #fff;
}
.navbar-secondary .navbar-link:hover {
  color: #fff;
}
.navbar-secondary .dropdown-menu {
  background-color: #424242;
}
.navbar-secondary .dropdown-menu > li > a,
.navbar-secondary .dropdown-menu > li > a:focus {
  color: #fff;
}
.navbar-secondary .dropdown-menu > li > a:hover,
.navbar-secondary .dropdown-menu > .active > a,
.navbar-secondary .dropdown-menu > .active > a:hover {
  color: #fff;
  background-color: #212121;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.nav-tabs > li > div {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > div:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > div,
.nav-tabs > li.active > div:hover {
  color: #555;
  cursor: default;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs > li > div {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav-tabs > li > div:hover {
  background-color: #eee;
}
.uib-tab > div {
  color: #337ab7;
  cursor: pointer;
}
.nav-tabs > li.disabled > div {
  color: #767676;
}
.nav-tabs > li.disabled > div:hover,
.nav-tabs > li.disabled > div:focus {
  color: #767676;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.versions > .popover {
  background: white !important;
  color: black !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.versions > .popover.bottom > .arrow {
  border-bottom-color: rgba(0, 0, 0, 0.25) !important;
}
.versions > .popover.bottom > .arrow:after {
  border-bottom-color: white !important;
  border-top-width: 0;
}
#critique-breadcrumbs {
  top: 40px;
}
#assignment-breadcrumbs {
  top: 15px;
}
#assignment-breadcrumbs ol {
  padding: 0px 20px;
}
#pagework-breadcrumbs {
  top: 56px;
}
breadcrumbs {
  position: relative;
  right: 0;
  left: 0;
}
breadcrumbs .breadcrumb-bootstrap-override .breadcrumb {
  border: none;
  text-transform: NONE;
  font-size: 12px;
  background: none;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 10px 15px;
}
.compare-area {
  position: relative;
  border-right: 1px dashed;
  border-color: #767676;
}
.compare-area .close-compare {
  position: absolute;
  right: 30px;
  top: 10px;
}
.version-compare .version-name-list {
  color: #ffffff;
  padding: 12px 15px;
}
.version-compare .work-display-area {
  margin-top: 50px;
  font-size: 18px;
}
.version-compare-editor {
  display: block;
  padding: 10px;
  margin: 0 0 10.5px;
  font-size: 14px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
}
.version-selector {
  width: 250px;
}
.version-selector .all-version-container {
  margin-top: 30px;
}
.version-selector .all-version-container .all-version-table-container {
  height: 350px;
  overflow: auto;
}
.version-selector .all-version-container .all-version-table-container .all-versions {
  font-weight: 200;
  cursor: pointer;
}
.version-selector .all-version-container .all-version-table-container .all-versions .version-header {
  font-weight: 400;
}
.selected-version {
  background-color: #f5f5f5;
}
.version-tree,
.version-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.version-tree ul {
  margin-left: 1em;
  position: relative;
}
.version-tree ul ul {
  margin-left: .5em;
}
.version-tree ul li:before {
  content: "";
  display: block;
  width: 10px;
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  position: absolute;
  top: 1em;
  left: 0;
}
.version-tree ul li:last-child:before {
  background: white;
  height: auto;
  top: 1em;
  bottom: 0;
}
.version-tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid;
}
.version-tree li {
  margin: 0;
  padding: 0 1.5em;
  line-height: 1.3;
  color: #369;
  font-weight: bold;
  position: relative;
}
.critique-assigner {
  width: 400px;
}
.critique-assigner .header {
  font-size: 16px;
  font-weight: 700;
}
.critique-assigner .container {
  padding: 5px;
}
.critique-assigner .container .save {
  padding-left: 5px;
}
.calender-actions > .popover {
  background: white !important;
  color: black !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.calender-actions > .popover.bottom > .arrow {
  border-bottom-color: rgba(0, 0, 0, 0.25) !important;
}
.calender-actions > .popover.bottom > .arrow:after {
  border-bottom-color: white !important;
  border-top-width: 0;
}
.visible-xxs {
  display: none;
}
@media (max-width: 480px) {
  .hidden-xxs {
    display: none !important;
  }
  .visible-xxs {
    display: block !important;
  }
  .page-lesson-viewer .page-lesson-viewer-content-offset {
    margin-left: 58px !important;
  }
  .page-lesson-viewer .page-lesson-viewer-navigator {
    width: 58px !important;
  }
  .page-lesson-viewer .longer-tooltip-froala .fr-box.fr-basic .fr-element {
    min-height: 200px;
  }
  .date-time-picker,
  .date-time-group {
    flex-direction: column;
    margin-top: 20px;
    align-items: flex-start;
  }
  .work-box {
    padding: 20px;
  }
  .work-box .title a {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .navbar-brand {
    font-size: 14px;
  }
  .challenge-box .title a {
    font-size: 16px;
  }
  .challenge-box .challenge-main {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .challenge-box .challenge-main .challenge-main-left {
    border-right: none;
  }
  #page-lesson-editor .lesson-header-bar .actions {
    min-width: 110px;
  }
  #page-private-messages .messages-nav .messages-nav-lhs {
    width: 70px;
  }
  #page-private-messages .messages-nav .messages-nav-lhs .message-thread {
    flex-direction: column;
  }
  #page-private-messages .messages-nav .messages-nav-rhs {
    margin-left: 70px;
  }
  .page-lesson-viewer .page-lesson-viewer-content-offset {
    margin-left: 200px;
  }
  .page-lesson-viewer .page-lesson-viewer-navigator {
    width: 200px;
  }
  .page-lesson-viewer .page-lesson-viewer-content .lesson-header {
    padding: 20px 0;
    min-height: 200px;
  }
  .page-lesson-viewer .page-lesson-viewer-content .lesson-descr {
    font-size: 13px;
    padding: 20px;
  }
  .lesson-section .lesson-section-element h1 {
    font-size: 28px;
    font-weight: 400;
  }
  .lesson-section .lesson-question .question {
    font-size: 15px;
    padding: 10px;
  }
  .lesson-section .lesson-question .question .fa-question-circle {
    display: none;
    visibility: hidden;
  }
  .lesson-section .lesson-question .question .question-content {
    margin-left: 0;
  }
  .lesson-section .lesson-question .feedback .feedback-text {
    margin-top: 20px;
    margin-left: 20px;
    padding: 10px;
    margin-bottom: 10px;
  }
  .lesson-section .lesson-question .response .actions {
    margin: 10px 0;
  }
  .lesson-section .lesson-question .answers .block {
    padding-bottom: 50px;
  }
  .lesson-section .lesson-question .answers .block .answer {
    padding: 10px;
    margin: 0 -2px 20px -2px;
  }
  .lesson-section .lesson-question .answers .block .answer .text {
    font-size: 15px;
    padding: 5px 0;
  }
  .lesson-section .lesson-question .answers .block .comments {
    padding-left: 5px;
  }
  .comments .comment .user-avatar-container {
    display: none;
    visibility: hidden;
  }
  .comments .comment .offset {
    left: 0;
    margin-right: 0;
  }
  .comments .comment .offset .comment-content {
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
  }
  #page-class .course-content .class-info .class-info-inner,
  #page-class-self-guided .course-content .class-info .class-info-inner,
  #page-class-mentorship .course-content .class-info .class-info-inner {
    padding: 20px 5px;
  }
  #page-class .course-content .class-info .class-info-inner .class-name,
  #page-class-self-guided .course-content .class-info .class-info-inner .class-name,
  #page-class-mentorship .course-content .class-info .class-info-inner .class-name {
    font-size: 20px;
    padding-bottom: 10px;
  }
  #page-class .course-content .class-info .class-info-inner .announcement-title,
  #page-class-self-guided .course-content .class-info .class-info-inner .announcement-title,
  #page-class-mentorship .course-content .class-info .class-info-inner .announcement-title {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 0;
  }
  #page-class .course-content .class-info .class-info-inner .announcement-content,
  #page-class-self-guided .course-content .class-info .class-info-inner .announcement-content,
  #page-class-mentorship .course-content .class-info .class-info-inner .announcement-content {
    font-size: 13px;
  }
  #page-class .course-content .class-lessons .class-lessons-inner,
  #page-class-self-guided .course-content .class-lessons .class-lessons-inner,
  #page-class-mentorship .course-content .class-lessons .class-lessons-inner {
    padding: 50px 10px;
  }
  #page-class .course-content .class-lessons .class-lessons-inner .lesson .lesson-info,
  #page-class-self-guided .course-content .class-lessons .class-lessons-inner .lesson .lesson-info,
  #page-class-mentorship .course-content .class-lessons .class-lessons-inner .lesson .lesson-info {
    margin-bottom: 50px;
  }
  #chat-window {
    bottom: -18px;
  }
  #chat-window .chat-header {
    padding: 2px 10px;
  }
  #page-work .title {
    font-size: 30px;
  }
  #page-work .reference {
    font-size: 20px;
  }
  #page-work .content {
    font-size: 14px;
  }
  #page-work .sidebar .annotation .quotedText {
    font-size: 14px;
  }
  #page-work .sidebar .annotation .comments .comment .user-avatar {
    max-width: 0;
    max-height: 0;
  }
  #page-work .sidebar .annotation .comments .comment .offset {
    margin-right: 5px;
    left: 5px;
  }
}
@media print {
  .navbar-offset {
    margin-top: 0;
  }
  .navbar-offset-half {
    margin-top: 0;
  }
  #page-work .push-title-down {
    top: 0;
  }
  a[href]:after {
    content: none !important;
  }
  .no-print,
  .no-print * {
    display: none !important;
  }
}
.CodeMirror-lines {
  font-size: 13px;
}
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #767676;
  background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
/*! angularjs-slider - v2.10.2 -
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> -
 https://github.com/angular-slider/angularjs-slider -
 2016-03-01 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rzslider[disabled] {
  cursor: not-allowed;
}
.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}
.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}
.rzslider .rz-bar-wrapper.rz-draggable {
  cursor: move;
}
.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rzslider .rz-bar.rz-selection {
  z-index: 2;
  background: #0db9f0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  content: '';
}
.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}
.rzslider .rz-pointer.rz-active {
  z-index: 4;
}
.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}
.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}
.rzslider .rz-bubble.rz-selection {
  top: 16px;
}
.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}
.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0;
  padding: 0 11px;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.rzslider .rz-ticks .tick {
  width: 10px;
  height: 10px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}
.rzslider .rz-ticks .tick.selected {
  background: #0db9f0;
}
.rzslider .rz-ticks .tick .tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}
.rzslider.vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}
.rzslider.vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}
.rzslider.vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}
.rzslider.vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}
.rzslider.vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}
.rzslider.vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}
.rzslider.vertical .rz-bubble.rz-selection {
  top: auto;
  left: 16px !important;
}
.rzslider.vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
  padding: 11px 0;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.rzslider.vertical .rz-ticks .tick {
  vertical-align: middle;
}
.rzslider.vertical .rz-ticks .tick .tick-value {
  top: auto;
  right: -30px;
  transform: translate(0, -28%);
}
[uib-popover-popup].popover,
[uib-popover-template-popup].popover,
[uib-popover-html-popup].popover {
  display: block !important;
}
.modal-custom-navigation .drop-placeholder {
  text-align: center;
  vertical-align: middle;
  height: 50px;
  border: 2px dashed;
}
.help-link {
  padding: 5px;
}
.help-link-space-right {
  padding: 0 5px 0 0;
}
.help-link-no-padding {
  padding: 0;
}
.help-anime {
  animation-name: help-rotate, help-pulse;
  animation-duration: 1s, 0.5s;
  animation-iteration-count: 1, 1;
  animation-fill-mode: forwards;
  animation-delay: 1s, 1.75s;
  opacity: 0;
  color: black;
}
.help-non-anime {
  color: #666;
}
.admin-class-help {
  position: absolute;
  top: 10px;
  right: 35px;
}
#page-admin table.subscription-table tr.non-active-subscription {
  color: #e32c28;
}
#page-admin table.subscription-table tr.non-active-subscription a {
  color: #e32c28;
}
#page-admin table.subscription-table tr.free-ppe-subscription {
  color: #999;
}
#page-admin table.subscription-table tr.free-ppe-subscription a {
  color: #999;
}
@keyframes help-rotate {
  from {
    transform-origin: center;
    transform: rotate3d(0, 1, 0, -360deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
@keyframes help-pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.75, 1.75, 1.75);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.align-child-center-flex-parent {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
.align-child-center-flex-parent .flex-item-center:not(:last-child) {
  margin-right: 4px;
}
.align-child-center-flex-parent .flex-item-center:not(:last-child).right-margin-8 {
  margin-right: 8px;
}
textarea.form-control {
  max-width: 100%;
}
/* At.js */
.atwho-view {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-top: 18px;
  background: white;
  color: black;
  border: 1px solid #DDD;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  min-width: 120px;
  z-index: 11110 !important;
}
.atwho-view .atwho-header {
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  border-bottom: solid 1px #eaeff1;
  color: #6f8092;
  font-size: 11px;
  font-weight: bold;
}
.atwho-view .atwho-header .small {
  color: #6f8092;
  float: right;
  padding-top: 2px;
  margin-right: -5px;
  font-size: 12px;
  font-weight: normal;
}
.atwho-view .atwho-header:hover {
  cursor: default;
}
.atwho-view .cur {
  background: #3366FF;
  color: white;
}
.atwho-view .cur small {
  color: white;
}
.atwho-view strong {
  color: #3366FF;
}
.atwho-view .cur strong {
  color: white;
  font: bold;
}
.atwho-view ul {
  /* width: 100px; */
  list-style: none;
  padding: 0;
  margin: auto;
  max-height: 200px;
  overflow-y: auto;
}
.atwho-view ul li {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #DDD;
  cursor: pointer;
  /* border-top: 1px solid #C8C8C8; */
}
.atwho-view small {
  font-size: smaller;
  color: #777;
  font-weight: normal;
}
/* workspace */
#workspace {
  display: none;
  position: relative;
  width: 100%;
}
#workspace header.dimmed {
  background-color: transparent;
}
#workspace header.dimmed p {
  color: #333333;
  font-weight: bold;
}
#workspace header ul,
#workspace header li,
#workspace header p {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}
#workspace header p {
  color: #fff;
  font-size: 15px;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  text-align: center;
  width: 44%;
}
#workspace header ul {
  padding: 0;
  width: 27%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#workspace #inspector li,
#workspace #toolbar li {
  height: 16px;
  line-height: 16px;
  margin: 12px 12px 12px 0;
  position: relative;
  width: 16px;
}
#workspace #inspector li a,
#workspace #toolbar li a {
  cursor: pointer;
  color: #3C3D36;
  display: block;
  height: 16px;
  text-indent: 16px;
  overflow: hidden;
  width: 16px;
}
#workspace #inspector li a:hover,
#workspace #toolbar li a:hover {
  text-decoration: none;
}
#workspace #inspector li a:hover:after,
#workspace #toolbar li a:hover:after {
  background: #ED303C;
  border-radius: 4px;
  color: #fff;
  content: attr(data-tooltip);
  left: -5px;
  padding: 3px 7px 4px 30px;
  position: absolute;
  text-align: left;
  text-indent: 0;
  top: -3px;
}
/* inspector */
#workspace #inspector li a:hover:after {
  background-position: 5px 3px;
  background-repeat: no-repeat;
}
/*
#workspace #inspector li.fountain { background: url('../images/toolbar/fountain.png') top left no-repeat; }
#workspace #inspector li.fountain:hover { background-image: url('../images/toolbar/fountain-hover.png'); }
#workspace #inspector li.fountain a:hover:after { background-image: url('../images/toolbar/fountain-hover.png'); width: 98px; }
*/
/* notifications */
#workspace .notification::-moz-selection,
#workspace .notification::selection {
  background: #454545;
}
#workspace .notification {
  background: #454545 url('../images/notification.png') 6px 6px no-repeat;
  border-radius: 4px;
  color: #fff;
  display: none;
  font-size: 13px;
  padding: 6px 8px 6px 28px;
  position: absolute;
  right: 5px;
  top: -8px;
}
.col-xs-8 #workspace #script {
  width: 650px !important;
}
.col-xs-8 #workspace #script.dpi100 .page {
  padding: 100px 10px !important;
}
#page-work .content #workspace #script.dpi100 .page a[href*="ant:"] {
  border-width: 2px;
}
.col-xs-8 #workspace #script .page p.section {
  margin-left: 0 !important;
}
.col-xs-8 #workspace #script .page p.synopsis {
  margin-left: 0 !important;
}
/* #51445F - moon warrior */
#workspace #script {
  width: 850px;
}
#workspace .page::-moz-selection,
#workspace .page::selection {
  background: #ED303C;
  color: #fff;
}
#workspace #script .page {
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  cursor: text;
  letter-spacing: 0 !important;
  font-family: 'Courier Prime', Courier, Courier New, monospace;
  line-height: 107.5%;
  margin-bottom: 25px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 1010;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#workspace #script.dpi72 .page {
  font-size: 12px;
  padding: 72px 72px 72px 108px;
}
#workspace #script.dpi100 .page {
  font-size: 16px;
  padding: 100px 100px 100px 150px;
}
#workspace #script.dpi150 .page {
  font-size: 33px;
  padding: 150px 150px 150px 225px;
}
#workspace #script.dpi72 .page h1,
#workspace #script.dpi72 .page h2,
#workspace #script.dpi72 .page h3,
#workspace #script.dpi72 .page h4,
#workspace #script.dpi72 .page p {
  font-size: 12px;
  font-weight: normal;
  margin: 1em 0;
}
#workspace #script.dpi100 .page h1,
#workspace #script.dpi100 .page h2,
#workspace #script.dpi100 .page h3,
#workspace #script.dpi100 .page h4,
#workspace #script.dpi100 .page p {
  font-size: 17px;
  font-weight: normal;
  margin: 1em 0;
}
#workspace #script.dpi150 .page h1,
#workspace #script.dpi150 .page h2,
#workspace #script.dpi150 .page h3,
#workspace #script.dpi150 .page h4,
#workspace #script.dpi150 .page p {
  font-size: 33px;
  font-weight: normal;
  margin: 1em 0;
}
/* US Paper */
#workspace #script.us-letter.dpi72 {
  width: 612px;
}
/* us letter - 72 dpi - 612px x 792px - margins: 1" 1" 1" 1.5" */
#workspace #script.us-letter.dpi100 {
  width: 850px;
}
/* us letter - 100 dpi - 850px x 1100px - margins: 1" 1" 1" 1.5" */
#workspace #script.us-letter.dpi150 {
  width: 1275px;
}
/* us letter - 150 dpi - 1275px x 1650px - margins: 1" 1" 1" 1.5" */
#workspace #script.us-letter.dpi72 .page {
  min-height: 792px;
}
/* min height temporary until proper paging is implemented */
#workspace #script.us-letter.dpi100 .page {
  min-height: 1100px;
}
/* min height temporary until proper paging is implemented */
#workspace #script.us-letter.dpi150 .page {
  min-height: 1650px;
}
/* min height temporary until proper paging is implemented */
#workspace #script.us-letter.dpi72 .page.title-page {
  height: 792px;
}
/* temp for title page until paging is implemented */
#workspace #script.us-letter.dpi100 .page.title-page {
  height: 1100px;
}
/* temp for title page until paging is implemented */
#workspace #script.us-letter.dpi150 .page.title-page {
  height: 1650px;
}
/* temp for title page until paging is implemented */
/* A4 Paper */
#workspace #script.a4.dpi72 {
  width: 595px;
}
/* us letter - 72 dpi - 595px x 842px - margins: 1" 1" 1" 1.5" */
#workspace #script.a4.dpi100 {
  width: 827px;
}
/* us letter - 72 dpi - 827px x 1169px - margins: 1" 1" 1" 1.5" */
#workspace #script.a4.dpi150 {
  width: 1250px;
}
/* us letter - 72 dpi - 1250px x 1754px - margins: 1" 1" 1" 1.5" */
#workspace #script.a4.dpi72 .page {
  height: 842px;
}
#workspace #script.a4.dpi100 .page {
  height: 1169px;
}
#workspace #script.a4.dpi150 .page {
  height: 1754px;
}
/* title page */
#workspace #script .title-page h1 {
  margin-top: 50%;
  margin-bottom: 34px;
  text-align: center;
  width: 90.5%;
}
#workspace #script .title-page p.credit {
  text-align: center;
  width: 90.5%;
}
#workspace #script .title-page p.author,
#workspace #script .title-page p.authors {
  margin-bottom: 32px;
  margin-top: 0;
  text-align: center;
  width: 90.5%;
}
#workspace #script .title-page p.source {
  margin-bottom: 32px;
  text-align: center;
  width: 90.5%;
}
#workspace #script .title-page p.notes {
  bottom: 350px;
  position: absolute;
  right: 0;
  text-align: right;
}
#workspace #script.dpi72 .title-page p.notes {
  bottom: 252px;
  right: 72px;
}
#workspace #script.dpi100 .title-page p.notes {
  bottom: 350px;
  right: 100px;
}
#workspace #script.dpi150 .title-page p.notes {
  bottom: 525px;
  right: 150px;
}
#workspace #script .title-page p.date,
#workspace #script .title-page p.draft-date {
  bottom: 250px;
  position: absolute;
  right: 0;
  text-align: right;
}
#workspace #script.dpi72 .title-page p.date,
#workspace #script.dpi72 .title-page p.draft-date {
  bottom: 180px;
  right: 72px;
}
#workspace #script.dpi100 .title-page p.date,
#workspace #script.dpi100 .title-page p.draft-date {
  bottom: 250px;
  right: 100px;
}
#workspace #script.dpi150 .title-page p.date,
#workspace #script.dpi150 .title-page p.draft-date {
  bottom: 375px;
  right: 150px;
}
#workspace #script .title-page p.contact {
  bottom: 100px;
  position: absolute;
  right: 0;
  text-align: right;
}
#workspace #script.dpi72 .title-page p.contact {
  bottom: 72px;
  right: 72px;
}
#workspace #script.dpi100 .title-page p.contact {
  bottom: 100px;
  right: 100px;
}
#workspace #script.dpi150 .title-page p.contact {
  bottom: 150px;
  right: 150px;
}
#workspace #script .title-page p.copyright {
  bottom: 100px;
  position: absolute;
  text-align: left;
}
#workspace #script.dpi72 .title-page p.copyright {
  bottom: 72px;
}
#workspace #script.dpi100 .title-page p.copyright {
  bottom: 100px;
}
#workspace #script.dpi150 .title-page p.copyright {
  bottom: 150px;
}
/* script */
#workspace #script .page h2 {
  text-align: right;
}
#workspace #script .page h2.left-aligned {
  text-align: left;
}
#workspace #script .page h3 {
  position: relative;
}
#workspace #script .page h3:before {
  color: #bbb;
  content: attr(id);
  font-weight: bold;
  left: -45px;
  position: absolute;
}
#workspace #script .page h3:after {
  color: #bbb;
  content: attr(id);
  font-weight: bold;
  right: -45px;
  position: absolute;
}
#workspace #script .page div.dialogue {
  margin-left: auto;
  margin-right: auto;
  width: 68%;
}
#workspace #script .page div.dialogue h4 {
  margin-bottom: 0;
  margin-left: 23%;
}
#workspace #script .page div.dialogue p.parenthetical {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 11%;
}
#workspace #script .page div.dialogue p {
  margin-bottom: 0;
  margin-top: 0;
}
#workspace #script .page div.dual-dialogue {
  margin: 2em 0 0.9em 2%;
  width: 95%;
}
#workspace #script .page div.dual-dialogue div.dialogue {
  display: inline-block;
  margin: 0;
  width: 45%;
}
#workspace #script .page div.dual-dialogue div.dialogue h4 {
  margin-top: 0;
}
#workspace #script .page div.dual-dialogue div.dialogue.right {
  float: right;
}
#workspace #script .page p.centered {
  text-align: center;
  width: 92.5%;
}
#workspace #script .page p.section {
  color: #bbb;
  margin-left: -30px;
}
#workspace #script .page p.synopsis {
  color: #bbb;
  margin-left: -20px;
}
#workspace #script .page span.italic {
  font-style: italic;
}
#workspace #script .page span.bold {
  font-weight: bold;
}
#workspace #script .page span.underline {
  text-decoration: underline;
}
.snackbar-container {
  transition: all 500ms ease;
  transition-property: top, right, bottom, left, opacity;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  min-height: 14px;
  background-color: #070b0e;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  line-height: 22px;
  padding: 18px 24px;
  bottom: -100px;
  top: -100px;
  opacity: 0;
  z-index: 9999;
}
.snackbar-container p {
  line-height: 1.3 !important;
}
.snackbar-container p a {
  color: #fbba00;
}
.snackbar-container .action {
  background: inherit;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: #4caf50;
  margin: 0 0 0 24px;
  padding: 0;
  min-width: min-content;
  cursor: pointer;
}
@media (min-width: 640px) {
  .snackbar-container {
    min-width: 288px;
    max-width: 568px;
    display: inline-flex;
    border-radius: 2px;
    margin: 24px;
  }
}
@media (max-width: 640px) {
  .snackbar-container {
    left: 0;
    right: 0;
    width: 100%;
  }
}
.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.snackbar-pos.bottom-left {
  top: auto !important;
  bottom: 0;
  left: 0;
}
.snackbar-pos.bottom-right {
  top: auto !important;
  bottom: 0;
  right: 0;
}
.snackbar-pos.top-left {
  bottom: auto !important;
  top: 0;
  left: 0;
}
.snackbar-pos.top-center {
  bottom: auto !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.snackbar-pos.top-right {
  bottom: auto !important;
  top: 0;
  right: 0;
}
@media (max-width: 640px) {
  .snackbar-pos.bottom-center,
  .snackbar-pos.top-center {
    left: 0;
    transform: none;
  }
}
/*fireworks*/
.pyro > .before,
.pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}
.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}
@-webkit-keyframes bang {
  to {
    box-shadow: -80px -212.66667px #ffb300, 195px -274.66667px #b3ff00, 36px -210.66667px #ff00bb, 229px 78.33333px #00aaff, 133px -258.66667px #00ffd9, 27px -93.66667px #00ff9d, -102px -363.66667px #d5ff00, 32px 83.33333px #00fffb, -228px -212.66667px #0400ff, -231px -334.66667px #7700ff, -193px -380.66667px #ffbb00, -225px -44.66667px #ff0080, 186px 66.33333px #00fff7, 157px -199.66667px #ff0099, -222px -109.66667px #a200ff, 139px -93.66667px #00ff55, 227px -26.66667px #9500ff, -88px -153.66667px #00ffd9, 182px -243.66667px #ff3700, 28px -98.66667px #48ff00, -133px -414.66667px #ff1500, 130px -101.66667px #ff004d, 104px -358.66667px #00ff26, 240px -328.66667px #00ff1a, 24px 53.33333px #ff0091, -64px -97.66667px #8400ff, 161px -282.66667px #ff7700, 164px -176.66667px #ff00e1, 22px -329.66667px #c800ff, -99px -224.66667px #9d00ff, -213px -64.66667px #00d9ff, 231px -101.66667px #0011ff, 90px -293.66667px #ffd500, -69px -89.66667px #ff006a, 85px -385.66667px #aaff00, 248px -322.66667px #ff5100, -84px -177.66667px #ff5500, -53px -10.66667px #00ff26, -182px -413.66667px #0033ff, 93px -181.66667px #00ff48, -115px -114.66667px #eaff00, -1px -213.66667px #ff00a2, 23px -128.66667px #0051ff, 63px -9.66667px #ff001a, 196px -215.66667px #2bff00, 168px -303.66667px #ff0033, 219px -176.66667px #ddff00, 116px -303.66667px #ff004d, 30px 15.33333px #55ff00, -191px -406.66667px #00d9ff, 46px 11.33333px #0dff00;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: -80px -212.66667px #ffb300, 195px -274.66667px #b3ff00, 36px -210.66667px #ff00bb, 229px 78.33333px #00aaff, 133px -258.66667px #00ffd9, 27px -93.66667px #00ff9d, -102px -363.66667px #d5ff00, 32px 83.33333px #00fffb, -228px -212.66667px #0400ff, -231px -334.66667px #7700ff, -193px -380.66667px #ffbb00, -225px -44.66667px #ff0080, 186px 66.33333px #00fff7, 157px -199.66667px #ff0099, -222px -109.66667px #a200ff, 139px -93.66667px #00ff55, 227px -26.66667px #9500ff, -88px -153.66667px #00ffd9, 182px -243.66667px #ff3700, 28px -98.66667px #48ff00, -133px -414.66667px #ff1500, 130px -101.66667px #ff004d, 104px -358.66667px #00ff26, 240px -328.66667px #00ff1a, 24px 53.33333px #ff0091, -64px -97.66667px #8400ff, 161px -282.66667px #ff7700, 164px -176.66667px #ff00e1, 22px -329.66667px #c800ff, -99px -224.66667px #9d00ff, -213px -64.66667px #00d9ff, 231px -101.66667px #0011ff, 90px -293.66667px #ffd500, -69px -89.66667px #ff006a, 85px -385.66667px #aaff00, 248px -322.66667px #ff5100, -84px -177.66667px #ff5500, -53px -10.66667px #00ff26, -182px -413.66667px #0033ff, 93px -181.66667px #00ff48, -115px -114.66667px #eaff00, -1px -213.66667px #ff00a2, 23px -128.66667px #0051ff, 63px -9.66667px #ff001a, 196px -215.66667px #2bff00, 168px -303.66667px #ff0033, 219px -176.66667px #ddff00, 116px -303.66667px #ff004d, 30px 15.33333px #55ff00, -191px -406.66667px #00d9ff, 46px 11.33333px #0dff00;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: -80px -212.66667px #ffb300, 195px -274.66667px #b3ff00, 36px -210.66667px #ff00bb, 229px 78.33333px #00aaff, 133px -258.66667px #00ffd9, 27px -93.66667px #00ff9d, -102px -363.66667px #d5ff00, 32px 83.33333px #00fffb, -228px -212.66667px #0400ff, -231px -334.66667px #7700ff, -193px -380.66667px #ffbb00, -225px -44.66667px #ff0080, 186px 66.33333px #00fff7, 157px -199.66667px #ff0099, -222px -109.66667px #a200ff, 139px -93.66667px #00ff55, 227px -26.66667px #9500ff, -88px -153.66667px #00ffd9, 182px -243.66667px #ff3700, 28px -98.66667px #48ff00, -133px -414.66667px #ff1500, 130px -101.66667px #ff004d, 104px -358.66667px #00ff26, 240px -328.66667px #00ff1a, 24px 53.33333px #ff0091, -64px -97.66667px #8400ff, 161px -282.66667px #ff7700, 164px -176.66667px #ff00e1, 22px -329.66667px #c800ff, -99px -224.66667px #9d00ff, -213px -64.66667px #00d9ff, 231px -101.66667px #0011ff, 90px -293.66667px #ffd500, -69px -89.66667px #ff006a, 85px -385.66667px #aaff00, 248px -322.66667px #ff5100, -84px -177.66667px #ff5500, -53px -10.66667px #00ff26, -182px -413.66667px #0033ff, 93px -181.66667px #00ff48, -115px -114.66667px #eaff00, -1px -213.66667px #ff00a2, 23px -128.66667px #0051ff, 63px -9.66667px #ff001a, 196px -215.66667px #2bff00, 168px -303.66667px #ff0033, 219px -176.66667px #ddff00, 116px -303.66667px #ff004d, 30px 15.33333px #55ff00, -191px -406.66667px #00d9ff, 46px 11.33333px #0dff00;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: -80px -212.66667px #ffb300, 195px -274.66667px #b3ff00, 36px -210.66667px #ff00bb, 229px 78.33333px #00aaff, 133px -258.66667px #00ffd9, 27px -93.66667px #00ff9d, -102px -363.66667px #d5ff00, 32px 83.33333px #00fffb, -228px -212.66667px #0400ff, -231px -334.66667px #7700ff, -193px -380.66667px #ffbb00, -225px -44.66667px #ff0080, 186px 66.33333px #00fff7, 157px -199.66667px #ff0099, -222px -109.66667px #a200ff, 139px -93.66667px #00ff55, 227px -26.66667px #9500ff, -88px -153.66667px #00ffd9, 182px -243.66667px #ff3700, 28px -98.66667px #48ff00, -133px -414.66667px #ff1500, 130px -101.66667px #ff004d, 104px -358.66667px #00ff26, 240px -328.66667px #00ff1a, 24px 53.33333px #ff0091, -64px -97.66667px #8400ff, 161px -282.66667px #ff7700, 164px -176.66667px #ff00e1, 22px -329.66667px #c800ff, -99px -224.66667px #9d00ff, -213px -64.66667px #00d9ff, 231px -101.66667px #0011ff, 90px -293.66667px #ffd500, -69px -89.66667px #ff006a, 85px -385.66667px #aaff00, 248px -322.66667px #ff5100, -84px -177.66667px #ff5500, -53px -10.66667px #00ff26, -182px -413.66667px #0033ff, 93px -181.66667px #00ff48, -115px -114.66667px #eaff00, -1px -213.66667px #ff00a2, 23px -128.66667px #0051ff, 63px -9.66667px #ff001a, 196px -215.66667px #2bff00, 168px -303.66667px #ff0033, 219px -176.66667px #ddff00, 116px -303.66667px #ff004d, 30px 15.33333px #55ff00, -191px -406.66667px #00d9ff, 46px 11.33333px #0dff00;
  }
}
@keyframes bang {
  to {
    box-shadow: -80px -212.66667px #ffb300, 195px -274.66667px #b3ff00, 36px -210.66667px #ff00bb, 229px 78.33333px #00aaff, 133px -258.66667px #00ffd9, 27px -93.66667px #00ff9d, -102px -363.66667px #d5ff00, 32px 83.33333px #00fffb, -228px -212.66667px #0400ff, -231px -334.66667px #7700ff, -193px -380.66667px #ffbb00, -225px -44.66667px #ff0080, 186px 66.33333px #00fff7, 157px -199.66667px #ff0099, -222px -109.66667px #a200ff, 139px -93.66667px #00ff55, 227px -26.66667px #9500ff, -88px -153.66667px #00ffd9, 182px -243.66667px #ff3700, 28px -98.66667px #48ff00, -133px -414.66667px #ff1500, 130px -101.66667px #ff004d, 104px -358.66667px #00ff26, 240px -328.66667px #00ff1a, 24px 53.33333px #ff0091, -64px -97.66667px #8400ff, 161px -282.66667px #ff7700, 164px -176.66667px #ff00e1, 22px -329.66667px #c800ff, -99px -224.66667px #9d00ff, -213px -64.66667px #00d9ff, 231px -101.66667px #0011ff, 90px -293.66667px #ffd500, -69px -89.66667px #ff006a, 85px -385.66667px #aaff00, 248px -322.66667px #ff5100, -84px -177.66667px #ff5500, -53px -10.66667px #00ff26, -182px -413.66667px #0033ff, 93px -181.66667px #00ff48, -115px -114.66667px #eaff00, -1px -213.66667px #ff00a2, 23px -128.66667px #0051ff, 63px -9.66667px #ff001a, 196px -215.66667px #2bff00, 168px -303.66667px #ff0033, 219px -176.66667px #ddff00, 116px -303.66667px #ff004d, 30px 15.33333px #55ff00, -191px -406.66667px #00d9ff, 46px 11.33333px #0dff00;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
/****************
  pdf2htmlEX BEGIN
  A copy of this is in the archive HTML file as well
 ****************/
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
/*!
 * Base CSS for pdf2htmlEX
 * Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com>
 * https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
 */
/* Part 1: Web Page Layout: Free to modify, except for a few of them which are required by pdf2htmlEX.js, see the comments */
.pdf2html-sidebar {
  /* Sidebar */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250px;
  padding: 0;
  margin: 0px;
  overflow: auto;
  display: none;
  visibility: hidden;
}
.pdf2html-page-container {
  /* PDF container */
  position: relative;
  /* required for calculating relative positions of pages in pdf2htmlEX.js */
  top: 0;
  left: 0px;
  margin: 0;
  padding: 0;
  border: 0;
  /* required for lazy page loading in pdf2htmlEX.js (page visibility test) */
}
@media screen {
  /* for sidebar */
  .pdf2html-sidebar.opened + .pdf2html-page-container {
    left: 250px;
  }
  .pdf2html-page-container {
    /* `bottom' and `right' are required for lazy page loading in pdf2htmlEX.js (page visibility test)
     * alternatively you may set width and height
     */
    bottom: 0;
    right: 0;
    overflow: auto;
  }
  .loading-indicator {
    display: none;
  }
  .loading-indicator.active {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
  }
  .loading-indicator img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@media print {
  .pdf2html-sidebar {
    display: none;
  }
  .pdf2html-page-container {
    width: auto;
    height: auto;
    overflow: visible;
    background-color: transparent;
  }
  .d {
    display: none;
  }
}
/* Part 2: Page Elements: Modify with caution
 * The followings are base classes, some of which are meant to be override by PDF specific classes
 * So do not increase the specificity (e.g. ".classname" -> ".pdf2html-page-container .classname")
 */
.pf {
  /* page */
  position: relative;
  background-color: white;
  overflow: hidden;
  margin: 0;
  border: 0;
  /* required by pdf2htmlEX.js for page visibility test */
}
.pc {
  /* content of a page */
  position: absolute;
  border: 0;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  /* set transform-origin for scaling */
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
.pc.opened {
  /* used by pdf2htmlEX.js, to show/hide pages */
  display: block;
}
.bf {
  /* images that occupies the whole page */
  position: absolute;
  border: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.bi {
  /* images that cover only a part of the page */
  position: absolute;
  border: 0;
  margin: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media print {
  .pf {
    margin: 0;
    box-shadow: none;
    page-break-after: always;
    page-break-inside: avoid;
  }
  @-moz-document url-prefix() {
    /* fix page truncation for FireFox */
    .pf {
      overflow: visible;
      border: 1px solid #FFFFFF;
    }
    .pc {
      overflow: visible;
    }
  }
}
.c {
  /* clip box */
  position: absolute;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: block;
}
.t {
  /* text line */
  position: absolute;
  white-space: pre;
  font-size: 1px;
  transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  unicode-bidi: bidi-override;
  /* For rtl languages, e.g. Hebrew, we don't want the default Unicode behaviour */
  -moz-font-feature-settings: "liga" 0;
  /* We don't want Firefox to recognize ligatures */
}
.t:after {
  /* webkit #35443 */
  content: '';
}
.t:before {
  /* Workaround Blink(up to 41)/Webkit bug of word-spacing with leading spaces (chromium #404444 and pdf2htmlEX #412) */
  content: '';
  display: inline-block;
}
.t span {
  /* text blocks within a line */
  /* Blink(up to 41)/Webkit have bug with negative word-spacing and inline-block (pdf2htmlEX #416), so keep normal span inline. */
  position: relative;
  unicode-bidi: bidi-override;
  /* For rtl languages, e.g. Hebrew, we don't want the default Unicode behaviour */
}
._ {
  /* text shift */
  /* Blink(up to 41)/Webkit have bug with inline element, continuous spaces and word-spacing. Workaround by inline-block. */
  display: inline-block;
  color: transparent;
  z-index: -1;
}
/* selection background should not be opaque, for fallback mode */
::selection {
  background: rgba(127, 255, 255, 0.4);
}
::-moz-selection {
  background: rgba(127, 255, 255, 0.4);
}
.pi {
  /* info for Javascript */
  display: none;
}
.l {
  /* annotation links */
}
/* transparent color - WebKit */
.d {
  /* css drawing */
  position: absolute;
  transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
}
/* for the forms */
.it {
  border: none;
  background-color: rgba(255, 255, 255, 0);
}
.ir:hover {
  cursor: pointer;
}
/* Base CSS END */
/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
/*!
 * Fancy styles for pdf2htmlEX
 * Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com>
 * https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
 */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(0deg);
  }
  90% {
    transform: rotate(720deg);
  }
  100% {
    transform: rotate(720deg);
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(0deg);
  }
  90% {
    -webkit-transform: rotate(720deg);
  }
  100% {
    -webkit-transform: rotate(720deg);
  }
}
@media screen {
  .pdf2html-sidebar {
    background-color: #2f3236;
    /* modified from http://philbit.com/svgpatterns/#crossstripes */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjNDAzYzNmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMNCA0Wk00IDBMMCA0WiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMxZTI5MmQiPjwvcGF0aD4KPC9zdmc+");
  }
  .pdf2html-outline {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 13px;
    margin: 2em 1em;
  }
  .pdf2html-outline ul {
    padding: 0;
  }
  .pdf2html-outline li {
    list-style-type: none;
    margin: 1em 0;
  }
  .pdf2html-outline li > ul {
    margin-left: 1em;
  }
  .pdf2html-outline a,
  .pdf2html-outline a:visited,
  .pdf2html-outline a:hover,
  .pdf2html-outline a:active {
    line-height: 1.2;
    color: #e8e8e8;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    display: block;
    overflow: hidden;
    outline: 0;
  }
  .pdf2html-outline a:hover {
    color: #00ccff;
  }
  .pdf2html-page-container {
    /*background-color:#9e9e9e;*/
    /* http://philbit.com/svgpatterns/#thinstripes */
    /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjOWU5ZTllIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");*/
    -webkit-transition: left 500ms;
    transition: left 500ms;
  }
  .pf {
    margin: 20px 0;
    box-shadow: 0 0 5px 2px #E0E0E0;
    /* Needed by IE to make box-shadow works * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow */
    border-collapse: separate;
  }
  .pc.opened {
    /* used by pdf2htmlEX.js, to show/hide pages */
    -webkit-animation: fadein 100ms;
    animation: fadein 100ms;
  }
  .loading-indicator.active {
    /*
     * use 0.01s instead of 0s,
     * since YUI Compressor will change 0s to 0,
     * which is not recognized by Firefox
     */
    -webkit-animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
    animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
  }
  .checked {
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goQDSYgDiGofgAAAslJREFUOMvtlM9LFGEYx7/vvOPM6ywuuyPFihWFBUsdNnA6KLIh+QPx4KWExULdHQ/9A9EfUodYmATDYg/iRewQzklFWxcEBcGgEplDkDtI6sw4PzrIbrOuedBb9MALD7zv+3m+z4/3Bf7bZS2bzQIAcrmcMDExcTeXy10DAFVVAQDksgFUVZ1ljD3yfd+0LOuFpmnvVVW9GHhkZAQcxwkNDQ2FSCQyRMgJxnVdy7KstKZpn7nwha6urqqfTqfPBAJAuVymlNLXoigOhfd5nmeiKL5TVTV+lmIKwAOA7u5u6Lped2BsbOwjY6yf4zgQQkAIAcedaPR9H67r3uYBQFEUFItFtLe332lpaVkUBOHK3t5eRtf1DwAwODiIubk5DA8PM8bYW1EU+wEgCIJqsCAIQAiB7/u253k2BQDDMJBKpa4mEon5eDx+UxAESJL0uK2t7XosFlvSdf0QAEmlUnlRFJ9Waho2Qghc1/U9z3uWz+eX+Wr+lL6SZfleEAQIggA8z6OpqSknimIvYyybSCReMsZ6TislhCAIAti2Dc/zejVNWwCAavN8339j27YbTg0AGGM3WltbP4WhlRWq6Q/btrs1TVsYHx+vNgqKoqBUKn2NRqPFxsbGJzzP05puUlpt0ukyOI6z7zjOwNTU1OLo6CgmJyf/gA3DgKIoWF1d/cIY24/FYgOU0pp0z/Ityzo8Pj5OTk9PbwHA+vp6zWghDC+VSiuRSOQgGo32UErJ38CO42wdHR09LBQK3zKZDDY2NupmFmF4R0cHVlZWlmRZ/iVJUn9FeWWcCCE4ODjYtG27Z2Zm5juAOmgdGAB2d3cBADs7O8uSJN2SZfl+WKlpmpumaT6Yn58vn/fs6XmbhmHMNjc3tzDGFI7jYJrm5vb29sDa2trPC/9aiqJUy5pOp4f6+vqeJ5PJBAB0dnZe/t8NBajx/z37Df5OGX8d13xzAAAAAElFTkSuQmCC);
  }
}
/* Fancy CSS END */
/****************
  pdf2htmlEX END
 ****************/