.wcpCourseSingle ._info {
  max-width: 400px; }

.wcpCourseSingle .lesson-video-container {
  display: none;
  margin-bottom: 20px; }
  .wcpCourseSingle .lesson-video-container.showing {
    display: block; }
  .wcpCourseSingle .lesson-video-container .close-video {
    cursor: pointer; }

.subdiscipline-label {
  border: none;
  display: inline-block !important; }

.subtotal-grades {
  margin-right: 5px !important;
  display: inline-block !important; }

.wcp-grade-table {
  overflow-x: scroll !important;
  display: block; }

.wcp-grade-table {
  text-align: center;
  margin-bottom: 0;
  background: white; }
  .wcp-grade-table input {
    background: none !important; }
  .wcp-grade-table th, .wcp-grade-table td {
    padding: 2px;
    vertical-align: middle; }
    .wcp-grade-table th:first-child, .wcp-grade-table td:first-child {
      text-align: left; }
  .wcp-grade-table tr > td:first-child {
    text-align: left; }
  .wcp-grade-table .discipline-row th {
    font-size: 11px;
    text-transform: none;
    text-align: center; }
  .wcp-grade-table .wcp-criteria-row td:first-child {
    white-space: nowrap; }
  .wcp-grade-table .wcp-criteria-row .grade-entry {
    padding: 0; }
    .wcp-grade-table .wcp-criteria-row .grade-entry input.grade-container {
      display: inline-block !important;
      text-align: center;
      margin: 0 !important;
      vertical-align: middle;
      border: 0 !important;
      color: black !important;
      min-width: 30px;
      padding: 8px 1px !important;
      background: transparent; }

.wcp-table .wcp-criteria-row .grade-entry.pending,
.wcp-table .right-criteria-total[data-class=pending],
.wcp-table .breakdown-discipline-color.pending {
  background: darkslategrey !important; }

.wcp-table .wcp-criteria-row .grade-entry.pending,
.wcp-table .breakdown-discipline-color.pending {
  color: #ff4747 !important;
  font-weight: bold !important; }

