.module-page .info, .support .info, .preview .info { 
    background-color: #172D36; 
    color: #fff; 
    clear: both; 
    margin-top: 20px; 
    padding: 40px; 
    margin-bottom: 20px; 
    transition: all 1s; 
    transition: width; 
}
.module-page .info .name { font-size: 20px; }
.module-page .info .desc {
    font-size: 14px;
    font-weight: 100;
    color: #ccc;
}
.module-page .info h1 {line-height: 1.4em;}
.module-page .info .back {
    margin-bottom: 40px;
}

.page-info{
  margin-left: 20px;
}

.module-page .info .media_image {
    height:auto;
    width: 210px;
}

@media (max-width: 400px) {
  .module-progress .node {
    width: 20px;
    height: 20px;
    border: 1px solid #CCC;
    padding-top: 0px !important;
    font-size: 10px;
  }
  .module-progress .node-line {
    height: 5px;
    border: 1px solid #CCC;
    margin: 0px -1px -1px;
  }
}
@media (min-width: 401px) and (max-width: 500px) {
  .module-progress .node {
    width: 25px;
    height: 25px;
    border: 2px solid #CCC;
    padding-top: 2px !important;
    font-size: 12px;
  }
  .module-progress .node-line {
    height: 7px;
    border: 2px solid #CCC;
    margin: 0px -2px -2px;
  }
}
@media (min-width: 501px) and (max-width: 700px) {
  .module-progress .node {
    width: 35px;
    height: 35px;
    border: 3px solid #CCC;
    padding-top: 4px !important;
  }
  .module-progress .node-line {
    height: 10px;
    border: 3px solid #CCC;
    margin: 0px -3px -3px;
  }
}
@media (min-width: 701px) and (max-width: 900px) {
  .module-progress .node {
    width: 45px;
    height: 45px;
    border: 3px solid #CCC;
  }
  .module-progress .node-line {
    height: 10px;
    border: 3px solid #CCC;
    margin: 0px -3px -3px;
  }
}
@media (min-width: 901px) {
  .module-progress .node {
    width: 50px;
    height: 50px;
    border: 5px solid #CCC;
  }
  .module-progress .node-line {
    height: 13px;
    border: 4px solid #CCC;
    margin: 0px -5px -5px;
  }
}
.progress-node-wrapper {display: inline;}
.module-progress-labels { float:left; clear:both; width: 100%; padding: 0 20px;}
.module-progress-labels .label { float:left; font-size: 12px; width: 50px; text-align:center; margin: 15px 0 -11px 0;}
.module-progress-labels .label-separator {
    width: 10%;
    height: 10px;
    float: left;
    margin: 13px -5px -5px;
}
.teamwork-progress-notes{padding-bottom: 0px;}
.teamwork-activity-labels{display: flex; padding-bottom: 15px;}
.teamwork-activity-label{padding: 0px 10px; font-size: 13px; flex: 1;}
.module-progress {
    text-align: center;
    padding-bottom: 20px;
}
.module-progress .node {

    background-color: white;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 8px;
    vertical-align: middle;
}
.module-progress .node .fas, .module-progress .node .far {
    color: #555;
}
.module-progress .activity-node {
    color: #555;
    font-weight: bold;
}
.module-progress .node-line {
    display: inline-block;
    width: 15%;
    vertical-align: middle;
}
.module-progress.teamwork-progress-nodes .node-line{
    width: 28%;
    border: 2px solid #ccc;
    height: 5px;
}
.module-progress .node-line.working {
    background: linear-gradient(135deg, #FEFFFF 0%,#D2EBF9 100%);
}
.module-progress .node.working {
    /*cursor: pointer;*/
    background-color: #90A8A8;
}
.module-progress .working {
    opacity: 1;
}
.module-progress .working .activity-node {
    color: white;
}
.module-progress .selected {
    box-shadow: 0 0 17px 0 #000;
    background-color: #61B981 !important;
}
.module-progress .working.selected .activity-node {
    color: white;
}
.module-progress .working .fas, .module-progress .working .far {
    color: white;
    /* font-size: 26px; */
}
.module-progress .node.complete {
    /* box-shadow: 0 0 17px 0px #000; */
    /*cursor: pointer;*/
}
.module-progress .node.active{
    box-shadow: 0 0 17px 0px #000;
}
.module-progress .complete {
    background: #feffff; /* Old browsers */  background: -moz-linear-gradient(-45deg,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(-45deg,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(-45deg,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(-45deg,  #feffff 0%,#d2ebf9 100%); /* IE10+ */  background: linear-gradient(135deg,  #feffff 0%,#d2ebf9 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
    opacity: 1;
    /* -webkit-box-shadow: 0 0 10px #000; */
}

.module-page .activity {
    width: 100%;
    /* min-height: 600px; */
    border: none;
    /*visibility: hidden;
    overflow: hidden; 
    float: left;
    clear: left;*/
    text-align: left;
}
.module-page .activity html, .module-page .activity body { 
    overflow: hidden;
}
.module-page .activity.survey {
    padding: 30px;
    background-color: rgba(0, 117, 89, 0.5);
    color: #574B4B;
}
.module-page .activity.survey .question-title {
    white-space: normal;
}
.module-page .activity.survey .question {
    margin-bottom: 40px;
}
.module-page .activity.survey .radio {
    background-color: rgba(255, 255, 255, 0.2);
    text-align: center;
    margin: 0 10px;
    padding: 10px 22px;
}
.module-page .activity.survey span {
    color: white;
    font-weight: 700;
}
.module-page .activity.summary {
    visibility: visible;
    padding: 20px;
    height: 600px;
}
.module-page .activity.summary h3 {
    color: #FFFFFF;
}

.module-page .activity.survey input, .module-page .activity.survey textarea {
    padding: 10px;
    font-size: 30px;
    margin-right: 10px;
}
.module-page .whos-playing {
    width: 70%;
    margin: 40px auto;
    text-align: left;
    border-collapse: collapse;
}
.module-page .whos-playing tbody tr {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.module-page .whos-playing tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
    
}
.module-page .whos-playing tbody tr:last-child {
    border-bottom: none;
}
.module-page .whos-playing tbody tr:hover {
    /*cursor: pointer;*/
    background-color: rgba(255, 255, 255, 0.3);
}
.module-page .whos-playing thead th {
    font-weight: 400;
    font-size: 15px;
    padding: 7px;
}
.module-page .whos-playing tr td {
    font-weight: 100;
    padding: 7px;
}
.module-page .whos-playing tr td:first-child {
    width: 3%;
}

@media (max-width: 1200px) {
    .theme-link { font-size: 12px; }
}

.theme-link { /* background-color: rgba(255, 255, 255, 0.0); */  padding: 0px 11px;  line-height: 62px; height: 62px; width: 20%; text-align: center; margin: 0; display: inline-block; border-right: 1px solid rgba(255, 255, 255, 0.1);  z-index: 20; opacity: 0.7; font-size: 11px; min-width: 140px !important;}
.edit-form .theme-link { width: 100%; max-width: 2000px; }
.theme-link i { margin-right: 10px; }
.theme-link:last-child { border-right: none; }
.theme-link.selected { background-color: rgba(255, 255, 255, 0.35); opacity: 1;}
.theme-link.selected:hover { -webkit-transform: translateX(0px); transform: translateX(0px); }
.theme-link:hover { color: white; background-color: rgba(255, 255, 255, 0.5); -webkit-transform: translateX(1px); transform: translateX(1px); }


.polling-choices label{width: 100%;}
.polling-choices input[type="radio"]{margin-top: 10px;}
.polling-choice{border: 1px solid #c7c7c7; padding: 5px; position: relative; z-index: 0;}
.polling-choice-stat{
    content: "";
    background-color: #d3d5df; 
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.nsf-leaderboard-container {
    margin-top: 50px;
    margin-bottom: 120px;
}
.nsf-leaderboard-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}
.nsf-individual-progress {
    margin-bottom: 150px;
}
.node-caption {
    position: relative;
    top: 40px;
    right: 40px;
    width: 120px;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.class-list-item{padding: 2px 5px 0;}