span.answer,
.fa.answer,
.btn.answer {
  color: #4a7546;
}
span.article,
.fa.article,
.btn.article {
  color: #a7763b;
}
span.assignment,
.fa.assignment,
.btn.assignment {
  color: #602c28;
}
span.book,
.fa.book,
.btn.book {
  color: #11273b;
}
span.choice,
.fa.choice,
.btn.choice {
  color: #bb7a1d;
}
span.course,
.fa.course,
.btn.course {
  color: #b04a6d;
}
span.deck,
.fa.deck,
.btn.deck {
  color: #127736;
}
span.error,
.fa.error,
.btn.error {
  color: #ca4a33;
}
span.evaluation,
.fa.evaluation,
.btn.evaluation {
  color: #cea332;
}
span.flashcard,
.fa.flashcard,
.btn.flashcard {
  color: #25613b;
}
span.group,
.fa.group,
.btn.group {
  color: #846232;
}
span.journalism,
.fa.journalism,
.btn.journalism {
  color: #6b5619;
}
span.lesson,
.fa.lesson,
.btn.lesson {
  color: #2b2b5f;
}
span.notebook,
.fa.notebook,
.btn.notebook {
  color: #92472b;
}
span.page,
.fa.page,
.btn.page {
  color: #3c588f;
}
span.portfolio,
.fa.portfolio,
.btn.portfolio {
  color: #479859;
}
span.question,
.fa.question,
.btn.question {
  color: #4d3d5c;
}
span.research,
.fa.research,
.btn.research {
  color: #3e609d;
}
span.simple,
.fa.simple,
.btn.simple {
  color: #295d5e;
}
span.story,
.fa.story,
.btn.story {
  color: #1f581f;
}
span.test,
.fa.test,
.btn.test {
  color: #79140c;
}
span.tutoring,
.fa.tutoring,
.btn.tutoring {
  color: #298329;
}
span.workout,
.fa.workout,
.btn.workout {
  color: #ce5d0e;
}
span.TRUE_FALSE,
.fa.TRUE_FALSE,
.btn.TRUE_FALSE {
  color: #4d3d5c;
}
span.EXACT_ANSWER,
.fa.EXACT_ANSWER,
.btn.EXACT_ANSWER {
  color: #4d3d5c;
}
span.ESSAY,
.fa.ESSAY,
.btn.ESSAY {
  color: #4d3d5c;
}
span.MULTIPLE_CHOICE,
.fa.MULTIPLE_CHOICE,
.btn.MULTIPLE_CHOICE {
  color: #4d3d5c;
}
span.CLASS,
.fa.CLASS,
.btn.CLASS {
  color: #274e7e;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
.field h1 {
  font-size: 20px;
}
.field h2 {
  font-size: 16px;
}
.field h3 {
  font-size: 14px;
}
.field h4 {
  font-size: 12px;
}
.field h5 {
  font-size: 10px;
}
.field h6 {
  font-size: 8px;
}
@media screen and (max-width: 600px) {
  h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 14px;
  }
  h4 {
    font-size: 12px;
  }
  h5 {
    font-size: 10px;
  }
  h6 {
    font-size: 8px;
  }
}
.fa.margin-right {
  margin-right: 5px;
}
body {
  margin: 0;
  font-size: 16px;
  background: #fbfcff;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow-wrap: break-word;
}
body * {
  font-family: Athena, 'Roboto', sans-serif;
  font-weight: 300;
  color: #3d3737;
}
body * * {
  font-weight: inherit;
  color: inherit;
}
a,
span.button-link {
  cursor: pointer;
  text-decoration: none;
  color: #2e5cb7;
}
a:hover,
span.button-link:hover,
a:focus,
span.button-link:focus,
a:active,
span.button-link:active {
  color: #7993c7;
}
b {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px 0;
  font-weight: 300;
}
hr {
  height: 1px;
  background-color: #cecece;
  border: none;
  margin: 18px 0;
}
img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
menu {
  padding: 0;
}
p {
  line-height: 1.3;
  margin: 0 0 15px 0;
}
p:last-child {
  margin-bottom: 0;
}
section {
  margin-bottom: 18px;
}
section:last-child {
  margin-bottom: 0;
}
select,
option {
  font-family: 'FontAwesome', monospace;
}
small button {
  font-size: inherit;
}
sub,
sup {
  position: relative;
  vertical-align: baseline;
  top: 0.2em;
}
sup {
  top: -0.5em;
}
strong {
  font-weight: 600;
}
ol {
  margin: 0;
  padding-left: 30px;
}
ol li::before {
  list-style-position: inside;
}
ol:last-child {
  margin-bottom: 0;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul:last-child {
  margin-bottom: 0;
}
li {
  margin-bottom: 24px;
}
iframe {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
  outline: none;
}
.avatar.safari[src=""] {
  margin: -1px;
}
.info-text-wrapper * {
  font-size: 14px !important;
}
video,
.video-js {
  width: 100%;
  height: auto !important;
}
.video-js .vjs-tech {
  position: relative !important;
}
.keyword {
  font-size: 14;
  font-weight: 400;
  font-color: #a9a9a9;
}
.emphasized {
  font-size: 18px;
}
button {
  margin: 0;
  margin-right: 6px;
  border: 0;
  font-size: 16px;
  outline: none !important;
}
button:hover {
  cursor: pointer;
}
button:disabled,
button .disabled {
  cursor: inherit;
}
.button {
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid #334a55;
  background-color: #c7d2db;
  color: #334a55;
  font-weight: 400;
}
.button.fa-btn {
  color: #aa9898;
}
.button:hover,
.button:active {
  border-color: #3d3848;
  box-shadow: 2px 3px 10px 0px #776868;
  background-color: #3d3848;
  color: #d8e4ef;
}
.button:disabled,
.button .disabled {
  color: #a7a0b3;
  background-color: #e0e0e0;
  border-color: #bbb;
  box-shadow: none;
}
.button.full {
  width: 100%;
  padding: 18px;
}
.button.thin {
  padding: 4px 6px;
}
.button.cancel {
  color: #fff;
  background-color: #b13a15;
}
.button.confirm {
  color: #fff;
  background-color: #098a09;
}
.button.join {
  background-color: #bc410d;
  border-color: #bc410d;
  padding: 8px 15px;
  color: #fff;
}
.button.join:hover,
.button.join:active {
  border-color: #e37b1a;
  background-color: #e37b1a;
  box-shadow: 0 0 15px #e46900;
}
.button.join:disabled,
.button.join .disabled {
  background-color: #bd8d5a;
  border-color: #bd8d5a;
  color: #ecd7c8;
  box-shadow: none;
}
.button.type {
  padding-bottom: 8px;
  padding-top: 9px;
  font-size: 20px;
  color: #fff;
}
.button.type.answer {
  background-color: #4a7546;
}
.button.type.article {
  background-color: #a7763b;
}
.button.type.assignment {
  background-color: #602c28;
}
.button.type.book {
  background-color: #11273b;
}
.button.type.choice {
  background-color: #bb7a1d;
}
.button.type.course {
  background-color: #b04a6d;
}
.button.type.deck {
  background-color: #127736;
}
.button.type.error {
  background-color: #ca4a33;
}
.button.type.evaluation {
  background-color: #cea332;
}
.button.type.flashcard {
  background-color: #25613b;
}
.button.type.group {
  background-color: #846232;
}
.button.type.journalism {
  background-color: #6b5619;
}
.button.type.lesson {
  background-color: #2b2b5f;
}
.button.type.notebook {
  background-color: #92472b;
}
.button.type.page {
  background-color: #3c588f;
}
.button.type.portfolio {
  background-color: #479859;
}
.button.type.question {
  background-color: #4d3d5c;
}
.button.type.research {
  background-color: #3e609d;
}
.button.type.simple {
  background-color: #295d5e;
}
.button.type.story {
  background-color: #1f581f;
}
.button.type.test {
  background-color: #79140c;
}
.button.type.tutoring {
  background-color: #298329;
}
.button.type.workout {
  background-color: #ce5d0e;
}
.button.type.TRUE_FALSE {
  background-color: #4d3d5c;
}
.button.type.EXACT_ANSWER {
  background-color: #4d3d5c;
}
.button.type.ESSAY {
  background-color: #4d3d5c;
}
.button.type.MULTIPLE_CHOICE {
  background-color: #4d3d5c;
}
.button.type.CLASS {
  background-color: #274e7e;
}
.button.type.answer {
  border-color: #4a7546;
}
.button.type.article {
  border-color: #a7763b;
}
.button.type.assignment {
  border-color: #602c28;
}
.button.type.book {
  border-color: #11273b;
}
.button.type.choice {
  border-color: #bb7a1d;
}
.button.type.course {
  border-color: #b04a6d;
}
.button.type.deck {
  border-color: #127736;
}
.button.type.error {
  border-color: #ca4a33;
}
.button.type.evaluation {
  border-color: #cea332;
}
.button.type.flashcard {
  border-color: #25613b;
}
.button.type.group {
  border-color: #846232;
}
.button.type.journalism {
  border-color: #6b5619;
}
.button.type.lesson {
  border-color: #2b2b5f;
}
.button.type.notebook {
  border-color: #92472b;
}
.button.type.page {
  border-color: #3c588f;
}
.button.type.portfolio {
  border-color: #479859;
}
.button.type.question {
  border-color: #4d3d5c;
}
.button.type.research {
  border-color: #3e609d;
}
.button.type.simple {
  border-color: #295d5e;
}
.button.type.story {
  border-color: #1f581f;
}
.button.type.test {
  border-color: #79140c;
}
.button.type.tutoring {
  border-color: #298329;
}
.button.type.workout {
  border-color: #ce5d0e;
}
.button.type.TRUE_FALSE {
  border-color: #4d3d5c;
}
.button.type.EXACT_ANSWER {
  border-color: #4d3d5c;
}
.button.type.ESSAY {
  border-color: #4d3d5c;
}
.button.type.MULTIPLE_CHOICE {
  border-color: #4d3d5c;
}
.button.type.CLASS {
  border-color: #274e7e;
}
.button.type:disabled,
.button.type .disabled {
  color: #737373;
  border-color: #737373;
}
.button.type:disabled.answer,
.button.type .disabled.answer {
  background-color: #98b896;
}
.button.type:disabled.article,
.button.type .disabled.article {
  background-color: #a7763b;
}
.button.type:disabled.assignment,
.button.type .disabled.assignment {
  background-color: #602c28;
}
.button.type:disabled.book,
.button.type .disabled.book {
  background-color: #394b5b;
}
.button.type:disabled.choice,
.button.type .disabled.choice {
  background-color: #d9b16d;
}
.button.type:disabled.course,
.button.type .disabled.course {
  background-color: #b04a6d;
}
.button.type:disabled.deck,
.button.type .disabled.deck {
  background-color: #4c9466;
}
.button.type:disabled.error,
.button.type .disabled.error {
  background-color: #c47567;
}
.button.type:disabled.evaluation,
.button.type .disabled.evaluation {
  background-color: #c0b388;
}
.button.type:disabled.flashcard,
.button.type .disabled.flashcard {
  background-color: #25613b;
}
.button.type:disabled.group,
.button.type .disabled.group {
  background-color: #846232;
}
.button.type:disabled.journalism,
.button.type .disabled.journalism {
  background-color: #6b5619;
}
.button.type:disabled.lesson,
.button.type .disabled.lesson {
  background-color: #2b2b5f;
}
.button.type:disabled.notebook,
.button.type .disabled.notebook {
  background-color: #92472b;
}
.button.type:disabled.page,
.button.type .disabled.page {
  background-color: #3c588f;
}
.button.type:disabled.portfolio,
.button.type .disabled.portfolio {
  background-color: #479859;
}
.button.type:disabled.question,
.button.type .disabled.question {
  background-color: #a297ad;
}
.button.type:disabled.research,
.button.type .disabled.research {
  background-color: #3e609d;
}
.button.type:disabled.simple,
.button.type .disabled.simple {
  background-color: #9eb6b6;
}
.button.type:disabled.story,
.button.type .disabled.story {
  background-color: #1f581f;
}
.button.type:disabled.test,
.button.type .disabled.test {
  background-color: #79140c;
}
.button.type:disabled.tutoring,
.button.type .disabled.tutoring {
  background-color: #298329;
}
.button.type:disabled.workout,
.button.type .disabled.workout {
  background-color: #ce5d0e;
}
.button.type:disabled.TRUE_FALSE,
.button.type .disabled.TRUE_FALSE {
  background-color: #a297ad;
}
.button.type:disabled.EXACT_ANSWER,
.button.type .disabled.EXACT_ANSWER {
  background-color: #a297ad;
}
.button.type:disabled.ESSAY,
.button.type .disabled.ESSAY {
  background-color: #a297ad;
}
.button.type:disabled.MULTIPLE_CHOICE,
.button.type .disabled.MULTIPLE_CHOICE {
  background-color: #a297ad;
}
.button.social {
  background-color: #325f32;
  color: #fff;
}
.button.social:hover {
  background-color: #479859;
}
.button .fa + .button-text {
  margin-left: 8px;
}
@media screen and (max-width: 400px) {
  .button {
    padding: 8px;
  }
}
.btn {
  border: none;
  background: transparent;
  padding: 5px 0;
  margin: 0;
  text-align: left;
}
.btn:hover,
.btn:active {
  background: transparent;
}
.btn:hover.shadowed,
.btn:active.shadowed,
.btn:hover .RichEditor,
.btn:active .RichEditor,
.btn:hover .btn-children,
.btn:active .btn-children {
  text-decoration: underline;
}
.btn.full {
  width: 100%;
  text-align: left;
}
.btn.text {
  padding: 0;
  color: #376d9a;
}
.btn.text:hover,
.btn.text:focus {
  color: #7993c7;
}
.btn.text.link {
  color: #2e5cb7;
}
.btn.doc-select {
  text-align: left;
}
.btn.doc-select div {
  display: inline;
}
.btn .fa-check-circle {
  color: #6287a6;
}
.btn .counter {
  position: absolute;
  right: 2px;
  bottom: 8px;
  color: #fff;
  background: #3d9db1;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  padding: 0px;
  border: 1px solid #d6d29e;
}
.fa-btn {
  color: #aa9898;
}
.fa-btn.active,
.fa-btn:active {
  color: #3c4062;
}
.fa-btn:hover,
.fa-btn:focus {
  color: #7378a9;
}
.fa-btn:hover .fa-btn-text,
.fa-btn:focus .fa-btn-text {
  color: #7993c7;
}
.fa-btn .fa-btn-text {
  font-family: Cousine, monospace;
  font-weight: 700;
  margin-left: 5px;
}
.fa-btn:hover .fa-btn-text {
  text-decoration: underline;
}
.fa-btn:disabled,
.fa-btn .disabled {
  cursor: default;
  color: #cecece;
}
.fa-btn.fa-circle-btn {
  background: rgba(170,152,152,0.8);
  padding: 5px;
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  font-size: 16px;
}
.fa-btn.fa-circle-btn:hover,
.fa-btn.fa-circle-btn :active {
  background: rgba(104,79,144,0.8);
}
.fa-btn.cancel {
  color: #b13a15;
}
.fa-btn.confirm {
  color: #098a09;
}
.send-message-btn {
  position: absolute;
  z-index: 200;
  right: 3px;
  bottom: -22px;
  height: 32px;
  width: 32px;
  padding-left: 6px;
  border-radius: 50%;
  font-size: 16px;
  background: rgba(39,132,39,0.8);
  color: #def5e1;
}
.send-message-btn:not(:disabled):hover,
.send-message-btn:not(.disabled):hover,
.send-message-btn:not(:disabled):focus,
.send-message-btn:not(.disabled):focus,
.send-message-btn:not(:disabled):active,
.send-message-btn:not(.disabled):active {
  background: rgba(68,171,68,0.8);
  color: #def5e1;
}
.button-row {
  position: relative;
}
.button-row .button {
  position: relative;
  margin-right: 6px;
}
.horizontal-buttons {
  display: inline-block;
}
.horizontal-buttons .btn {
  font-size: 22px;
  padding: 0 6px;
}
.horizontal-buttons .btn:first-child {
  padding-left: 0;
}
.horizontal-buttons .label {
  margin-right: 5px;
}
.button-pair {
  width: 100%;
  margin-bottom: 8px;
}
.button-pair .large {
  display: inline-block;
  width: 85%;
  box-sizing: border-box;
  padding-right: 6px;
}
.button-pair .button {
  padding: 6px;
  border-radius: 6px;
  margin: 0;
  font-size: 18px;
}
.button-pair .button.main {
  width: 100%;
}
.button-pair .button.rocket {
  width: 15%;
  padding: 6px 0;
}
.button-pair .button .fa {
  font-size: 16px;
}
.create-button {
  border-radius: 6px;
  width: 100%;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  padding: 8px;
  margin-bottom: 8px;
}
.button-group button {
  float: left;
  height: 34px;
  margin-right: 4px;
}
.action-button {
  background: #fff;
  border: 1px solid #cecece;
  border-left-width: 3px;
  border-right-width: 3px;
  border-radius: 8px;
  color: #3d3737;
  font-weight: 300;
  text-align: left;
  width: 100%;
  margin: 0;
}
.action-button.uploads {
  padding: 0;
}
.action-button .check-mark {
  position: absolute;
  top: 10px;
  left: 6px;
  padding: 1px 0 0;
  background: transparent;
  border-radius: 10px;
  z-index: 2;
}
.action-button.open {
  border-color: #cecece;
}
.action-button:hover,
.action-button:active {
  background: #fff;
  color: #3d3737;
}
.action-button:hover:not(.open),
.action-button:active:not(.open) {
  border-color: #fff;
}
.action-button:hover .check-mark,
.action-button:active .check-mark {
  color: #6287a6;
}
.action-button.selected {
  background-color: #d5e4ea;
  border-color: #93b4c3;
}
.action-button.selected .check-mark {
  color: #3b4f71;
}
div.missing-full-button {
  padding: 17px;
  border: 1px solid #aa9898;
  border-radius: 6px;
}
.dual-buttons >div {
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 5px;
}
.dual-buttons >div >button {
  padding: 8px;
  margin: 0;
  width: 100%;
  border-radius: 6px;
}
.dual-buttons >div:first-child {
  text-align: right;
}
.button-tabs button {
  border: 1px solid #3d3737;
  border-radius: 3px;
  background: transparent;
  margin-bottom: 6px;
  font-size: 16px;
  padding: 3px 8px;
}
.button-tabs button:hover {
  background: #3d3737;
  color: #fff;
  box-shadow: 0px 0px 5px 1px #3d3737;
}
.button-tabs button.open {
  background: #3d3737;
  color: #fff;
}
.button-tabs button.open:hover {
  background: transparent;
  color: initial;
}
#root {
  position: relative;
  z-index: 1;
}
#main {
  position: relative;
  box-sizing: border-box;
  margin: 80px auto 0;
  padding: 0 15px 120px;
}
#main >.guttered {
  margin-left: 65px;
  padding-left: 0;
}
@media screen and (max-width: 600px) {
  #main >.guttered {
    margin-left: 32px;
  }
}
#offline {
  display: inline-block;
  position: fixed;
  top: 58px;
  left: 2px;
  color: #808080;
}
#site-footer {
  position: fixed;
  box-sizing: border-box;
  text-align: center;
  bottom: 0px;
  z-index: 700;
  width: 100%;
}
#terms-footer {
  background-color: #f8f6fb;
  padding: 8px 0 10px;
  box-shadow: 0px 0px 6px 2px #a091af;
  width: 100%;
}
#cookie-footer {
  z-index: 900;
  bottom: 0px;
  background: #2c2631;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  box-shadow: 0px 0px 10px #000;
}
#cookie-footer .btn {
  color: #e26904;
  padding: 0;
}
#cookie-footer .btn:hover {
  text-decoration: underline;
}
.err-text {
  margin-bottom: 10px;
  font-weight: bold;
  color: #d15b5b;
}
.main-header {
  margin: 0 0 30px 0;
}
.scrollbar {
  background-color: #aa9898;
  border-radius: 4px;
}
.scrollbar.gutter {
  display: none !important;
}
#update-modal {
  background: rgba(100,100,100,0.6);
}
body.darkmode {
  background-color: #363438;
}
body.darkmode #main * {
  color: #fff;
}
body.darkmode #sidebar {
  background-color: #414146;
}
body.darkmode #sidebar-header {
  background-color: #3a373d;
  border-bottom-color: #5a4e4e;
}
body.darkmode a,
body.darkmode span.button-link,
body.darkmode .btn.text {
  color: #cfdfff;
}
body.darkmode a:hover,
body.darkmode span.button-link:hover,
body.darkmode a:focus,
body.darkmode span.button-link:focus,
body.darkmode a:active,
body.darkmode span.button-link:active,
body.darkmode .btn.text:hover,
body.darkmode .btn.text:focus {
  color: #ca6d3f;
}
body.darkmode .RichEditor {
  background: #495567;
}
#header {
  position: fixed;
  will-change: transform;
  top: 0;
  z-index: 1000;
  width: 100%;
  padding: 0 0 0 10px;
  background: #2c2631;
  height: 50px;
  box-shadow: 0px 3px 12px #29252d;
}
#header .learnio-home a {
  color: #ece3e0;
}
#header .learnio-home a:hover,
#header .learnio-home a:active {
  color: #e26904;
}
#header .learnio-home a:hover #home-icon,
#header .learnio-home a:active #home-icon {
  color: #eaaf4c;
}
#header .learnio-home a #home-icon {
  color: #91d2ef;
}
#header button {
  padding: 8px;
  font-size: 14px;
}
#header div,
#header h1 {
  display: inline-block;
}
#header .learnio-home {
  display: inline-block;
  font-size: 30px;
  padding: 7px 0;
  margin: 0;
}
#header #main-menu {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  right: 12px;
  height: 100%;
  margin: 0;
  padding-top: 1px;
  background: inherit;
  z-index: 1000;
  padding-inline-start: 0;
  vertical-align: middle;
}
#header #main-menu .btn {
  position: relative;
  font-size: 24px;
  padding: 0 4px;
  margin-right: 2px;
  color: #ece3e0;
  height: 100%;
}
#header #main-menu .btn .fa-user-circle {
  font-size: 32px;
  position: relative;
  top: 1px;
}
#header #main-menu .btn:hover,
#header #main-menu .btn:focus {
  color: #e26904;
}
#header #main-menu .btn.icon {
  color: #e26904;
}
#header #main-menu .btn.icon .avatar-wrapper {
  margin-right: 0;
  margin-left: 4px;
  padding: 0;
  width: 42px;
  line-height: 50px;
  vertical-align: sub;
}
#header #main-menu .btn.icon .avatar-wrapper .fa-user-circle {
  position: relative;
  color: #e26904;
  font-size: 32px;
}
#header #main-menu .btn.icon .avatar-wrapper .fa-user-circle:hover,
#header #main-menu .btn.icon .avatar-wrapper .fa-user-circle:focus {
  color: #eaaf4c;
}
#header #main-menu .btn.icon .avatar-static .initials {
  color: #2c2631;
  background-color: #e26904;
  top: -11px;
  font-size: 18px;
  font-weight: 400;
}
#header #main-menu .btn.icon.active,
#header #main-menu .btn.icon:actives,
#header #main-menu .btn.icon:hover,
#header #main-menu .btn.icon:focus {
  color: #eaaf4c;
}
#header #main-menu #sidebar-swing,
#header #main-menu #home-icon {
  font-size: 30px;
  color: #91d2ef;
  top: 2px;
}
#header #main-menu #sidebar-swing >.fa,
#header #main-menu #home-icon >.fa {
  padding: 0;
}
#header #main-menu #sidebar-swing:hover,
#header #main-menu #home-icon:hover {
  color: #bff1ff;
}
#header-logo {
  position: absolute;
  top: 4px;
  left: 8px;
  height: 40px;
  width: 40px;
}
@media screen and (max-width: 500px) {
  #title-text {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  #header {
    height: 46px;
  }
  #header #main-menu .btn {
    font-size: 24px;
  }
  #header #main-menu .btn.icon.avatar-wrapper {
    width: 38px;
  }
  #header #main-menu .btn >.fa {
    padding: 0 5px;
  }
  #header #main-menu .avatar.small {
    width: 28px;
    height: 28px;
    font-size: 36px;
  }
  #header #main-menu #sidebar-swing {
    width: 44px;
    font-size: 32px;
  }
  #header-logo {
    height: 30px;
    width: 30px;
    top: 10px;
    left: 6px;
  }
  #app >div:last-child>div:first-child {
    margin-top: 46px !important;
  }
}
#header-popup {
  position: fixed;
  z-index: 800;
  top: 32px;
  right: 27px;
  box-shadow: 0 0 6px 2px #454242;
  background: #f8f6f6;
  padding: 15px;
  max-width: min-content;
  min-width: 220px;
}
#sidebar>div {
  background-color: #f2f2fb;
}
#sidebar-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 43px;
  padding: 5px 0 0 8px;
  border-bottom: 1px solid #cecece;
  background-color: #f8f6fb;
}
#sidebar-header .fa {
  font-size: 22px;
}
#sidebar-header .fa-btn.has-text .fa {
  position: relative;
  top: 2px;
}
#sidebar-header .avatar-wrapper {
  top: 4px;
  margin-right: 8px;
}
#sidebar-header .avatar-wrapper .avatar {
  width: 26px;
  top: -2px;
}
#sidebar-header .avatar-wrapper .initials {
  height: 26px;
  width: 26px;
  line-height: 28px;
  border-radius: 26px;
  top: -6px;
}
#sidebar-title {
  top: -3px;
  display: inline-block;
  position: relative;
  font-variant: all-small-caps;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}
