LI.answer {
  color: #333;
  background-color: #EEE; }

  LI.answer.correct.clicked {
    color: green;
    background-color: #ceffce;
    border: 1px solid #00ce00; }

    LI.answer.incorrect.clicked {
      color: red;
      background-color: #fed3d3;
      border: 1px solid #fc6f6f; }

      .light-theme {
        color: #444;
        background-color: #FFF; }
        .light-theme #theme-color {
          background-color: #006bde; }
          .light-theme .btn {
            color: #444; }
            .light-theme .btn-primary {
              background-color: #006bde;
              border-color: #006bde;
              color: white; }
              .light-theme .link-button {
                background-color: #FFF;
                color: #006bde;
                padding: 1px; }
                .light-theme .link-button:hover {
                  color: #006bde; }
                  .light-theme A {
                    color: #006bde; }
                    .light-theme TEXTAREA {
                      color: #444; }
                      .light-theme INPUT {
                        color: #444; }
                        .light-theme INPUT::placeholder {
                          color: #AAA; }
                          .light-theme BLOCKQUOTE {
                            color: #FFF;
                            background-color: #EFEFEF;
                            border-radius: 7px; }
                            .light-theme code {
                              color: #444; }
                              .light-theme .btn.btn-discouraged {
                                background-color: #898383; }
                                .light-theme .secondary-header {
                                  color: #888;
                                  font-weight: normal; }
                                  .light-theme #top-banner {
                                    background-color: #006bde;
                                    color: #FFF;
                                    border-bottom: 2px solid #006bde;
                                    font-weight: bold; }
                                    .light-theme #top-banner A {
                                      color: #DDD; }
                                      .light-theme #side-menu {
                                        background-color: #FFF;
                                        color: white; }
                                        .light-theme .side-menu-item.active {
                                          color: #006bde; }
                                          .light-theme .lesson-progress {
                                            border: 2px solid #006bde; }
                                            .light-theme .lesson-progress.completed {
                                              background-color: #006bde; }
                                              .light-theme #progress-bar {
                                                background-color: #78b9ff;
                                                border: 1px solid #78b9ff;
                                                border-right: 4px solid #459fff; }
                                                .light-theme .passage-toggle {
                                                  background-color: #CCC;
                                                  border-radius: 20px; }
                                                  .light-theme .passage-toggle::after {
                                                    background-color: #006bde;
                                                    color: black; }
                                                    .light-theme .passage-toggle.first-selected .btn:first-child,
                                                    .light-theme .passage-toggle.second-selected .btn:last-child {
                                                      color: white; }
                                                      .light-theme .passage-toggle .btn {
                                                        background-color: transparent;
                                                        color: black; }
                                                        .light-theme .passage-toggle .btn-selected {
                                                          color: black; }
                                                          .light-theme LI.answer {
                                                            background-color: #FFF;
                                                            border: 1px solid #999; }
                                                            .light-theme LI.answer {
                                                              background-color: #FFF;
                                                              border: 1px solid #bbb; }

.dark-theme {
  color: #EEE;
  background-color: #222; }
  .dark-theme #theme-color {
    background-color: #fe6c30; }
    .dark-theme TD {
      color: #EEE; }
      .dark-theme .btn {
        color: black; }
        .dark-theme .btn-primary {
          background-color: #fe6c30;
          border-color: #fe500b;
          color: white; }
          .dark-theme .link-button {
            background: transparent;
            color: #fe6c30;
            padding: 1px; }
            .dark-theme .link-button:hover {
              color: #fe6c30; }
              .dark-theme A {
                color: #fe6c30; }
                .dark-theme TEXTAREA {
                  color: #222; }
                  .dark-theme INPUT {
                    color: #222; }
                    .dark-theme INPUT::placeholder {
                      color: #AAA; }
                      .dark-theme BLOCKQUOTE {
                        color: #222;
                        background-color: #EFEFEF;
                        border-radius: 7px; }
                        .dark-theme code {
                          color: white; }
                          .dark-theme .btn.btn-discouraged {
                            background-color: #898383; }
                            .dark-theme .secondary-header {
                              color: #888;
                              font-weight: normal; }
                              .dark-theme #top-banner {
                                background-color: #000;
                                color: #DDD;
                                border-bottom: 2px solid #333; }
                                .dark-theme #top-banner A {
                                  color: #DDD; }
                                  .dark-theme #side-menu {
                                    background-color: #222;
                                    color: white; }
                                    .dark-theme .side-menu-item.active {
                                      color: #fe6c30; }
                                      .dark-theme #progress-bar {
                                        background-color: #fe6c30;
                                        border: 1px solid #fe6c30;
                                        border-right: 4px solid #b23301; }
                                        .dark-theme .passage-toggle {
                                          background-color: #444;
                                          border-radius: 20px; }
                                          .dark-theme .passage-toggle::after {
                                            background-color: #fe6c30;
                                            color: black; }
                                            .dark-theme .passage-toggle.first-selected .btn:first-child,
                                            .dark-theme .passage-toggle.second-selected .btn:last-child {
                                              color: #333; }
                                              .dark-theme .passage-toggle .btn {
                                                background-color: transparent;
                                                color: white; }
                                                .dark-theme .passage-toggle .btn-selected {
                                                  color: black; }
                                                  .dark-theme .lesson-progress {
                                                    border: 2px solid #fe6c30; }
                                                    .dark-theme .lesson-progress.completed {
                                                      background-color: #fe6c30; }