.wcp-table .wcp-criteria-row .grade-entry.failed,
.wcp-table .right-criteria-total[data-class=failed],
.wcp-table .breakdown-discipline-color.failed,
.wcp-table .color-chart.failed {
  background: #ff4747 !important; }

.wcp-table .wcp-criteria-row .grade-entry.pass,
.wcp-table .right-criteria-total[data-class=pass],
.wcp-table .breakdown-discipline-color.pass,
.wcp-table .color-chart.pass {
  background: orange !important; }

.wcp-table .wcp-criteria-row .grade-entry.merit,
.wcp-table .right-criteria-total[data-class=merit],
.wcp-table .breakdown-discipline-color.merit,
.wcp-table .color-chart.merit {
  background: #ffff44 !important; }

.wcp-table .wcp-criteria-row .grade-entry.distinction,
.wcp-table .right-criteria-total[data-class=distinction],
.wcp-table .breakdown-discipline-color.distinction,
.wcp-table .color-chart.distinction {
  background: lightgreen !important; }

.subtotal-container:not([data-division]) {
  opacity: 0; }

.subtotal-container[data-division] {
  opacity: .7; }

.pdf-button-controls,
.grade-sheet-button-controls {
  cursor: pointer; }
  .pdf-button-controls.inactive,
  .grade-sheet-button-controls.inactive {
    display: none; }

.pdf-responsive-display {
  height: 0;
  transition: height 0.6s; }
  .pdf-responsive-display.show {
    height: 900px;
    padding-bottom: 20px; }

.grade-breakdown {
  margin-top: 40px;
  max-width: 220px;
  width: 100%; }
  .grade-breakdown .total-mark-percent {
    font-size: 24px; }

.lesson-video-container {
  overflow: auto;
  justify-content: center;
  align-items: flex-end; }
  .lesson-video-container.showing {
    display: flex !important; }
  .lesson-video-container > * {
    float: left; }
  .lesson-video-container .gradesheet-previous-video,
  .lesson-video-container .gradesheet-next-video {
    width: 25%;
    background-color: #d46300;
    color: white;
    border-radius: 3px;
    padding: 10px;
    margin: 0 20px 60px;
    cursor: pointer;
    text-align: center; }
  .lesson-video-container .video-player-container {
    width: 50%; }
  .lesson-video-container .lesson-name {
    display: inline;
    font-size: 20px; }
  .lesson-video-container .close-video {
    float: right; }

#submit_final_grade_sheet[disabled] {
  background-color: grey;
  border-color: grey; }

#examiner-activity-table th,
#examiner-activity-table td {
  border: 1px solid #969696 !important; }

.download-gradesheet-as-excel,
.download-gradesheet-as-pdf,
.pdf-button-controls,
.grade-sheet-button-controls,
.download-certificate {
  background-color: #d46300;
  color: #ffffff !important;
  border-color: #b24100 !important;
  padding: 9px;
  border-bottom: 1px solid;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 3px; }
  .download-gradesheet-as-excel:hover,
  .download-gradesheet-as-pdf:hover,
  .pdf-button-controls:hover,
  .grade-sheet-button-controls:hover,
  .download-certificate:hover {
    text-decoration: none;
    background-color: #d46300;
    opacity: 0.9;
    cursor: pointer; }

.download-gradesheet-as-excel {
  margin-bottom: 60px; }

.download-gradesheet-as-pdf {
  margin-left: 20px; }

.grade-message-video {
  margin-top: 20px;
  text-align: center; }

.grade-sheet-container,
.grade-message-video {
  display: none; }
  .grade-sheet-container.show,
  .grade-message-video.show {
    display: block; }

.grade-sheet-completion-date {
  margin-bottom: 0; }

.certificate-container {
  display: block;
  margin-bottom: 60px; }
  .certificate-container .download-certificate {
    display: inline; }
  .certificate-container .certificate-name {
    margin-bottom: 20px; }

.play-stop-button {
  height: 40px;
  width: 40px;
  border: 1px #0f81a1 solid !important;
  position: relative; }

.play-stop-icon {
  border-top: 10px transparent solid !important;
  border-bottom: 10px transparent solid !important;
  border-left: 10px #0f81a1 solid !important;
  border-right: 0;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 9px;
  left: 14px;
  transition: border-top 300ms, border-bottom 300ms, top 300ms, left 300ms, width 300ms, height 300ms; }

.play-stop-button.playing .play-stop-icon {
  height: 16px;
  width: 16px;
  border-top: 8px #0f81a1 solid !important;
  border-bottom: 8px #0f81a1 solid !important;
  top: 11px !important;
  left: 11px !important;
  transition: border-top 300ms, border-bottom 300ms, border-left 300ms, left 300ms; }

.metronome-container {
  border: 1px #0f81a1 solid;
  padding: 20px;
  width: 50%;
  overflow: auto;
  margin: 0 auto; }

.metronome-container p {
  margin: 0;
  padding-bottom: 15px; }

.bpm-display-container {
  position: relative;
  float: left; }

.bpm-controls {
  overflow: visible; }

.bpm-display-container .bpm-number {
  background-color: transparent !important;
  border: 0 !important;
  color: #0f81a1 !important;
  font-size: 42px !important;
  margin: 0 !important;
  padding: 0 !important; }

.play-stop-button {
  float: right;
  cursor: pointer; }

.bpm-slider-container {
  display: block;
  clear: both;
  overflow: auto;
  font-size: 0;
  padding-top: 15px; }

.bpm-slider-container input {
  width: calc(100% - 66px);
  float: left;
  margin: 0 10px; }

.minus-bpm,
.plus-bpm {
  width: 18px;
  height: 18px;
  float: left; }

.minus-bpm span {
  width: 100%;
  height: 4px;
  background-color: #0f81a1;
  display: block;
  position: absolute;
  top: 8px; }

.minus-bpm,
.plus-bpm {
  position: relative;
  cursor: pointer; }

.plus-bpm span {
  background-color: #0f81a1;
  display: block;
  width: 4px;
  height: 100%;
  position: absolute; }

.plus-bpm span:first-of-type {
  left: 7px;
  top: 1px; }

.plus-bpm span:last-of-type {
  top: 8px;
  height: 4px;
  width: 100%; }

.lesson-aid-container {
  display: none; }

.lesson-aid-container.showing.sheetmusic {
  display: block;
  padding: 20px 0; }

.lesson-aid-container > div {
  text-align: center; }

#timer-value {
  display: none; }