#sidebar-controls {
  padding-left: 10px;
  padding-top: 2px;
}
#sidebar-controls .fa-btn {
  padding-right: 5px;
}
#sidebar-pane-icon.fa {
  color: #4d4c76;
  font-size: 18px;
  margin-right: 7px;
  padding-top: 8px;
}
#sidebar-controls-right {
  float: right;
  position: absolute;
  top: 5px;
  right: 0;
}
#cancel-pane-btn {
  position: relative;
  padding-right: 10px;
  top: 2px;
}
.docked #cancel-pane-btn {
  top: -4px;
}
#sidebar-controls-scroll >div:last-child {
  left: 4px;
}
#sliding-sidebar-btn {
  margin-right: 9px;
  padding: 0;
  position: relative;
}
#sliding-sidebar-btn .fa {
  font-size: 34px;
}
#columns-sidebar-btn {
  float: right;
  width: 28px;
  height: 23px;
  margin-right: 12px;
  margin-top: 5px;
  padding: 0;
}
#columns-sidebar-btn >.clm {
  background: #aa9898;
  height: 100%;
}
#columns-sidebar-btn >.clm.left {
  float: left;
  width: 17px;
}
#columns-sidebar-btn >.clm.right {
  float: right;
  width: 9px;
}
#columns-sidebar-btn:hover .clm,
#columns-sidebar-btn:focus .clm,
#columns-sidebar-btn:active .clm {
  background: #7378a9;
}
#sidebar-focus-gutter {
  z-index: 800;
  position: absolute;
  top: 18px;
  left: -78px;
  display: inline-block;
  background-color: #fff;
  padding: 8px 0;
  box-shadow: 0 0 12px #392d41;
  width: auto;
}
#sidebar-focus-gutter .fa {
  font-size: 22px;
}
@media screen and (max-width: 600px) {
  #sidebar-focus-gutter {
    left: -38px;
    overflow-y: scroll;
    padding-bottom: 12px;
  }
}
#sidebar-subheader {
  position: relative;
}
#sidebar-subheader.bordered {
  border-bottom: 1px solid #cecece;
}
#sidebar-subheader.controls {
  padding: 0 8px;
}
#sidebar-subheader.controls .fa-btn {
  padding: 4px;
  font-size: 22px;
}
#sidebar-main {
  padding: 15px;
  padding-bottom: 120px;
}
#sidebar-main >header,
#sidebar-main .pane-header {
  border-bottom: 1px solid #cecece;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#sidebar-main >header h1,
#sidebar-main .pane-header h1 {
  margin-bottom: 0;
}
#sidebar-main >header p,
#sidebar-main .pane-header p {
  font-size: 16px;
  margin: 8px 0;
}
#sidebar-main >header p:last-child,
#sidebar-main .pane-header p:last-child {
  margin-bottom: 0;
}
#sidebar-main >header .pane-name,
#sidebar-main .pane-header .pane-name {
  font-size: 18px;
  font-style: italic;
  color: #54535d;
}
#sidebar-main >header .pane-name .fa,
#sidebar-main .pane-header .pane-name .fa {
  font-size: 20px;
  margin-right: 4px;
}
#sidebar-main >header .pane-name .label,
#sidebar-main .pane-header .pane-name .label {
  font-style: normal;
}
#sidebar-main >header .doc-link,
#sidebar-main .pane-header .doc-link {
  font-size: 22px;
}
#sidebar-main >header .button-row,
#sidebar-main .pane-header .button-row {
  margin: 12px 0 0;
}
#sidebar-main h1 .fa {
  color: #6287a6;
}
#sidebar-main article .field {
  margin-top: 0;
  margin-bottom: 24px;
}
#sidebar-main article .field.check-optional {
  margin-bottom: 0;
}
#sidebar-main section header h2 {
  margin-bottom: 2px;
}
#sidebar-main section header p {
  font-size: 16px;
}
#sidebar #scratch-pad-pane {
  background: #fff;
}
#sidebar #scratch-pad-pane .RichEditor {
  margin: 0;
  padding: 0;
  border: 0;
}
.conversation h1 {
  margin: 0;
  padding: 6px 8px;
  font-size: 20px;
  font-weight: 400;
}
.input-spinner {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: #aa9898;
  background-color: rgba(255,255,255,0.5);
  padding-left: 3px;
  box-shadow: 0 0 8px #fff;
}
form fieldset {
  margin-bottom: 10px;
}
.btn.select-item {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 6px 8px 6px 24px;
  background: #f8f6fb;
  box-shadow: 0 0 6px #ababb0;
  border-radius: 5px;
}
.btn.select-item .fa-circle,
.btn.select-item .fa-check-circle {
  position: absolute;
  top: 9px;
  left: 7px;
}
.btn.select-item:hover {
  box-shadow: 0 0 8px #454a62;
}
#sidebar .conversation .RichEditor .editor-popup {
  position: fixed;
  top: 72px !important;
  width: 90%;
}
form fieldset {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  border: none;
}
input {
  background-image: none !important;
  box-sizing: border-box;
  font-size: 16px;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #cecece;
  padding: 12px 15px;
  margin-bottom: 10px;
  width: 100%;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
  outline: none;
  border-color: #7378a9;
}
input[type="text"].input-lg,
input[type="password"].input-lg,
input[type="tel"].input-lg,
input[type="email"].input-lg,
textarea.input-lg {
  font-size: 20px;
}
.stripe-form {
  max-width: 400px;
  margin: 0 auto;
}
.stripe-form .ElementsApp input {
  background: #fff;
  padding: 5px;
  border: 1px solid #cecece;
}
article.guttered {
  margin: 0 0 40px;
}
article >.doc-header {
  margin-bottom: 50px;
}
article h1 {
  margin: 0 0 2px 0;
}
article .section {
  margin-bottom: 50px;
}
article .controls {
  margin: 0 0 20px;
}
article .side-form-controls {
  position: fixed;
  top: 82px;
  left: 11px;
  width: 40px;
}
article .side-form-controls .icon-button {
  width: 40px;
}
@media screen and (max-width: 600px) {
  article .side-form-controls {
    left: 0;
  }
}
.icon-button {
  cursor: pointer;
  text-align: center;
  padding: 4px;
  box-sizing: border-box;
  font-size: 30px;
  color: #aa9898;
}
.icon-button:hover,
.icon-button:focus,
.icon-button:active {
  color: #7378a9;
}
.icon-button.disabled {
  cursor: not-allowed;
  color: #cecece;
}
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255,255,255,0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 1;
}
.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255,255,255,0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 1;
}
.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 22px;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 38px;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 58px;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 78px;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 98px;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
.RichEditor {
  border-width: 1px;
  border-style: solid;
  border-color: #cecece;
  background: #fff;
  margin: 5px 0;
  padding: 12px;
  position: relative;
}
.RichEditor.frozen {
  background: inherit;
}
.RichEditor .fa {
  font-family: FontAwesome;
}
.RichEditor .editor-input strong,
.RichEditor .public-DraftEditor-content strong,
.RichEditor .editor-input b,
.RichEditor .public-DraftEditor-content b,
.RichEditor .editor-input .editor-text-bold,
.RichEditor .public-DraftEditor-content .editor-text-bold {
  font-weight: 700 !important;
}
.RichEditor .editor-input em,
.RichEditor .public-DraftEditor-content em,
.RichEditor .editor-input i,
.RichEditor .public-DraftEditor-content i,
.RichEditor .editor-input .editor-text-italic,
.RichEditor .public-DraftEditor-content .editor-text-italic {
  font-style: italic !important;
}
.RichEditor .editor-input u,
.RichEditor .public-DraftEditor-content u,
.RichEditor .editor-input .editor-text-underline,
.RichEditor .public-DraftEditor-content .editor-text-underline {
  text-decoration: underline !important;
}
.RichEditor .editor-input s,
.RichEditor .public-DraftEditor-content s,
.RichEditor .editor-input .editor-text-strikethrough,
.RichEditor .public-DraftEditor-content .editor-text-strikethrough {
  text-decoration: line-through !important;
}
.RichEditor .editor-input .editor-text-underlineStrikethrough,
.RichEditor .public-DraftEditor-content .editor-text-underlineStrikethrough {
  text-decoration: underline line-through !important;
}
.RichEditor .editor-input .editor-text-code,
.RichEditor .public-DraftEditor-content .editor-text-code {
  font-family: monospace !important;
  background: rgba(128,128,128,0.1) !important;
  padding: 2px 4px !important;
  border-radius: 3px !important;
}
.RichEditor .editor-input sub,
.RichEditor .public-DraftEditor-content sub,
.RichEditor .editor-input .editor-text-subscript,
.RichEditor .public-DraftEditor-content .editor-text-subscript {
  vertical-align: sub !important;
  font-size: smaller !important;
}
.RichEditor .editor-input sup,
.RichEditor .public-DraftEditor-content sup,
.RichEditor .editor-input .editor-text-superscript,
.RichEditor .public-DraftEditor-content .editor-text-superscript {
  vertical-align: super !important;
  font-size: smaller !important;
}
.RichEditor .editor-input a,
.RichEditor .public-DraftEditor-content a,
.RichEditor .editor-input .editor-link,
.RichEditor .public-DraftEditor-content .editor-link {
  color: #007bff !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}
.RichEditor .editor-input a:hover,
.RichEditor .public-DraftEditor-content a:hover,
.RichEditor .editor-input .editor-link:hover,
.RichEditor .public-DraftEditor-content .editor-link:hover {
  color: #0056b3 !important;
}
.RichEditor .editor-input a:visited,
.RichEditor .public-DraftEditor-content a:visited,
.RichEditor .editor-input .editor-link:visited,
.RichEditor .public-DraftEditor-content .editor-link:visited {
  color: #551a8b !important;
}
.RichEditor .editor-input h1,
.RichEditor .editor-input .editor-heading-h1 {
  font-size: 2em !important;
  font-weight: 700 !important;
  margin: 0.67em 0 !important;
}
.RichEditor .editor-input h2,
.RichEditor .editor-input .editor-heading-h2 {
  font-size: 1.5em !important;
  font-weight: 700 !important;
  margin: 0.75em 0 !important;
}
.RichEditor .editor-input h3,
.RichEditor .editor-input .editor-heading-h3 {
  font-size: 1.17em !important;
  font-weight: 700 !important;
  margin: 0.83em 0 !important;
}
.RichEditor .editor-input h4,
.RichEditor .editor-input .editor-heading-h4 {
  font-size: 1em !important;
  font-weight: 700 !important;
  margin: 1em 0 !important;
}
.RichEditor .editor-input h5,
.RichEditor .editor-input .editor-heading-h5 {
  font-size: 0.83em !important;
  font-weight: 700 !important;
  margin: 1.5em 0 !important;
}
.RichEditor .editor-input h6,
.RichEditor .editor-input .editor-heading-h6 {
  font-size: 0.67em !important;
  font-weight: 700 !important;
  margin: 2em 0 !important;
}
.RichEditor .editor-input ul,
.RichEditor .editor-input ol {
  margin: 0 0 16px 22px !important;
  padding: 0 !important;
}
.RichEditor .editor-input ul:last-child,
.RichEditor .editor-input ol:last-child {
  margin-bottom: 0 !important;
}
.RichEditor .editor-input ul li,
.RichEditor .editor-input ol li {
  display: list-item;
  list-style-type: disc;
  margin-bottom: 12px !important;
}
.RichEditor .editor-input ul li:last-child,
.RichEditor .editor-input ol li:last-child {
  margin-bottom: 0 !important;
}
.RichEditor .editor-input ul {
  list-style-type: disc !important;
}
.RichEditor .editor-input ul ul {
  list-style-type: circle !important;
}
.RichEditor .editor-input ul ul ul {
  list-style-type: square !important;
}
.RichEditor .editor-input ol {
  list-style-type: decimal !important;
}
.RichEditor .editor-input ol ol {
  list-style-type: lower-alpha !important;
}
.RichEditor .editor-input ol ol ol {
  list-style-type: lower-roman !important;
}
.RichEditor .editor-input blockquote {
  border-left: 5px solid #d0d0d0 !important;
  margin: 0 0 16px 0 !important;
  padding: 10px 15px !important;
  background: rgba(0,0,0,0.02) !important;
  color: #333 !important;
}
.RichEditor .editor-input blockquote:last-child {
  margin-bottom: 0 !important;
}
.RichEditor .editor-input code.editor-code {
  background: #f5f5f5 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 12px !important;
  margin: 0 0 16px 0 !important;
  overflow-x: auto !important;
  border-radius: 4px !important;
  border: 1px solid #ddd !important;
  display: block !important;
  white-space: pre !important;
}
.RichEditor .editor-input code.editor-code * {
  font-family: 'Courier New', Courier, monospace !important;
}
.RichEditor .editor-input code.editor-code:last-child {
  margin-bottom: 0 !important;
}
.RichEditor .editor-input code.editor-code + * {
  margin-top: 16px !important;
}
.RichEditor.display-only {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}
.RichEditor.display-only:not(:last-child) {
  margin-bottom: 20px;
}
.RichEditor.display-only .public-DraftEditor-content >div >div .public-DraftStyleDefault-block:last-child .public-DraftStyleDefault-block {
  margin-bottom: 0 !important;
}
.RichEditor.inline,
.RichEditor.inline * {
  display: inline;
}
.RichEditor.full {
  min-height: 100px;
}
.RichEditor.RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-inner {
  display: none;
}
.RichEditor.active {
  border-color: #7378a9;
}
.RichEditor .public-DraftEditorPlaceholder-root {
  position: absolute;
  color: #7b7b7b;
}
.RichEditor .public-DraftEditor-content {
  position: relative;
  line-height: 1.3;
}
.RichEditor .public-DraftEditor-content >div >div .public-DraftStyleDefault-block {
  margin-bottom: 16px;
}
.RichEditor .public-DraftEditor-content >div >div:last-child .public-DraftStyleDefault-block {
  margin-bottom: 0 !important;
}
.RichEditor .public-DraftEditor-content figure {
  margin: 20px 0;
}
.RichEditor .public-DraftEditor-content figure:last-child {
  margin-bottom: 0 !important;
}
.RichEditor ol.public-DraftStyleDefault-ol {
  margin: 0 0 16px;
}
.RichEditor ol.public-DraftStyleDefault-ol:last-child {
  margin-bottom: 0 !important;
}
.RichEditor ul.public-DraftStyleDefault-ul {
  list-style-type: initial;
  margin: 0 0 16px;
}
.RichEditor ul.public-DraftStyleDefault-ul:last-child {
  margin-bottom: 0 !important;
}
.RichEditor ol.public-DraftStyleDefault-ol li,
.RichEditor ul.public-DraftStyleDefault-ul li {
  margin-bottom: 15px;
}
.RichEditor .editor-wrapper {
  position: relative;
}
.RichEditor .editor-popup {
  position: fixed;
  box-sizing: border-box;
  padding: 12px;
  background: #c2f0da;
  box-shadow: 0 0 12px #392d41;
  width: 100%;
  z-index: 10;
  top: 30%;
  max-width: 100%;
  max-width: 320px;
}
.RichEditor .editor-popup input[type="text"] {
  padding: 8px;
  margin: 4px 0;
}
.RichEditor .editor-popup button {
  padding-bottom: 0;
}
.RichEditor canvas {
  max-width: 100%;
  max-height: 100%;
}
.sub-article .RichEditor .public-DraftEditor-content >div >div .public-DraftStyleDefault-block {
  margin-bottom: 8px;
}
.sub-article pre.public-DraftStyleDefault-pre {
  margin: 0 0 20px 0;
  background: #ccc8c3;
  overflow-x: scroll;
}
.sub-article pre.public-DraftStyleDefault-pre >pre {
  padding-left: 8px;
}
.sub-article pre.public-DraftStyleDefault-pre >pre:first-child {
  padding-top: 8px;
}
.sub-article pre.public-DraftStyleDefault-pre >pre:last-child {
  padding-bottom: 8px;
}
.sub-article pre.public-DraftStyleDefault-pre >pre >.public-DraftStyleDefault-block >span {
  margin-right: 8px;
}
.sub-article pre.public-DraftStyleDefault-pre * {
  margin: 0;
  padding: 0;
  font-family: 'Anonymous Pro';
}
.sub-article blockquote {
  border-left: 5px solid #d0d0d0;
  margin: 0 0 20px;
  padding: 15px;
}
.react-tel-input {
  width: 210px;
}
.react-tel-input input[type="tel"] {
  height: 42px !important;
  padding: 10px 0 10px 48px;
}
.react-tel-input .country-list {
  top: 46px;
}
.react-tel-input .flag-dropdown .selected-flag {
  height: 100%;
}
.react-tel-input .flag-dropdown:hover .selected-flag {
  background-color: inherit;
}
.display-only {
  margin-bottom: 20px;
}
.annotation-marker {
  background: #a6a6bd;
  margin: 0px 2px;
  color: #161616;
  border-radius: 5px;
  padding: 0px 2px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #5c5c5c;
}
.annotations {
  padding-left: 15px;
}
.annotations li {
  font-size: 14px;
}
.annotations li .RichEditor.display-only,
.annotations li .RichEditor.sub {
  margin: 0 0 10px 0 !important;
}
.info {
  margin: 12px 0;
  padding: 15px;
  border: 1px solid #76ba88;
  background: #e0fce6;
  font-size: 14px;
}
.todo {
  margin: 12px 0;
  padding: 15px;
  border: 1px solid #af93c2;
  background: #ffe7da;
  font-size: 12px;
}
.todo ul {
  padding-left: 15px;
  list-style-type: disc;
}
.user-bar {
  position: relative;
  overflow: hidden;
  height: 38px;
}
.user-bar .avatar-wrapper {
  float: left;
}
.user-bar .user-text {
  top: 4px;
  position: relative;
  margin-left: 8px;
  font-size: 20px;
  white-space: nowrap;
}
.user-bar .user-text .fa,
.user-bar .user-text .fa-btn {
  font-size: 14px;
}
.user-bar .user-text .fa.comments,
.user-bar .user-text .fa-btn.comments {
  font-size: 16px;
  line-height: 0;
}
.user-bar .top-text {
  font-size: 12px;
  top: -9px;
  padding-left: 8px;
  position: relative;
  display: inline-block;
}
.user-bar .top-text .public-name-text {
  font-weight: 700;
}
.user-bar .top-text .time-text {
  font-weight: 300;
  font-style: italic;
}
.user-bar .user-buttons {
  margin-left: 6px;
  position: relative;
  top: -1px;
}
.user-bar .user-buttons .fa-btn {
  margin-right: 6px;
}
.user-bar .user-buttons .fa-hand-spock.pending {
  color: #9ab793;
}
.user-bar.top-text {
  padding-bottom: 4px;
}
.user-bar.top-text .user-text {
  position: absolute;
  top: 11px;
  left: 32px;
  margin-left: 8px;
  font-size: 20px;
  font-size: 18px;
}
.user-bar-double {
  overflow: hidden;
}
.post {
  margin: 20px 0;
}
.info-text {
  position: relative;
  padding: 4px 6px 4px 24px;
  margin-bottom: 6px;
  border-radius: 5px;
  background: #3b3150;
  font-size: 16px;
  color: #e8f9c9;
}
.info-text .fa-info-circle {
  position: absolute;
  left: 6px;
  top: 5px;
}
.info-text .btn {
  font-size: 14px;
  margin-left: 4px;
  color: #de9326;
  font-weight: 700;
}
.info-text .btn:hover,
.info-text .btn:focus {
  color: #ffd700;
}
.info-toggle {
  position: relative;
  z-index: 100;
  padding: 1px 4px;
}
.info-toggle .btn {
  padding: 0;
}
.ellipsis {
  line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis * * {
  line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.super-ellipsis * * {
  line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.image-wrapper {
  position: relative;
  display: table;
  margin: 0 auto;
  font-size: 16px;
}
.image-wrapper .image-info {
  display: table-caption;
  caption-side: bottom;
  padding: 5px;
  min-width: 200px;
}
.image-wrapper .image-info .RichEditor {
  display: inline;
}
.image-wrapper .image-info .RichEditor div {
  display: inline;
}
.image-wrapper .fa-btn.image-rocket {
  float: right;
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 50%;
  text-align: center;
  border-bottom-left-radius: 10px;
  background: transparent;
  color: transparent;
}
.image-wrapper .fa-btn.image-rocket:hover,
.image-wrapper .fa-btn.image-rocket:focus {
  background: rgba(87,147,200,0.659);
  color: #fff;
}
.label {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 9px 6px;
  margin: 0 8px 8px 0;
  color: #fff;
  border-radius: 6px;
  cursor: inherit;
  background-color: #7c7474;
}
.label.answer {
  background-color: #4a7546;
}
.label.article {
  background-color: #a7763b;
}
.label.assignment {
  background-color: #602c28;
}
.label.book {
  background-color: #11273b;
}
.label.choice {
  background-color: #bb7a1d;
}
.label.course {
  background-color: #b04a6d;
}
.label.deck {
  background-color: #127736;
}
.label.error {
  background-color: #ca4a33;
}
.label.evaluation {
  background-color: #cea332;
}
.label.flashcard {
  background-color: #25613b;
}
.label.group {
  background-color: #846232;
}
.label.journalism {
  background-color: #6b5619;
}
.label.lesson {
  background-color: #2b2b5f;
}
.label.notebook {
  background-color: #92472b;
}
.label.page {
  background-color: #3c588f;
}
.label.portfolio {
  background-color: #479859;
}
.label.question {
  background-color: #4d3d5c;
}
.label.research {
  background-color: #3e609d;
}
.label.simple {
  background-color: #295d5e;
}
.label.story {
  background-color: #1f581f;
}
.label.test {
  background-color: #79140c;
}
.label.tutoring {
  background-color: #298329;
}
.label.workout {
  background-color: #ce5d0e;
}
.label.TRUE_FALSE {
  background-color: #4d3d5c;
}
.label.EXACT_ANSWER {
  background-color: #4d3d5c;
}
.label.ESSAY {
  background-color: #4d3d5c;
}
.label.MULTIPLE_CHOICE {
  background-color: #4d3d5c;
}
.label.CLASS {
  background-color: #274e7e;
}
.label.mini {
  font-size: 12px;
  font-weight: 400;
  padding: 2px 6px 4px;
  margin: 0 5px 0 0;
}
.label.icon-only .btn {
  font-size: 15px;
}
.label.action {
  cursor: pointer;
}
.label.alternative {
  position: relative;
  top: -2px;
  margin-bottom: 2px;
  background-color: transparent;
  border-radius: 0;
  border-width: 3px;
  border-bottom-style: solid;
  color: #685353;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
}
.label.alternative.answer {
  border-color: #4a7546;
}
.label.alternative.article {
  border-color: #a7763b;
}
.label.alternative.assignment {
  border-color: #602c28;
}
.label.alternative.book {
  border-color: #11273b;
}
.label.alternative.choice {
  border-color: #bb7a1d;
}
.label.alternative.course {
  border-color: #b04a6d;
}
.label.alternative.deck {
  border-color: #127736;
}
.label.alternative.error {
  border-color: #ca4a33;
}
.label.alternative.evaluation {
  border-color: #cea332;
}
.label.alternative.flashcard {
  border-color: #25613b;
}
.label.alternative.group {
  border-color: #846232;
}
.label.alternative.journalism {
  border-color: #6b5619;
}
.label.alternative.lesson {
  border-color: #2b2b5f;
}
.label.alternative.notebook {
  border-color: #92472b;
}
.label.alternative.page {
  border-color: #3c588f;
}
.label.alternative.portfolio {
  border-color: #479859;
}
.label.alternative.question {
  border-color: #4d3d5c;
}
.label.alternative.research {
  border-color: #3e609d;
}
.label.alternative.simple {
  border-color: #295d5e;
}
.label.alternative.story {
  border-color: #1f581f;
}
.label.alternative.test {
  border-color: #79140c;
}
.label.alternative.tutoring {
  border-color: #298329;
}
.label.alternative.workout {
  border-color: #ce5d0e;
}
.label.alternative.TRUE_FALSE {
  border-color: #4d3d5c;
}
.label.alternative.EXACT_ANSWER {
  border-color: #4d3d5c;
}
.label.alternative.ESSAY {
  border-color: #4d3d5c;
}
.label.alternative.MULTIPLE_CHOICE {
  border-color: #4d3d5c;
}
.label.alternative.CLASS {
  border-color: #274e7e;
}
.label .fa {
  margin-right: 4px;
}
.label-btn {
  cursor: pointer;
}
.action-label {
  font-weight: 400;
  border: 0;
  border-radius: 3px 8px;
}
.action-label.answer {
  background-color: #4a7546;
}
.action-label.article {
  background-color: #a7763b;
}
.action-label.assignment {
  background-color: #602c28;
}
.action-label.book {
  background-color: #11273b;
}
.action-label.choice {
  background-color: #bb7a1d;
}
.action-label.course {
  background-color: #b04a6d;
}
.action-label.deck {
  background-color: #127736;
}
.action-label.error {
  background-color: #ca4a33;
}
.action-label.evaluation {
  background-color: #cea332;
}
.action-label.flashcard {
  background-color: #25613b;
}
.action-label.group {
  background-color: #846232;
}
.action-label.journalism {
  background-color: #6b5619;
}
.action-label.lesson {
  background-color: #2b2b5f;
}
.action-label.notebook {
  background-color: #92472b;
}
.action-label.page {
  background-color: #3c588f;
}
.action-label.portfolio {
  background-color: #479859;
}
.action-label.question {
  background-color: #4d3d5c;
}
.action-label.research {
  background-color: #3e609d;
}
.action-label.simple {
  background-color: #295d5e;
}
.action-label.story {
  background-color: #1f581f;
}
.action-label.test {
  background-color: #79140c;
}
.action-label.tutoring {
  background-color: #298329;
}
.action-label.workout {
  background-color: #ce5d0e;
}
.action-label.TRUE_FALSE {
  background-color: #4d3d5c;
}
.action-label.EXACT_ANSWER {
  background-color: #4d3d5c;
}
.action-label.ESSAY {
  background-color: #4d3d5c;
}
.action-label.MULTIPLE_CHOICE {
  background-color: #4d3d5c;
}
.action-label.CLASS {
  background-color: #274e7e;
}
.action-label .fa {
  position: relative;
  top: 1px;
}
.atoms-list li {
  position: relative;
  margin: 0;
  padding-bottom: 9px;
}
.atoms-list li.target {
  cursor: crosshair;
}
.atoms-list li.target:hover {
  padding-top: 41px;
}
.atoms-list li.target .handle {
  cursor: inherit;
}
.atoms-list.target-list .handle {
  position: relative;
  height: 26px;
  line-height: 1.5;
  overflow: hidden;
}
.atoms-list header.handle {
  background: #f5f5f5;
  cursor: pointer;
}
.atoms-list .handle {
  padding: 5px;
  border: 2px solid #cecece;
  background: #fff;
}
.atoms-list .handle.lesson {
  background-color: #e5e5f3;
  border-color: #2b2b5f;
}
.atoms-list .handle.simple {
  background-color: #e5f3f4;
  border-color: #295d5e;
}
.atoms-list .handle.question {
  background-color: #edeaf1;
  border-color: #4d3d5c;
}
.atoms-list .handle.answer {
  background-color: #ebf3eb;
  border-color: #4a7546;
}
.atoms-list .handle.evaluation {
  background-color: #faf6eb;
  border-color: #cea332;
}
.atoms-list .handle.error {
  background-color: #faedea;
  border-color: #ca4a33;
}
.atoms-list .handle.group {
  background-color: #f6f0e7;
  border-color: #846232;
}
.atoms-list .handle h6 {
  margin: 0;
}
.atoms-list .handle h6:hover {
  color: #7378a9;
}
.atoms-list .handle .list-controls {
  position: absolute;
  top: 5px;
  right: 5px;
  padding-left: 10px;
  cursor: pointer;
  background: transparent;
}
.atoms-list .handle .list-controls i {
  padding: 0 2px;
}
.atoms-list .handle .list-controls i:hover {
  color: #7378a9;
}
.drop-atoms {
  cursor: pointer;
  border: 1px solid #41416c;
  margin-bottom: 20px;
  padding: 40px 30px;
  background: #b1cdd7;
  text-align: center;
}
.drop-atoms.accept-atoms {
  cursor: crosshair;
  background: #90ee90;
}
#home {
  text-align: center;
  padding-bottom: 60px;
}
#home #biglogo {
  width: 100%;
  height: auto;
  max-width: 400px;
  margin: 50px auto;
  display: block;
}
#home .home-buttons {
  margin: 0 auto 10px;
  max-width: 100%;
}
#home .home-buttons .button {
  margin: 0 6px;
}
#home #main-buttons .button {
  padding: 15px 20px;
  width: 124px;
}
#home #guest-buttons {
  margin-top: 8px;
}
#home #caveat {
  margin: 20px auto 0;
  max-width: 340px;
}
#main-summary {
  text-align: center;
  margin: 60px auto;
  border: 1px solid #acbbca;
  border-radius: 10px;
  max-width: 500px;
  padding: 40px 20px;
  background: #fff;
}
#main-summary img {
  max-width: 100%;
}
.instructions {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}
.instructions header {
  text-align: center;
}
.instructions .instruction {
  padding-left: 42px;
  position: relative;
  margin-bottom: 30px;
}
.instructions .icon {
  position: absolute;
  left: 0;
  top: -4px;
  font-size: 30px;
  width: 36px;
  text-align: center;
}
.instructions .fa.fa-clock {
  position: relative;
  top: -4px;
}
#gutter-wrapper {
  position: fixed;
  top: 50px;
  margin-left: -15px !important;
}
#gutter {
  width: 80px;
  padding: 30px 0 15px;
}
#gutter li,
#sidebar-focus-gutter li {
  margin: 0;
}
#gutter hr,
#sidebar-focus-gutter hr {
  margin: 8px 10px 13px;
}
#gutter .btn,
#sidebar-focus-gutter .btn {
  text-align: center;
  padding: 3px 0;
}
#gutter .btn.full,
#sidebar-focus-gutter .btn.full {
  width: 80px;
  font-size: 32px;
}
#gutter .btn.half,
#sidebar-focus-gutter .btn.half {
  width: 40px;
  font-size: 20px;
}
#gutter .btn.half.first,
#sidebar-focus-gutter .btn.half.first {
  padding: 5px 1px 5px 7px;
}
#gutter .btn.half.second,
#sidebar-focus-gutter .btn.half.second {
  padding: 5px 7px 5px 1px;
}
@media screen and (max-width: 600px) {
  #gutter-scroll {
    background: #fbfcff;
  }
  #gutter {
    padding-bottom: 40px;
  }
  #gutter hr {
    width: 30px;
    margin: 8px 6px 10px;
  }
  #gutter,
  #sidebar-focus-gutter {
    width: 42px;
  }
  #gutter .btn,
  #sidebar-focus-gutter .btn {
    padding: 2px;
  }
  #gutter .btn.full,
  #sidebar-focus-gutter .btn.full {
    width: 42px;
    font-size: 26px;
  }
  #gutter .btn.half,
  #sidebar-focus-gutter .btn.half {
    width: 42px;
    font-size: 26px;
  }
  #gutter .btn.half.first,
  #sidebar-focus-gutter .btn.half.first {
    padding: 3px;
  }
  #gutter .btn.half.second,
  #sidebar-focus-gutter .btn.half.second {
    padding: 3px;
  }
}
#conversation-pane {
  margin-top: -2px;
}
#conversation-pane .message {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 12px;
  box-shadow: 4px 4px 4px 0px #808080;
}
#conversation-pane .message.mine {
  margin-right: 40px;
  background-color: rgba(178,203,247,0.5);
  border-top-left-radius: 1px;
}
#conversation-pane .message.yours {
  margin-left: 40px;
  background-color: rgba(80,197,80,0.5);
  border-top-right-radius: 1px;
}
.users-list li {
  margin-bottom: 12px;
}
.field {
  margin-bottom: 30px;
}
.field.inline {
  display: inline-block;
}
.field.attach .section-header .button-row {
  margin-bottom: 15px;
  display: inline-block;
}
.field.attach .section-header .button-row button {
  padding-left: 12px;
  font-size: 20px;
}
.field.attach .field-header {
  margin-bottom: 6px;
}
.field.attach .attachments {
  padding: 0 3px;
}
.field.attach .attachments >li {
  margin-bottom: 10px;
}
.field.attach .attachments .attachment {
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #c7c0cd;
}
.field.attach .attachments .attachment:last-child {
  border-bottom: 0;
}
.field.attach .attachments .attachment span.attachment-btns {
  position: absolute;
  z-index: 10;
  top: -1px;
  right: 0;
  background: #fbfcff;
  padding-left: 5px;
  box-shadow: -20px 0 20px -5px #fff;
  height: 24px;
}
.field.attach .attachments .attachment span.attachment-btns .btn {
  padding: 1px;
  margin-left: 2px;
}
.field.attach .attachments .attachment div {
  display: inline !important;
}
.field.check {
  margin-bottom: 24px;
}
.field.check-optional {
  margin-bottom: 0;
}
.field.list .field-header,
.field.list .field-header.sub,
.field.list .field-header.minor {
  margin-bottom: 6px;
}
.field.list .items {
  margin: 15px 0 24px;
}
.field.list .items .item {
  position: relative;
  margin-bottom: 24px;
}
.field.list .items .item .controls {
  text-align: right;
  margin-bottom: 0;
}
.field.list .items .item .controls .btn {
  padding: 0 5px;
}
.field.list .items .item .field {
  margin-bottom: 10px;
}
.field.topper {
  margin-bottom: 0;
}
.field.topper .field-header.sub {
  border-top: 1px dashed #bfb492;
}
.field.draft .open .section-header {
  margin-bottom: -1px;
}
.field .field-header {
  margin-bottom: 8px;
  overflow: auto;
}
.field .field-header h2,
.field .field-header h3,
.field .field-header h4,
.field .field-header h5,
.field .field-header h6 {
  margin-bottom: 2px;
  font-weight: 400;
}
.field .field-header p {
  display: inline;
  margin-bottom: 8px;
}
.field .field-header p:last-child {
  margin-bottom: 0;
}
.field .field-header .button-row {
  padding-top: 6px;
  margin-bottom: 4px;
}
.field .field-header .button-row .button {
  padding: 4px 6px;
  font-size: 16px;
}
.field .field-header.top {
  margin-bottom: 0;
  border-bottom: 0;
}
.field .field-header.sub,
.field .field-header.minor {
  margin-bottom: 8px;
}
.field .field-header.sub h3,
.field .field-header.minor h3 {
  margin-bottom: 0;
  font-size: 22px;
}
.field .field-header.sub h3 .fa,
.field .field-header.minor h3 .fa {
  font-size: 19px;
}
.field .field-header.sub h4,
.field .field-header.minor h4 {
  margin-bottom: 0;
  font-size: 20px;
}
.field .field-header.sub h4 .fa,
.field .field-header.minor h4 .fa {
  font-size: 17px;
}
.field .section-header {
  padding-bottom: 0;
  margin-bottom: 0;
}
.field .section-header .section-title {
  font-size: 18px;
  font-weight: 400;
  font-variant: small-caps;
  padding: 0;
}
.field .section-header .section-info {
  padding-bottom: 4px;
  font-size: 14px;
}
div.nada {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  text-align: center;
  margin-bottom: 8px;
  border: 1px dashed #cecece;
  font-size: 10px;
}
#sidebar .field.attach .attachments .attachment span.attachment-btns {
  background: #f1f1f3;
}
.open-close-wrapper.closed .section-header,
.field .open-close-wrapper.closed .section-header {
  padding-bottom: 3px;
}
.open-close-wrapper.is-big,
.field .open-close-wrapper.is-big {
  margin-bottom: 24px;
}
.open-close-wrapper.is-big .section-header,
.field .open-close-wrapper.is-big .section-header {
  margin-bottom: 8px;
}
.open-close-wrapper.is-big .section-header button,
.field .open-close-wrapper.is-big .section-header button {
  font-size: 24px;
}
.open-close-wrapper.is-big.closed header,
.field .open-close-wrapper.is-big.closed header {
  margin-bottom: 0;
}
.member-btns {
  position: absolute;
  top: 2px;
  right: 0;
  background: #fbfcff;
  box-shadow: -20px 0 20px -5px #fbfcff;
}
.member-btns .btn {
  padding: 5px 0 5px 4px;
  margin-left: 2px;
  font-size: 20px;
}
.member-btns.confirm .has-text {
  font-size: 16px;
}
.member-btns.confirm .has-text .fa-btn-text {
  font-weight: 400;
  margin: 0 5px 0 0;
}
#sidebar .member-btns,
#sidebar .attachment-btns {
  background: #f1f1f3;
  box-shadow: -20px 0 20px -5px #f1f1f3;
}
.list-field .field-header .button-row {
  padding: 0;
}
.error-group {
  margin-bottom: 10px;
}
.error-group:last-child {
  margin-bottom: 0;
}
.error-group >div:first-child {
  font-size: 14px;
}
.error-group ul {
  margin: 0;
}
.error-group ul li {
  margin: 0;
}
section.display {
  margin-bottom: 20px;
}
section.display header.display-header h2,
section.display header.display-header h3,
section.display header.display-header h4,
section.display header.display-header h5,
section.display header.display-header h6 {
  margin-bottom: 8px;
}
section.display ul.attachments li.attachment {
  margin-bottom: 8px;
}
.group section {
  margin-bottom: 18px;
}
#create-pane .open-close-wrapper {
  border-bottom: 0;
}
#create-pane .open-close-wrapper header {
  text-align: right;
}
.open-close-wrapper .title-span h2,
.open-close-wrapper .title-span h3,
.open-close-wrapper .title-span h4,
.open-close-wrapper .title-span h5,
.open-close-wrapper .title-span h6 {
  display: inline-block;
}
.doc main {
  margin-bottom: 15px;
}
.sub-article {
  padding: 0;
  min-height: 36px;
  margin-bottom: 20px;
  border: 1px solid #dacece;
  border-top-right-radius: 20px;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
}
.sub-article.answer {
  border-color: #98b896;
}
.sub-article.article {
  border-color: #a7763b;
}
.sub-article.assignment {
  border-color: #602c28;
}
.sub-article.book {
  border-color: #394b5b;
}
.sub-article.choice {
  border-color: #d9b16d;
}
.sub-article.course {
  border-color: #b04a6d;
}
.sub-article.deck {
  border-color: #4c9466;
}
.sub-article.error {
  border-color: #c47567;
}
.sub-article.evaluation {
  border-color: #c0b388;
}
.sub-article.flashcard {
  border-color: #25613b;
}
.sub-article.group {
  border-color: #846232;
}
.sub-article.journalism {
  border-color: #6b5619;
}
.sub-article.lesson {
  border-color: #2b2b5f;
}
.sub-article.notebook {
  border-color: #92472b;
}
.sub-article.page {
  border-color: #3c588f;
}
.sub-article.portfolio {
  border-color: #479859;
}
.sub-article.question {
  border-color: #a297ad;
}
.sub-article.research {
  border-color: #3e609d;
}
.sub-article.simple {
  border-color: #9eb6b6;
}
.sub-article.story {
  border-color: #1f581f;
}
.sub-article.test {
  border-color: #79140c;
}
.sub-article.tutoring {
  border-color: #298329;
}
.sub-article.workout {
  border-color: #ce5d0e;
}
.sub-article.TRUE_FALSE {
  border-color: #a297ad;
}
.sub-article.EXACT_ANSWER {
  border-color: #a297ad;
}
.sub-article.ESSAY {
  border-color: #a297ad;
}
.sub-article.MULTIPLE_CHOICE {
  border-color: #a297ad;
}
.sub-article.action-item {
  border-right-width: 3px;
  border-left-width: 3px;
  border-bottom-width: 1px;
}
.sub-article header {
  min-height: 32px;
  margin-bottom: 0;
}
.sub-article header h1 {
  display: inline-block;
  max-width: 95%;
  margin-bottom: 0;
  padding-right: 12px;
  line-height: 1.1;
}
.sub-article header .label {
  float: left;
  position: relative;
  top: -1px;
  padding: 5px 9px 6px;
  margin-bottom: 0;
  margin-right: 8px;
  border-radius: 0 0 6px 6px;
}
.sub-article header .tools-wrapper {
  float: right;
  position: relative;
  z-index: 100;
  height: 32px;
}
.sub-article header .tools-wrapper .tools {
  display: inline-block;
  margin-top: 9px;
  margin-right: 3px;
  margin-left: 6px;
  position: relative;
  vertical-align: top;
}
.sub-article header .tools-wrapper .tools .fa-btn {
  padding: 0;
  position: relative;
  top: 0;
}
.sub-article header .tools-wrapper .tools .fa {
  font-size: 18px;
  padding: 0 4px;
}
.sub-article header .tools-wrapper .tools .fa-link,
.sub-article header .tools-wrapper .tools .fa-external-link {
  font-size: 16px;
  color: #aa9898;
  padding: 0 3px 0 0;
}
.sub-article header .tools-wrapper .tools .fa-link:hover,
.sub-article header .tools-wrapper .tools .fa-external-link:hover,
.sub-article header .tools-wrapper .tools .fa-link:focus,
.sub-article header .tools-wrapper .tools .fa-external-link:focus {
  color: #2e5cb7;
}
.sub-article header .tools-wrapper .avatar-wrapper {
  margin-top: 2px;
  margin-right: 2px;
  position: relative;
  display: inline-block;
}
.sub-article header .tools-wrapper .avatar-wrapper .fa-user-circle {
  font-size: 30px !important;
}
.sub-article main {
  padding-right: 12px;
  padding-top: 2px;
}
.sub-article main >:last-child {
  margin-bottom: 0;
}
.sub-article li:last-child {
  margin-bottom: 0;
}
.sub-article .sub-article {
  margin: 10px -12px 10px 0;
  border-bottom-right-radius: 8px;
}
.sub-article .sub-article main {
  padding-right: 10px;
}
.sub-article .sub-article:last-child {
  margin-bottom: 0;
}
.sub-article.editor-only {
  padding-top: 18px;
}
.sub-article.action-item {
  border-left-width: 3px;
  border-radius: 18px 8px 8px;
  padding-left: 3px;
}
.sub-article.action-item.closed {
  border-bottom-left-radius: 18px;
}
.sub-article.action-item >.sub-article {
  padding: 12px;
  border-left-width: 3px;
  margin-left: -6px;
  margin-right: -3px;
  margin-bottom: 9px;
  border-radius: 0;
}
.sub-article.action-item >.sub-article.answer {
  border-color: #98b896;
}
.sub-article.action-item >.sub-article.article {
  border-color: #a7763b;
}
.sub-article.action-item >.sub-article.assignment {
  border-color: #602c28;
}
.sub-article.action-item >.sub-article.book {
  border-color: #394b5b;
}
.sub-article.action-item >.sub-article.choice {
  border-color: #d9b16d;
}
.sub-article.action-item >.sub-article.course {
  border-color: #b04a6d;
}
.sub-article.action-item >.sub-article.deck {
  border-color: #4c9466;
}
.sub-article.action-item >.sub-article.error {
  border-color: #c47567;
}
.sub-article.action-item >.sub-article.evaluation {
  border-color: #c0b388;
}
.sub-article.action-item >.sub-article.flashcard {
  border-color: #25613b;
}
.sub-article.action-item >.sub-article.group {
  border-color: #846232;
}
.sub-article.action-item >.sub-article.journalism {
  border-color: #6b5619;
}
.sub-article.action-item >.sub-article.lesson {
  border-color: #2b2b5f;
}
.sub-article.action-item >.sub-article.notebook {
  border-color: #92472b;
}
.sub-article.action-item >.sub-article.page {
  border-color: #3c588f;
}
.sub-article.action-item >.sub-article.portfolio {
  border-color: #479859;
}
.sub-article.action-item >.sub-article.question {
  border-color: #a297ad;
}
.sub-article.action-item >.sub-article.research {
  border-color: #3e609d;
}
.sub-article.action-item >.sub-article.simple {
  border-color: #9eb6b6;
}
.sub-article.action-item >.sub-article.story {
  border-color: #1f581f;
}
.sub-article.action-item >.sub-article.test {
  border-color: #79140c;
}
.sub-article.action-item >.sub-article.tutoring {
  border-color: #298329;
}
.sub-article.action-item >.sub-article.workout {
  border-color: #ce5d0e;
}
.sub-article.action-item >.sub-article.TRUE_FALSE {
  border-color: #a297ad;
}
.sub-article.action-item >.sub-article.EXACT_ANSWER {
  border-color: #a297ad;
}
.sub-article.action-item >.sub-article.ESSAY {
  border-color: #a297ad;
}
.sub-article.action-item >.sub-article.MULTIPLE_CHOICE {
  border-color: #a297ad;
}
.sub-article.action-item >.sub-article:last-child {
  margin-bottom: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.sub-article.action-item >.sub-article.active.answer {
  border-color: #4a7546;
}
.sub-article.action-item >.sub-article.active.article {
  border-color: #a7763b;
}
.sub-article.action-item >.sub-article.active.assignment {
  border-color: #602c28;
}
.sub-article.action-item >.sub-article.active.book {
  border-color: #11273b;
}
.sub-article.action-item >.sub-article.active.choice {
  border-color: #bb7a1d;
}
.sub-article.action-item >.sub-article.active.course {
  border-color: #b04a6d;
}
.sub-article.action-item >.sub-article.active.deck {
  border-color: #127736;
}
.sub-article.action-item >.sub-article.active.error {
  border-color: #ca4a33;
}
.sub-article.action-item >.sub-article.active.evaluation {
  border-color: #cea332;
}
.sub-article.action-item >.sub-article.active.flashcard {
  border-color: #25613b;
}
.sub-article.action-item >.sub-article.active.group {
  border-color: #846232;
}
.sub-article.action-item >.sub-article.active.journalism {
  border-color: #6b5619;
}
.sub-article.action-item >.sub-article.active.lesson {
  border-color: #2b2b5f;
}
.sub-article.action-item >.sub-article.active.notebook {
  border-color: #92472b;
}
.sub-article.action-item >.sub-article.active.page {
  border-color: #3c588f;
}
.sub-article.action-item >.sub-article.active.portfolio {
  border-color: #479859;
}
.sub-article.action-item >.sub-article.active.question {
  border-color: #4d3d5c;
}
.sub-article.action-item >.sub-article.active.research {
  border-color: #3e609d;
}
.sub-article.action-item >.sub-article.active.simple {
  border-color: #295d5e;
}
.sub-article.action-item >.sub-article.active.story {
  border-color: #1f581f;
}
.sub-article.action-item >.sub-article.active.test {
  border-color: #79140c;
}
.sub-article.action-item >.sub-article.active.tutoring {
  border-color: #298329;
}
.sub-article.action-item >.sub-article.active.workout {
  border-color: #ce5d0e;
}
.sub-article.action-item >.sub-article.active.TRUE_FALSE {
  border-color: #4d3d5c;
}
.sub-article.action-item >.sub-article.active.EXACT_ANSWER {
  border-color: #4d3d5c;
}
.sub-article.action-item >.sub-article.active.ESSAY {
  border-color: #4d3d5c;
}
.sub-article.action-item >.sub-article.active.MULTIPLE_CHOICE {
  border-color: #4d3d5c;
}
.sub-article.action-item >.sub-article.active.CLASS {
  border-color: #274e7e;
}
.sub-article.action-item >.sub-article.choice {
  background: #fff1db;
}
.sub-article.action-item >.sub-article.error {
  background: #fee;
}
.sub-article.action-item >.sub-article.question {
  background: #f0eafb;
}
.sub-article.action-item >.sub-article.answer {
  background: #dfeddf;
}
.sub-article.action-item >.sub-article.evaluation {
  background: #f7f5e8;
}
.sub-article.action-item >.sub-article.unwrapped {
  border: 0;
  padding: 0;
}
.sub-article.action-item .RichEditor:not(.display-only) {
  margin: 0 -12px 12px;
  border-left-width: 0;
  border-right-width: 0;
}
.sub-article.action-item .RichEditor:last-child {
  margin-bottom: 0;
}
.sub-article.action-item .button-row {
  margin-top: 12px;
}
.sub-article.action-item .button-row * {
  display: inline-block;
}
.sub-article.excerpt {
  border-right-width: 2px;
  border-bottom-right-radius: 20px;
}
.sub-article.excerpt footer {
  text-align: right;
  padding-right: 5px;
  padding-bottom: 5px;
  clear: both;
}
.sub-article.excerpt .image-wrapper {
  margin: 0;
}
.sub-article.excerpt figure {
  margin-bottom: 8px;
}
.sub-article.wrapped {
  margin-right: -12px;
  padding-right: 1px;
  padding-top: 1px;
  box-shadow: unset;
}
.sub-article.wrapped .doc.sub-article {
  margin-right: -2px;
}
.sub-article.wrapped >footer {
  padding-right: 10px;
}
.sub-article.wrapped section.display:last-child {
  margin-bottom: 0;
}
.sub-article.editing {
  border-radius: 8px;
  border-right: 3px solid #dacece;
  padding: 4px 6px;
}
.sub-article.editing.answer {
  border-color: #4a7546;
}
.sub-article.editing.article {
  border-color: #a7763b;
}
.sub-article.editing.assignment {
  border-color: #602c28;
}
.sub-article.editing.book {
  border-color: #11273b;
}
.sub-article.editing.choice {
  border-color: #bb7a1d;
}
.sub-article.editing.course {
  border-color: #b04a6d;
}
.sub-article.editing.deck {
  border-color: #127736;
}
.sub-article.editing.error {
  border-color: #ca4a33;
}
.sub-article.editing.evaluation {
  border-color: #cea332;
}
.sub-article.editing.flashcard {
  border-color: #25613b;
}
.sub-article.editing.group {
  border-color: #846232;
}
.sub-article.editing.journalism {
  border-color: #6b5619;
}
.sub-article.editing.lesson {
  border-color: #2b2b5f;
}
.sub-article.editing.notebook {
  border-color: #92472b;
}
.sub-article.editing.page {
  border-color: #3c588f;
}
.sub-article.editing.portfolio {
  border-color: #479859;
}
.sub-article.editing.question {
  border-color: #4d3d5c;
}
.sub-article.editing.research {
  border-color: #3e609d;
}
.sub-article.editing.simple {
  border-color: #295d5e;
}
.sub-article.editing.story {
  border-color: #1f581f;
}
.sub-article.editing.test {
  border-color: #79140c;
}
.sub-article.editing.tutoring {
  border-color: #298329;
}
.sub-article.editing.workout {
  border-color: #ce5d0e;
}
.sub-article.editing.TRUE_FALSE {
  border-color: #4d3d5c;
}
.sub-article.editing.EXACT_ANSWER {
  border-color: #4d3d5c;
}
.sub-article.editing.ESSAY {
  border-color: #4d3d5c;
}
.sub-article.editing.MULTIPLE_CHOICE {
  border-color: #4d3d5c;
}
.sub-article.editing.CLASS {
  border-color: #274e7e;
}
.sub-article.editing.simple {
  border-color: #dacece;
}
.sub-article .RichEditor:not(.display-only) {
  border-left: 0;
  border-right: 0;
}
.sub-article .button-row {
  margin-bottom: 8px;
}
.sub-article .doc-footer {
  max-height: 28px;
  overflow: hidden;
}
.sub-article:last-child {
  margin-bottom: 1px;
}
.doc-header h1 .RichEditor,
.sub-header h1 .RichEditor {
  line-height: 1;
}
.fa-link,
.fa-external-link {
  color: #aa9898;
}
.fa-link:hover,
.fa-external-link:hover,
.fa-link:focus,
.fa-external-link:focus {
  color: #2e5cb7;
}
.fa-link.fa-rotate-90,
.fa-external-link.fa-rotate-90 {
  padding: 4px 0;
}
.doc-footer {
  font-size: 14px;
}
.doc-footer .title-text {
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
  color: #716262;
}
.doc-missing {
  font-size: 24px;
  margin: 40px;
  text-align: center;
}
.doc-user-block img {
  max-height: 400px;
  max-width: 100%;
}
.doc-user-block .avatar-wrapper img,
.doc-user-block .avatar-wrapper .fa {
  margin-right: 6px;
}
.doc-user-block .avatar-wrapper .fa {
  position: relative;
  top: -2px;
}
.doc-header h1 {
  margin-bottom: 0 !important;
}
.doc-header label.label .fa {
  position: relative;
  top: 2px;
}
.top-doc .doc-header h1 a {
  color: #0a0a0a;
}
.top-doc .doc-header h1 a:hover,
.top-doc .doc-header h1 a:focus {
  cursor: pointer;
  text-decoration: underline;
}
.doc-link:hover,
.doc-link:focus {
  text-decoration: underline;
}
.doc .doc.sub-article .doc.sub-article {
  margin-right: -2px;
}
.page-atoms .sub-article {
  margin-top: 32px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  background: none !important;
  border-top-right-radius: 18px;
}
.page-atoms .sub-article header {
  margin-bottom: 16px;
}
.page-atoms .sub-article header h1 {
  display: block;
  clear: both;
  margin-top: 10px;
  margin-bottom: 20px;
}
#sidebar .sub-article.unwrapped {
  border: 0;
  padding: 0;
}
.tabs {
  padding: 2px 4px;
}
.tabs .tab-btn {
  border: 2px solid #aa9898;
  border-top-width: 1px;
  border-radius: 5px;
  padding: 4px 7px;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 400;
  color: #3d3737;
}
.tabs .tab-btn.answer {
  border-color: #98b896;
}
.tabs .tab-btn.article {
  border-color: #a7763b;
}
.tabs .tab-btn.assignment {
  border-color: #602c28;
}
.tabs .tab-btn.book {
  border-color: #394b5b;
}
.tabs .tab-btn.choice {
  border-color: #d9b16d;
}
.tabs .tab-btn.course {
  border-color: #b04a6d;
}
.tabs .tab-btn.deck {
  border-color: #4c9466;
}
.tabs .tab-btn.error {
  border-color: #c47567;
}
.tabs .tab-btn.evaluation {
  border-color: #c0b388;
}
.tabs .tab-btn.flashcard {
  border-color: #25613b;
}
.tabs .tab-btn.group {
  border-color: #846232;
}
.tabs .tab-btn.journalism {
  border-color: #6b5619;
}
.tabs .tab-btn.lesson {
  border-color: #2b2b5f;
}
.tabs .tab-btn.notebook {
  border-color: #92472b;
}
.tabs .tab-btn.page {
  border-color: #3c588f;
}
.tabs .tab-btn.portfolio {
  border-color: #479859;
}
.tabs .tab-btn.question {
  border-color: #a297ad;
}
.tabs .tab-btn.research {
  border-color: #3e609d;
}
.tabs .tab-btn.simple {
  border-color: #9eb6b6;
}
.tabs .tab-btn.story {
  border-color: #1f581f;
}
.tabs .tab-btn.test {
  border-color: #79140c;
}
.tabs .tab-btn.tutoring {
  border-color: #298329;
}
.tabs .tab-btn.workout {
  border-color: #ce5d0e;
}
.tabs .tab-btn.TRUE_FALSE {
  border-color: #a297ad;
}
.tabs .tab-btn.EXACT_ANSWER {
  border-color: #a297ad;
}
.tabs .tab-btn.ESSAY {
  border-color: #a297ad;
}
.tabs .tab-btn.MULTIPLE_CHOICE {
  border-color: #a297ad;
}
.tabs .tab-btn.choice {
  background: #fff1db;
}
.tabs .tab-btn.error {
  background: #fee;
}
.tabs .tab-btn.question {
  background: #f0eafb;
}
.tabs .tab-btn.answer {
  background: #dfeddf;
}
.tabs .tab-btn.evaluation {
  background: #f7f5e8;
}
.tabs .tab-btn.active,
.tabs .tab-btn:hover {
  color: #fff;
}
.tabs .tab-btn.active.answer,
.tabs .tab-btn:hover.answer {
  background-color: #4a7546;
}
.tabs .tab-btn.active.article,
.tabs .tab-btn:hover.article {
  background-color: #a7763b;
}
.tabs .tab-btn.active.assignment,
.tabs .tab-btn:hover.assignment {
  background-color: #602c28;
}
.tabs .tab-btn.active.book,
.tabs .tab-btn:hover.book {
  background-color: #11273b;
}
.tabs .tab-btn.active.choice,
.tabs .tab-btn:hover.choice {
  background-color: #bb7a1d;
}
.tabs .tab-btn.active.course,
.tabs .tab-btn:hover.course {
  background-color: #b04a6d;
}
.tabs .tab-btn.active.deck,
.tabs .tab-btn:hover.deck {
  background-color: #127736;
}
.tabs .tab-btn.active.error,
.tabs .tab-btn:hover.error {
  background-color: #ca4a33;
}
.tabs .tab-btn.active.evaluation,
.tabs .tab-btn:hover.evaluation {
  background-color: #cea332;
}
.tabs .tab-btn.active.flashcard,
.tabs .tab-btn:hover.flashcard {
  background-color: #25613b;
}
.tabs .tab-btn.active.group,
.tabs .tab-btn:hover.group {
  background-color: #846232;
}
.tabs .tab-btn.active.journalism,
.tabs .tab-btn:hover.journalism {
  background-color: #6b5619;
}
.tabs .tab-btn.active.lesson,
.tabs .tab-btn:hover.lesson {
  background-color: #2b2b5f;
}
.tabs .tab-btn.active.notebook,
.tabs .tab-btn:hover.notebook {
  background-color: #92472b;
}
.tabs .tab-btn.active.page,
.tabs .tab-btn:hover.page {
  background-color: #3c588f;
}
.tabs .tab-btn.active.portfolio,
.tabs .tab-btn:hover.portfolio {
  background-color: #479859;
}
.tabs .tab-btn.active.question,
.tabs .tab-btn:hover.question {
  background-color: #4d3d5c;
}
.tabs .tab-btn.active.research,
.tabs .tab-btn:hover.research {
  background-color: #3e609d;
}
.tabs .tab-btn.active.simple,
.tabs .tab-btn:hover.simple {
  background-color: #295d5e;
}
.tabs .tab-btn.active.story,
.tabs .tab-btn:hover.story {
  background-color: #1f581f;
}
.tabs .tab-btn.active.test,
.tabs .tab-btn:hover.test {
  background-color: #79140c;
}
.tabs .tab-btn.active.tutoring,
.tabs .tab-btn:hover.tutoring {
  background-color: #298329;
}
.tabs .tab-btn.active.workout,
.tabs .tab-btn:hover.workout {
  background-color: #ce5d0e;
}
.tabs .tab-btn.active.TRUE_FALSE,
.tabs .tab-btn:hover.TRUE_FALSE {
  background-color: #4d3d5c;
}
.tabs .tab-btn.active.EXACT_ANSWER,
.tabs .tab-btn:hover.EXACT_ANSWER {
  background-color: #4d3d5c;
}
.tabs .tab-btn.active.ESSAY,
.tabs .tab-btn:hover.ESSAY {
  background-color: #4d3d5c;
}
.tabs .tab-btn.active.MULTIPLE_CHOICE,
.tabs .tab-btn:hover.MULTIPLE_CHOICE {
  background-color: #4d3d5c;
}
.tabs .tab-btn.active.CLASS,
.tabs .tab-btn:hover.CLASS {
  background-color: #274e7e;
}
.tabs .tab-btn.active.answer,
.tabs .tab-btn:hover.answer {
  border-color: #4a7546;
}
.tabs .tab-btn.active.article,
.tabs .tab-btn:hover.article {
  border-color: #a7763b;
}
.tabs .tab-btn.active.assignment,
.tabs .tab-btn:hover.assignment {
  border-color: #602c28;
}
.tabs .tab-btn.active.book,
.tabs .tab-btn:hover.book {
  border-color: #11273b;
}
.tabs .tab-btn.active.choice,
.tabs .tab-btn:hover.choice {
  border-color: #bb7a1d;
}
.tabs .tab-btn.active.course,
.tabs .tab-btn:hover.course {
  border-color: #b04a6d;
}
.tabs .tab-btn.active.deck,
.tabs .tab-btn:hover.deck {
  border-color: #127736;
}
.tabs .tab-btn.active.error,
.tabs .tab-btn:hover.error {
  border-color: #ca4a33;
}
.tabs .tab-btn.active.evaluation,
.tabs .tab-btn:hover.evaluation {
  border-color: #cea332;
}
.tabs .tab-btn.active.flashcard,
.tabs .tab-btn:hover.flashcard {
  border-color: #25613b;
}
.tabs .tab-btn.active.group,
.tabs .tab-btn:hover.group {
  border-color: #846232;
}
.tabs .tab-btn.active.journalism,
.tabs .tab-btn:hover.journalism {
  border-color: #6b5619;
}
.tabs .tab-btn.active.lesson,
.tabs .tab-btn:hover.lesson {
  border-color: #2b2b5f;
}
.tabs .tab-btn.active.notebook,
.tabs .tab-btn:hover.notebook {
  border-color: #92472b;
}
.tabs .tab-btn.active.page,
.tabs .tab-btn:hover.page {
  border-color: #3c588f;
}
.tabs .tab-btn.active.portfolio,
.tabs .tab-btn:hover.portfolio {
  border-color: #479859;
}
.tabs .tab-btn.active.question,
.tabs .tab-btn:hover.question {
  border-color: #4d3d5c;
}
.tabs .tab-btn.active.research,
.tabs .tab-btn:hover.research {
  border-color: #3e609d;
}
.tabs .tab-btn.active.simple,
.tabs .tab-btn:hover.simple {
  border-color: #295d5e;
}
.tabs .tab-btn.active.story,
.tabs .tab-btn:hover.story {
  border-color: #1f581f;
}
.tabs .tab-btn.active.test,
.tabs .tab-btn:hover.test {
  border-color: #79140c;
}
.tabs .tab-btn.active.tutoring,
.tabs .tab-btn:hover.tutoring {
  border-color: #298329;
}
.tabs .tab-btn.active.workout,
.tabs .tab-btn:hover.workout {
  border-color: #ce5d0e;
}
.tabs .tab-btn.active.TRUE_FALSE,
.tabs .tab-btn:hover.TRUE_FALSE {
  border-color: #4d3d5c;
}
.tabs .tab-btn.active.EXACT_ANSWER,
.tabs .tab-btn:hover.EXACT_ANSWER {
  border-color: #4d3d5c;
}
.tabs .tab-btn.active.ESSAY,
.tabs .tab-btn:hover.ESSAY {
  border-color: #4d3d5c;
}
.tabs .tab-btn.active.MULTIPLE_CHOICE,
.tabs .tab-btn:hover.MULTIPLE_CHOICE {
  border-color: #4d3d5c;
}
.tabs .tab-btn.active.CLASS,
.tabs .tab-btn:hover.CLASS {
  border-color: #274e7e;
}
.tabs .tab-btn .fa {
  margin-right: 6px;
  font-size: 14px;
}
#sidebar .tabs .tab-btn.choice {
  background: #f7e9d3;
}
#sidebar .tabs .tab-btn.error {
  background: #f5e7e7;
}
#sidebar .tabs .tab-btn.question {
  background: #ede7f7;
}
#sidebar .tabs .tab-btn.answer {
  background: #dfeddf;
}
#sidebar .tabs .tab-btn.evaluation {
  background: #e7e7d9;
}
#sidebar .tabs .tab-btn.active.answer,
#sidebar .tabs .tab-btn:hover.answer {
  background-color: #4a7546;
}
#sidebar .tabs .tab-btn.active.article,
#sidebar .tabs .tab-btn:hover.article {
  background-color: #a7763b;
}
#sidebar .tabs .tab-btn.active.assignment,
#sidebar .tabs .tab-btn:hover.assignment {
  background-color: #602c28;
}
#sidebar .tabs .tab-btn.active.book,
#sidebar .tabs .tab-btn:hover.book {
  background-color: #11273b;
}
#sidebar .tabs .tab-btn.active.choice,
#sidebar .tabs .tab-btn:hover.choice {
  background-color: #bb7a1d;
}
#sidebar .tabs .tab-btn.active.course,
#sidebar .tabs .tab-btn:hover.course {
  background-color: #b04a6d;
}
#sidebar .tabs .tab-btn.active.deck,
#sidebar .tabs .tab-btn:hover.deck {
  background-color: #127736;
}
#sidebar .tabs .tab-btn.active.error,
#sidebar .tabs .tab-btn:hover.error {
  background-color: #ca4a33;
}
#sidebar .tabs .tab-btn.active.evaluation,
#sidebar .tabs .tab-btn:hover.evaluation {
  background-color: #cea332;
}
#sidebar .tabs .tab-btn.active.flashcard,
#sidebar .tabs .tab-btn:hover.flashcard {
  background-color: #25613b;
}
#sidebar .tabs .tab-btn.active.group,
#sidebar .tabs .tab-btn:hover.group {
  background-color: #846232;
}
#sidebar .tabs .tab-btn.active.journalism,
#sidebar .tabs .tab-btn:hover.journalism {
  background-color: #6b5619;
}
#sidebar .tabs .tab-btn.active.lesson,
#sidebar .tabs .tab-btn:hover.lesson {
  background-color: #2b2b5f;
}
#sidebar .tabs .tab-btn.active.notebook,
#sidebar .tabs .tab-btn:hover.notebook {
  background-color: #92472b;
}
#sidebar .tabs .tab-btn.active.page,
#sidebar .tabs .tab-btn:hover.page {
  background-color: #3c588f;
}
#sidebar .tabs .tab-btn.active.portfolio,
#sidebar .tabs .tab-btn:hover.portfolio {
  background-color: #479859;
}
#sidebar .tabs .tab-btn.active.question,
#sidebar .tabs .tab-btn:hover.question {
  background-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.research,