.timer-container {
  text-align: center;
  font-size: 24px;
  padding: 10px 0 30px;
  display: none; }

.avia-post-nav {
  display: none !important; }

.fps-detector-container {
  padding: 20px 0 10px;
  text-align: center; }

.fps-detector-container video {
  display: none;
  width: 510px;
  height: 382px;
  margin: 0 auto; }

.fps-detector-button,
.close-fps-content {
  padding: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  color: #0f81a1;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 20px;
  display: inline-block; }

.fps-detector-button:hover,
.close-fps-content:hover {
  background-color: #f6f6f6; }

.fps-detector-message {
  display: none;
  padding: 10px;
  color: #0f81a1;
  font-size: 18px;
  margin-bottom: 20px;
  width: 50%; }

.close-fps-container {
  display: none; }

.tech-issue-container {
  position: relative; }

.tech-issue-box {
  position: fixed;
  right: 50px;
  bottom: 5px;
  z-index: 999; }

.tech-issue-button {
  display: block;
  background-color: #109bc5;
  border: 1px solid #109bc5;
  opacity: 0.7;
  height: 50px;
  width: 50px;
  float: right;
  border-radius: 2px;
  transition: background-color 0.3s, border 0.3s; }
  .tech-issue-button:hover {
    background-color: white;
    border: 1px solid #e1e1e1; }

#scroll-top-link {
  bottom: 60px !important; }

.tech-issue-container.show .tech-issue-form {
  display: block; }

.tech-issue-form {
  width: 400px;
  background-color: #e1e1e1;
  display: none;
  padding: 0 20px;
  border: 1px solid #0f81a1;
  border-radius: 2px;
  position: fixed;
  right: 110px;
  bottom: 5px;
  z-index: 9; }
  .tech-issue-form > *:last-child {
    margin-bottom: 0; }
  .tech-issue-form > p,
  .tech-issue-form > div {
    display: block;
    margin-bottom: 20px; }
  .tech-issue-form textarea {
    max-width: 100%;
    border: none; }
  .tech-issue-form input[type="submit"] {
    border-radius: 2px; }
  .tech-issue-form textarea:focus {
    outline: -webkit-focus-ring-color auto 5px !important; }
  .tech-issue-form input[type="submit"] {
    background-color: #109bc5;
    color: white; }
  .tech-issue-form .gform_body li {
    padding-right: 0 !important; }

.tech-issue-submit {
  background-color: #79e0d6;
  color: white; }

.tech-student-name {
  border: none;
  text-indent: 10px;
  padding: 10px 0; }

.tech-issue-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  background-color: #109bc5;
  border-radius: 50%;
  margin-bottom: 0 !important; }

.tech-issue-close span {
  background-color: white;
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  top: 11px;
  left: 4px; }

.tech-issue-close span:first-child {
  transform: rotate(45deg); }

.tech-issue-close span:last-child {
  transform: rotate(-45deg); }

.button-span {
  display: block;
  background-color: white;
  position: absolute;
  transition: background-color 0.3s; }

.button-span:first-child {
  top: 20px;
  left: 10px;
  width: 30px;
  height: 10px; }

.button-span:last-child {
  top: 10px;
  left: 20px;
  height: 30px;
  width: 10px; }