#sidebar .tabs .tab-btn:hover.research {
  background-color: #3e609d;
}
#sidebar .tabs .tab-btn.active.simple,
#sidebar .tabs .tab-btn:hover.simple {
  background-color: #295d5e;
}
#sidebar .tabs .tab-btn.active.story,
#sidebar .tabs .tab-btn:hover.story {
  background-color: #1f581f;
}
#sidebar .tabs .tab-btn.active.test,
#sidebar .tabs .tab-btn:hover.test {
  background-color: #79140c;
}
#sidebar .tabs .tab-btn.active.tutoring,
#sidebar .tabs .tab-btn:hover.tutoring {
  background-color: #298329;
}
#sidebar .tabs .tab-btn.active.workout,
#sidebar .tabs .tab-btn:hover.workout {
  background-color: #ce5d0e;
}
#sidebar .tabs .tab-btn.active.TRUE_FALSE,
#sidebar .tabs .tab-btn:hover.TRUE_FALSE {
  background-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.EXACT_ANSWER,
#sidebar .tabs .tab-btn:hover.EXACT_ANSWER {
  background-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.ESSAY,
#sidebar .tabs .tab-btn:hover.ESSAY {
  background-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.MULTIPLE_CHOICE,
#sidebar .tabs .tab-btn:hover.MULTIPLE_CHOICE {
  background-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.CLASS,
#sidebar .tabs .tab-btn:hover.CLASS {
  background-color: #274e7e;
}
#sidebar .tabs .tab-btn.active.answer,
#sidebar .tabs .tab-btn:hover.answer {
  border-color: #4a7546;
}
#sidebar .tabs .tab-btn.active.article,
#sidebar .tabs .tab-btn:hover.article {
  border-color: #a7763b;
}
#sidebar .tabs .tab-btn.active.assignment,
#sidebar .tabs .tab-btn:hover.assignment {
  border-color: #602c28;
}
#sidebar .tabs .tab-btn.active.book,
#sidebar .tabs .tab-btn:hover.book {
  border-color: #11273b;
}
#sidebar .tabs .tab-btn.active.choice,
#sidebar .tabs .tab-btn:hover.choice {
  border-color: #bb7a1d;
}
#sidebar .tabs .tab-btn.active.course,
#sidebar .tabs .tab-btn:hover.course {
  border-color: #b04a6d;
}
#sidebar .tabs .tab-btn.active.deck,
#sidebar .tabs .tab-btn:hover.deck {
  border-color: #127736;
}
#sidebar .tabs .tab-btn.active.error,
#sidebar .tabs .tab-btn:hover.error {
  border-color: #ca4a33;
}
#sidebar .tabs .tab-btn.active.evaluation,
#sidebar .tabs .tab-btn:hover.evaluation {
  border-color: #cea332;
}
#sidebar .tabs .tab-btn.active.flashcard,
#sidebar .tabs .tab-btn:hover.flashcard {
  border-color: #25613b;
}
#sidebar .tabs .tab-btn.active.group,
#sidebar .tabs .tab-btn:hover.group {
  border-color: #846232;
}
#sidebar .tabs .tab-btn.active.journalism,
#sidebar .tabs .tab-btn:hover.journalism {
  border-color: #6b5619;
}
#sidebar .tabs .tab-btn.active.lesson,
#sidebar .tabs .tab-btn:hover.lesson {
  border-color: #2b2b5f;
}
#sidebar .tabs .tab-btn.active.notebook,
#sidebar .tabs .tab-btn:hover.notebook {
  border-color: #92472b;
}
#sidebar .tabs .tab-btn.active.page,
#sidebar .tabs .tab-btn:hover.page {
  border-color: #3c588f;
}
#sidebar .tabs .tab-btn.active.portfolio,
#sidebar .tabs .tab-btn:hover.portfolio {
  border-color: #479859;
}
#sidebar .tabs .tab-btn.active.question,
#sidebar .tabs .tab-btn:hover.question {
  border-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.research,