.tech-issue-button:hover .button-span {
  background-color: #109bc5; }

@media (max-width: 767px) {
  .metronome-container {
    width: 100%; }
  .tech-issue-box {
    right: 30px; }
  .tech-issue-form {
    width: calc(100% - 60px);
    right: 30px;
    bottom: 60px; } }

.wcp-table tr:nth-child(odd) {
  background: #f8f8f8 !important; }

.wcp-table form {
  margin: 0 !important;
  display: inline-block; }

ziggeo > div {
  margin: 0 auto; }

.video_form_upload_button {
  display: none; }

@media (max-width: 767px) {
  ziggeo > .video-recorder-outer {
    max-width: 100%; } }

.wcp-thank-you {
  text-align: center;
  background: #cce8cc;
  padding: 20px;
  font-size: 16px; }

.alternate_color .post-entries .nav-prev a,
.alternate_color .post-entries .nav-next a {
  background: white;
  color: #d46300; }

.grade-table-button {
  cursor: pointer;
  border-radius: 3px;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #b24100;
  margin: 3px 0;
  padding: 15px 30px 13px;
  font-size: 13px;
  color: #ffffff !important;
  background-color: #d46300;
  opacity: .9; }
  .grade-table-button:hover, .grade-table-button:active, .grade-table-button:focus {
    color: #ffffff !important;
    text-decoration: none; }

.grade-table-button-sm {
  padding: 5px 5px;
  color: black !important;
  background: #eee;
  border: 1px solid #ddd; }
  .grade-table-button-sm:hover, .grade-table-button-sm:active, .grade-table-button-sm:focus {
    color: black !important; }

#post-entries .nav-next > a,
#post-entries .nav-prev > a {
  overflow: auto !important; }

body.page-template-default a.view-results, body.course-template-default a.view-results {
  display: none; }

body.single-quiz .timer-container {
  display: block; }

.simulate-button {
  background-color: white;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #d46300;
  color: #d46300;
  cursor: pointer; }

#examiner-activity-table {
  overflow: scroll;
  display: block; }

.stats-by-year-table {
  padding-bottom: 20px; }
  .stats-by-year-table > * {
    color: #d46300 !important; }

.product-purchase-note .iconbox_content .entry-content-header .iconbox_content_title a {
  background-color: #d46300;
  color: #ffffff !important;
  border-color: #b24100 !important;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 3px;
  border-bottom: 1px solid; }

.active-incomplete-lessons .lessons-show-button,
.active-incomplete-lessons .lessons-hide-button {
  display: none; }
  .active-incomplete-lessons .lessons-show-button.visible,
  .active-incomplete-lessons .lessons-hide-button.visible {
    display: inline-block;
    cursor: pointer; }

.active-incomplete-lessons ol li.hide {
  display: none; }

body.wcp-my-grade-sheet > *:not(.pdf-output-container) {
  display: none !important; }

body.wcp-my-grade-sheet .wcp-grade-table-wrapper {
  background-color: white; }
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-table {
    background-color: white; }
    body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-table .right-criteria-total {
      border: 1px solid black; }
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table th, body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table td, body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table tr,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown th,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown td,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown tr {
    font-size: 7px !important;
    padding: 0; }
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table > *,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown > * {
    font-size: 10px !important; }
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table input.grade-container,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table .subtotal-container,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table .total-row-grade,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table .quiz-mark-score,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table .total-row-score,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table .total-mark-percent,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown input.grade-container,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown .subtotal-container,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown .total-row-grade,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown .quiz-mark-score,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown .total-row-score,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown .total-mark-percent {
    min-width: 12px;
    font-size: 13px !important; }
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table .total-mark-percent,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown .total-mark-percent {
    text-align: center;
    font-size: 16px !important; }
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table .subtotal-container,
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .grade-breakdown .subtotal-container {
    opacity: 1;
    color: gray; }
  body.wcp-my-grade-sheet .wcp-grade-table-wrapper .wcp-grade-table {
    overflow: hidden !important; }

html.wcp-my-grade-sheet {
  background-color: white; }