#sidebar .tabs .tab-btn:hover.research {
  border-color: #3e609d;
}
#sidebar .tabs .tab-btn.active.simple,
#sidebar .tabs .tab-btn:hover.simple {
  border-color: #295d5e;
}
#sidebar .tabs .tab-btn.active.story,
#sidebar .tabs .tab-btn:hover.story {
  border-color: #1f581f;
}
#sidebar .tabs .tab-btn.active.test,
#sidebar .tabs .tab-btn:hover.test {
  border-color: #79140c;
}
#sidebar .tabs .tab-btn.active.tutoring,
#sidebar .tabs .tab-btn:hover.tutoring {
  border-color: #298329;
}
#sidebar .tabs .tab-btn.active.workout,
#sidebar .tabs .tab-btn:hover.workout {
  border-color: #ce5d0e;
}
#sidebar .tabs .tab-btn.active.TRUE_FALSE,
#sidebar .tabs .tab-btn:hover.TRUE_FALSE {
  border-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.EXACT_ANSWER,
#sidebar .tabs .tab-btn:hover.EXACT_ANSWER {
  border-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.ESSAY,
#sidebar .tabs .tab-btn:hover.ESSAY {
  border-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.MULTIPLE_CHOICE,
#sidebar .tabs .tab-btn:hover.MULTIPLE_CHOICE {
  border-color: #4d3d5c;
}
#sidebar .tabs .tab-btn.active.CLASS,
#sidebar .tabs .tab-btn:hover.CLASS {
  border-color: #274e7e;
}
.doc-item {
  font-size: 14px;
}
.doc-item .sub-header h1 {
  font-size: 20px;
  padding-top: 3px;
}
.doc-item .sub-header h2 {
  font-size: 18px;
}
.doc-item .sub-header h3 {
  font-size: 16px;
}
.doc-item .sub-header h4 {
  font-size: 14px;
}
.doc-item img {
  max-height: 100px;
}
.doc-item h1 {
  font-size: 22px;
}
.doc-item h2 {
  font-size: 20px;
}
.doc-item h3 {
  font-size: 18px;
}
.doc-item h4 {
  font-size: 16px;
}
.doc-item li {
  margin-bottom: 10px;
}
.action-result {
  margin-top: 20px;
}
.choice-option {
  margin-bottom: 6px;
  list-style-type: none;
}
.cool-button-row {
  position: relative;
}
.cool-button-row >button {
  display: inline-block;
}
.cool-button-row >button.left {
  float: left;
}
.cool-button-row >button.right {
  float: right;
}
.cool-button-row.expander >section {
  display: none;
}
.cool-button-row.expander.open >section {
  display: block;
}
.doc-title-text >.fa {
  position: relative;
  margin-right: 5px;
  top: 3px;
}
.function-title {
  margin-bottom: 30px;
}
.function-title .fa {
  font-size: 18px;
}
.function-title .title {
  border-bottom: 1px solid #2c3460;
}
.user-button .avatar-wrapper,
.user-block .avatar-wrapper {
  float: left;
  padding-right: 5px;
}
.user-button .user-text,
.user-block .user-text {
  line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  position: relative;
  top: -1px;
}
.user-button .user-text.centered,
.user-block .user-text.centered {
  top: 6px;
}
.user-button .user-text .user-text-1,
.user-block .user-text .user-text-1 {
  font-weight: 400;
}
.user-button .user-text .user-text-2,
.user-block .user-text .user-text-2 {
  font-size: 14px;
}
.user-button .user-subtext,
.user-block .user-subtext {
  line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  position: relative;
  top: -1px;
}
.user-button {
  height: 42px;
  padding: 3px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.user-button.open {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.user-block {
  height: 32px;
}
.avatar-wrapper {
  color: #aa9898;
  position: relative;
  padding: 0;
}
.avatar-wrapper.small {
  height: 32px;
}
.avatar-wrapper.small .initials {
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 32px;
  font-size: 16px;
}
.avatar-wrapper.small .fa-user-circle {
  font-size: 32px;
}
.avatar-wrapper .initials {
  height: 48px;
  width: 48px;
  line-height: 48px;
  border-radius: 48px;
  position: relative;
  background: #aa9898;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 20px;
}
.avatar-wrapper .fa-user-circle {
  font-size: 48px;
}
.avatar {
  display: inline-block;
  position: relative;
  font-family: fontawesome;
  width: 48px;
  font-size: 48px;
  border-radius: 24px;
}
.avatar.small {
  width: 32px;
  font-size: 32px;
  border-radius: 16px;
}
.btn >.avatar-wrapper .avatar:hover,
.btn >.avatar-wrapper .avatar:active {
  box-shadow: 0 0 8px 1px #3f3a46;
}
.doc-header .avatar-wrapper {
  float: left;
  top: 2px;
}
.users-list {
  padding-bottom: 80px;
}
.action-item {
  margin-bottom: 15px;
}
.action-item >header {
  font-size: 18px;
  margin-bottom: 10px;
  padding-right: 8px;
}
.action-item >header:last-child {
  margin-bottom: 2px;
}
.action-item >header .action-state-label {
  font-variant: small-caps;
}
.action-item >header .btn.avatar-wrapper {
  position: relative;
}
.user-list li {
  position: relative;
  height: 46px;
}
.user-list li .button {
  height: 46px;
}
.user-list li .user-confirm {
  position: relative;
  padding: 5px 8px;
  clear: both;
}
.user-list li .user-confirm .avatar-icon {
  position: relative;
  left: -6px;
}
.user-list li .user-confirm .user-btn-text {
  position: relative;
  top: -6px;
}
.user-list li .confirm,
.user-list li .cancel {
  position: relative;
  top: -8px;
}
section.search {
  margin-top: 0 !important;
}
section.search header.search-header {
  position: relative;
  margin-bottom: 36px;
}
section.search header.search-header .fa.search-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 24px;
  color: #6287a6;
}
section.search header.search-header input.search-input {
  padding-left: 40px;
  margin: 0;
}
section.search .search-results li.search-item {
  position: relative;
  margin-bottom: 30px;
}
section.search .search-results li.search-item .header {
  font-size: 16px;
}
section.search .search-results li.search-item .title {
  font-size: 20px;
  margin-bottom: 2px;
}
section.search .search-results li.search-item .body {
  font-size: 14px;
}
section.search .search-results li.search-item .action-button {
  padding: 0;
  border-radius: 8px 18px 18px 8px;
  border-left-width: 3px;
}
section.search .search-results li.search-item .action-button.answer {
  border-color: #4a7546;
}
section.search .search-results li.search-item .action-button.article {
  border-color: #a7763b;
}
section.search .search-results li.search-item .action-button.assignment {
  border-color: #602c28;
}
section.search .search-results li.search-item .action-button.book {
  border-color: #11273b;
}
section.search .search-results li.search-item .action-button.choice {
  border-color: #bb7a1d;
}
section.search .search-results li.search-item .action-button.course {
  border-color: #b04a6d;
}
section.search .search-results li.search-item .action-button.deck {
  border-color: #127736;
}
section.search .search-results li.search-item .action-button.error {
  border-color: #ca4a33;
}
section.search .search-results li.search-item .action-button.evaluation {
  border-color: #cea332;
}
section.search .search-results li.search-item .action-button.flashcard {
  border-color: #25613b;
}
section.search .search-results li.search-item .action-button.group {
  border-color: #846232;
}
section.search .search-results li.search-item .action-button.journalism {
  border-color: #6b5619;
}
section.search .search-results li.search-item .action-button.lesson {
  border-color: #2b2b5f;
}
section.search .search-results li.search-item .action-button.notebook {
  border-color: #92472b;
}
section.search .search-results li.search-item .action-button.page {
  border-color: #3c588f;
}
section.search .search-results li.search-item .action-button.portfolio {
  border-color: #479859;
}
section.search .search-results li.search-item .action-button.question {
  border-color: #4d3d5c;
}
section.search .search-results li.search-item .action-button.research {
  border-color: #3e609d;
}
section.search .search-results li.search-item .action-button.simple {
  border-color: #295d5e;
}
section.search .search-results li.search-item .action-button.story {
  border-color: #1f581f;
}
section.search .search-results li.search-item .action-button.test {
  border-color: #79140c;
}
section.search .search-results li.search-item .action-button.tutoring {
  border-color: #298329;
}
section.search .search-results li.search-item .action-button.workout {
  border-color: #ce5d0e;
}
section.search .search-results li.search-item .action-button.TRUE_FALSE {
  border-color: #4d3d5c;
}
section.search .search-results li.search-item .action-button.EXACT_ANSWER {
  border-color: #4d3d5c;
}
section.search .search-results li.search-item .action-button.ESSAY {
  border-color: #4d3d5c;
}
section.search .search-results li.search-item .action-button.MULTIPLE_CHOICE {
  border-color: #4d3d5c;
}
section.search .search-results li.search-item .action-button.CLASS {
  border-color: #274e7e;
}
section.search .search-results li.search-item .action-button.select {
  border-left-width: 26px;
}
section.search .search-results li.search-item .action-button.select .check-mark {
  top: 5px;
  left: 3px;
  color: #fff;
}
section.search .search-results li.search-item .action-button >.doc-item >article {
  border: 0;
  margin: 0;
}
section.search .search-results li.search-item .action-button >.doc-item >article header .label {
  border-bottom-left-radius: 0;
  left: -1px;
  padding-left: 8px;
}
section.search .search-results li.search-item .action-button >.doc-item >article header h1 {
  padding-left: 10px;
}
section.search .search-results li.search-item .action-button >.doc-item >article main {
  padding-left: 10px;
}
section.search .search-results li.search-item .action-button >.user-item {
  padding-left: 12px;
}
section.search .search-results li.search-item.selector {
  padding-left: 30px;
}
section.search.grid ul.search-results {
  margin: 0 -15px;
}
section.search.grid ul.search-results li.search-item {
  margin-bottom: 32px;
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
}
section.search.grid ul.search-results li.search-item:nth-child(1n) {
  padding-right: 7px;
  padding-left: 15px;
}
section.search.grid ul.search-results li.search-item:nth-child(1n) .check-mark {
  left: 25px;
}
section.search.grid ul.search-results li.search-item:nth-child(2n) {
  padding-left: 7px;
  padding-right: 15px;
}
section.search.grid ul.search-results li.search-item:nth-child(2n) .check-mark {
  left: 18px;
}
.choice-option.wrong {
  color: #ca4a33;
  font-weight: 700;
}
.choice-option.wrong .btn-children {
  text-decoration: line-through;
}
.choice-option.wrong .fa-check-circle {
  color: #ca4a33;
}
.choice-option.correct {
  font-weight: 700;
  color: #4a7546;
}
.choice-option.correct .btn-children {
  text-decoration: underline;
}
.choice-option.correct .fa-check-circle {
  color: #4a7546;
}
.notification {
  border: 1px solid #aa9898;
  border-radius: 5px;
  padding: 8px 10px;
  background-color: #fdfdfd;
}
.notification .notification-header {
  margin-bottom: 8px;
}
.notification .big-avatar-info {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  top: -2px;
}
.notification .dateline {
  font-size: 14px;
  position: relative;
  top: -4px;
}
.notification .dateline strong {
  color: #847988;
}
.notification .button {
  max-width: 150px;
}
.accepted,
.pending {
  font-variant: small-caps;
  color: #847988;
  font-weight: 700;
}
.notifications-list >li {
  position: relative;
  margin-bottom: 18px;
}
.notifications-list >li .remove-notification {
  position: absolute;
  right: 5px;
  top: 5px;
}
.teacher .assignments li {
  padding-top: 10px;
  border-top: 1px solid #808080;
}
.evaluating {
  border-left: 3px solid #cecece;
  margin-left: 12px;
}
.evaluating .teaching-item {
  margin-left: -12px;
  margin-bottom: 0;
  padding-top: 10px;
}
.evaluating .teaching-item .action-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  padding-top: 6px;
  background: #fff;
}
.evaluating .teaching-item .action-item .button.type {
  font-size: 16px;
  padding: 8px 6px;
}
.evaluating .teaching-item .title-toggle {
  padding: 0 2px;
  width: 100%;
  border-radius: 8px;
  border-bottom: 1px solid #dacece;
  border-top: 1px solid #dacece;
  border-right: 3px solid #dacece;
  border-left: 3px solid #dacece;
  background: #fff;
  font-weight: 400;
  text-align: left;
}
.evaluating .teaching-item .title-toggle .fa {
  color: #dacece;
  font-size: 20px;
  position: relative;
  top: -14px;
  line-height: 0;
}
.evaluating .teaching-item .title-toggle.open {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 4px;
}
.evaluating .teaching-item .title-toggle:hover {
  background: #dacece;
  color: #fff;
}
.evaluating .teaching-item .title-toggle:hover .fa {
  color: #fff;
}
.evaluating .teaching-item .sub-article.action-item >.sub-article {
  margin-left: -6px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.essay-teacher-item {
  margin-bottom: 15px;
}
.essay-teacher-item .action-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  padding-top: 6px;
  background: #fff;
  margin-bottom: 15px;
  margin-top: 0;
}
.essay-teacher-item .action-item .button.type {
  font-size: 16px;
  padding: 8px 6px;
}
.essay-teacher-item .action-item article.active {
  margin-left: -15px;
  margin-right: -15px;
}
.nodes {
  margin-top: 10px;
  border-left: 3px solid #cecece;
  margin-left: 12px;
  width: 100%;
}
.nodes .node {
  display: block;
  position: relative;
  width: 100%;
  margin-left: -14px;
}
.nodes .node-buttons {
  max-width: 100%;
  padding-right: 12px;
}
.nodes .node-buttons button {
  height: 30px;
  padding: 4px 8px;
  width: unset;
  max-width: 100%;
  display: inline-flex;
}
.nodes .node-buttons button .fa {
  margin: 0;
  padding-top: 3px;
}
.nodes .node-buttons button .btn-children {
  line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nodes .node-buttons button .btn-children div {
  line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nodes .node-buttons.pair >button:first-child {
  margin-right: 2px;
  border-top-right-radius: 1PX;
  border-bottom-right-radius: 1PX;
}
.nodes .node-buttons.pair >button:last-child {
  border-top-left-radius: 1PX;
  border-bottom-left-radius: 1PX;
}
.nodes .node-buttons.pair >button:last-child .fa {
  margin-right: 6px;
}
.assignment.action-item {
  padding: 12px;
  background: #f0f8ff;
}
.assignment.action-item .field {
  margin-bottom: 12px;
}
.assignment.action-item .field .section-header .section-title {
  font-size: 16px;
}
.video-progress-bar {
  position: relative;
  width: 100%;
  height: 5px;
  background: #363535;
}
.video-progress-bar .progress-span {
  position: absolute;
  display: inline-block;
  height: 5px;
  background: #cf8f1c;
}
.video-progress-bar.complete .progress-span {
  background: #3668a7;
}
.course-video-summary {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 14px;
}
.expander header {
  display: flex;
  flex-direction: row;
}
.expander header >button {
  width: unset;
  border: 1px solid #cecece;
  border-left-width: 0;
  border-right-width: 3px;
  border-radius: 0;
  background: #fff;
  color: #3d3737;
  font-weight: 400;
  text-align: left;
  margin: 0;
}
.expander header >button .fa-btn {
  color: #aa9898;
}
.expander header >button:first-child {
  border-top-left-radius: 8px;
  border-left-width: 3px;
  flex-grow: 1;
  height: 100%;
  vertical-align: middle;
  border-left-width: 3px;
}
.expander header >button:last-child {
  border-top-right-radius: 8px;
}
.expander header >button:active,
.expander header >button:hover {
  border-left-width: 3px;
  margin-left: -3px;
  z-index: 100;
  background-color: #e1eefb;
  border-color: #889bbd;
  color: #2e3266;
}
.expander header >button:active:active,
.expander header >button:hover:active {
  box-shadow: unset;
}
.expander header >button:active:first-child,
.expander header >button:hover:first-child {
  margin-left: 0;
}
.expander header >button:active.detach,
.expander header >button:hover.detach {
  background-color: #f9d9e0;
  border-color: #956666;
  color: #541313;
}
.expander header >button:active.conf,
.expander header >button:hover.conf {
  background-color: #d9f9e4;
  border-color: #6f9d69;
  color: #26683d;
}
.expander header >button:disabled {
  background: #fff !important;
  color: #3d3737;
  border-color: #cecece !important;
}
.expander.closed header >button:first-child {
  border-bottom-left-radius: 8px;
}
.expander.closed header >button:last-child {
  border-bottom-right-radius: 8px;
}
.expander >.expanded {
  border: 1px solid #cecece;
  border-left-width: 3px;
  border-right-width: 3px;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  padding: 10px;
  background: #f5efff;
}
div.ReactTags__tags {
  position: relative;
}
div.ReactTags__tagInput {
  width: 200px;
  border-radius: 2px;
  display: inline-block;
}
div.ReactTags__tagInput input.ReactTags__tagInputField,
div.ReactTags__tagInput input.ReactTags__tagInputFieldfocus {
  margin: 0;
  font-size: 14px;
  width: 100%;
  padding: 6px 8px;
}
div.ReactTags__selected span.ReactTags__tag {
  background: #eee;
  font-size: 14px;
  display: inline-block;
  padding: 6px 8px;
  margin: 0 10px 0 0;
  cursor: move;
  border-radius: 2px;
  position: relative;
  border: 1px solid #aba3ab;
}
div.ReactTags__selected a.ReactTags__remove {
  color: #aaa;
  margin-left: 5px;
  cursor: pointer;
}
div.ReactTags__suggestions {
  position: absolute;
}
div.ReactTags__suggestions ul {
  list-style-type: none;
  box-shadow: 0.05em 0.01em 0.5em rgba(0,0,0,0.2);
  background: #fff;
  width: 200px;
}
div.ReactTags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  margin: 0;
}
div.ReactTags__suggestions li mark {
  text-decoration: underline;
  background: none;
  font-weight: 600;
}
div.ReactTags__suggestions ul li.ReactTags__activeSuggestion {
  background: #b7cfe0;
  cursor: pointer;
}
.react-datepicker-popper {
  z-index: 100;
}
.controls-bar {
  padding-bottom: 10px;
  box-sizing: border-box;
}
.controls-bar .avatar-wrapper {
  margin-bottom: 8px;
}