.on-boarding-block {
  height: 550px;
  position: relative; }
  .on-boarding-block .form-title {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding-bottom: 5px; }

ul.onboarding-premium-list {
  list-style: none;
  padding: 0px;
  margin: 0; }
  ul.onboarding-premium-list li:before {
    padding-right: 10px;
    line-height: 30px;
    content: "\e013";
    font-family: "Glyphicons Halflings";
    color: #30aebb; }

.row ul {
  list-style-type: none; }

.horizontal-separator {
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc; }

.separator {
  margin: 0px auto 10px auto;
  width: 99%;
  height: 2px;
  border-bottom: 1px solid #A9A9A9; }

.topic_name {
  width: 205px; }

.details_box {
  width: 700px; }

.norecords_txt {
  text-align: center; }

.summary_box {
  width: 700px;
  background: #f7f7f2;
  cursor: pointer; }

.summary_box:hover {
  background: #fff; }

.summary_box a:hover {
  background: #fff; }

.first_header_col {
  width: 240px;
  height: 30px;
  float: left;
  border-right: 1px solid #fff;
  padding: 10px 3px 3px 10px; }

.second_header_col {
  width: 190px;
  height: 30px;
  float: left;
  border-right: 1px solid #fff;
  padding: 10px 5px 0px 10px; }

.third_header_col {
  width: 220px;
  height: 30px;
  float: left;
  padding: 10px 5px 0px 10px; }

.tc_first_row {
  width: 260px;
  height: 35px;
  float: left;
  border-right: 1px solid #fff;
  padding: 10px 5px 0px 10px; }

.topic_txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 18px;
  overflow: hidden; }

.topic_txt:hover {
  overflow: visible; }

.tc_second_row {
  width: 170px;
  height: 35px;
  float: left;
  border-right: 1px solid #fff;
  padding: 10px 5px 0px 10px; }

.tc_third_row {
  width: 220px;
  height: 35px;
  float: left;
  padding: 10px 5px 0px 10px; }

.tc_fourth_row {
  width: 100px;
  height: 35px;
  float: left;
  padding: 10px 5px 0px 10px; }

.activity-box {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5; }
  .activity-box .activity-title {
    margin-left: 20px;
    float: left;
    width: 440px; }

.details_show {
  background: #fff; }

.dashboard-tab .summary_box, .dashboard-tab .details_box {
  width: 587px; }

.dashboard-tab .first_header_col {
  width: 425px;
  color: #494949;
  padding: 10px 3px 10px 10px;
  height: auto; }

.dashboard-tab .second_header_col {
  width: 125px;
  border-right: none;
  color: #494949; }

.dashboard-tab .tc_first_row {
  width: 55%; }

.dashboard-tab .tc_second_row {
  width: 25%; }

.dashboard-tab .tc_third_row {
  width: 11%; }

.dashboard-tab .tc_fourth_row {
  width: 100px; }

.cd_status_icons {
  margin: 10px 0px 10px 0px; }

.cd_date_range {
  padding: 0px 8px 0px 10px;
  border-right: 1px solid #ef5346;
  text-align: right; }

.legend_ind_box {
  width: 145px;
  margin-left: 8px; }

.ul_legend {
  display: inline; }
  .ul_legend li {
    display: inline; }

.leg_gray {
  background-color: #B3B3B3; }

.leg_green {
  background-color: #A3BC30; }

.leg_orange {
  background-color: #FF931E; }

.leg_red {
  background-color: #EF5346; }

.leg_ind {
  padding: 2px 10px;
  margin: 0px 5px 0px 5px; }

.tuvatable_box {
  margin: 50px 0px 0px 0px;
  text-align: center;
  padding-bottom: 50px; }

.tuvatable_box table th, .tuvatable_box table td {
  text-align: center;
  vertical-align: middle; }

.tasktable_box {
  padding-bottom: 50px; }
  .tasktable_box table th, .tasktable_box table td {
    vertical-align: middle;
    text-align: center; }

.assesstable_box {
  padding-bottom: 50px; }
  .assesstable_box table th, .assesstable_box table td {
    vertical-align: middle;
    text-align: center; }

.task_progress_box {
  width: 200px;
  margin: 18px 0px 0px 20px; }

.cd_header {
  margin: 40px 0px 0px 20px;
  font-weight: 400; }

.cd_txt {
  color: #000; }

.cd_rows1 {
  background-color: #e6e6e6; }

.cd_1col {
  height: 20px;
  width: 140px;
  padding: 10px; }

.cd_2col {
  height: 20px;
  width: 50px;
  padding: 10px; }

.cd_3col {
  height: 20px;
  width: 115px;
  padding: 10px; }

.cd_progbar {
  width: 135px; }

.cd_3progbar {
  width: 135px; }

.cd_6progbar {
  width: 135px; }

.cd_4col {
  height: 20px;
  width: 180px;
  padding: 10px; }

.cd_5col {
  height: 20px;
  width: 40px;
  padding: 10px; }

.cd_6col {
  height: 20px;
  width: 115px;
  padding: 10px; }

.user_details_btn {
  cursor: pointer; }

.student-title {
  width: 400px; }

.tasks-box {
  float: left;
  width: 470px;
  margin: 10px 10px 10px 0px; }

.explore-box {
  margin-right: 50px;
  float: right;
  width: 440px;
  margin: 10px 0px 10px 20px; }

.explore-options {
  min-width: 40px;
  min-height: 50px; }
  .explore-options a, .explore-options a:hover {
    text-decoration: none; }

.explore-title {
  margin: 15px 0px 10px 0px; }

.student-tasks {
  margin: 20px 0px 0px 0px;
  padding-bottom: 100px;
  clear: both; }

.student-taskrow {
  height: 50px;
  clear: both;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff; }

.student-taskrow:hover {
  background-color: #f6f6f6;
  border-top: 2px solid #f6f6f6;
  border-bottom: 2px solid #f6f6f6; }

.student-taskrow a {
  text-decoration: none; }

.pillar {
  color: #f05b40; }

.pillar:hover {
  color: #ee4021; }

.help-header-link a {
  color: #ffffff;
  text-decoration: underline; }

.video-modal-header {
  background: #CDDFE6;
  border: none;
  box-shadow: none;
  padding: 0px; }

#error-btn-skip {
  margin-left: 10px; }

.video-modal-body {
  overflow: auto; }

.video-modal-footer {
  background: #CDDFE6;
  border: none;
  box-shadow: none; }

.qsn-btn-txt {
  margin: 16px 0px 0px 15px;
  display: block;
  width: 125px; }

.try-btn-txt {
  margin: 18px 0px 0px 30px;
  display: block;
  width: 100px; }

.theme-footer-btn {
  width: 150px;
  height: 65px; }

.video-heading {
  background-color: #335b5d;
  height: 50px;
  color: #FFFFFF; }

.video-title {
  margin-left: 20px; }

.video-helpbox {
  width: 80px;
  height: 55px; }

.delete-graph {
  margin-right: 15px; }

.graph-list {
  display: inline;
  width: 200px; }

.activity-section {
  min-height: 450px;
  overflow-y: auto; }

.activity-section ul {
  list-style-type: initial; }

.activity-grade {
  height: 50px;
  width: 50px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid;
  background: #3276b1;
  border-color: #285e8e;
  color: #FFFFFF; }

.activity-grade .grade-number {
  color: white;
  position: relative;
  top: 15px;
  left: 20px; }

.user-activities-section .title, .activity-section .title, .references-section .title {
  margin-bottom: 10px; }

.footer-line {
  padding-top: 15px;
  padding-bottom: 15px; }

.home-footer-block {
  background: #335b5d;
  color: #FFFFFF;
  padding: 20px; }

.home-footer-inner {
  margin: 20px; }

.home-footer-inner li {
  list-style-type: none;
  text-align: left;
  padding: 20px; }

.home-footer-block .mailchimp {
  text-align: center;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #ffffff; }

.mailchimp-go-btn {
  background: #30aebb;
  color: #ffffff;
  border-radius: 0px 4px 4px 0px;
  border-color: #30aebb;
  height: 37px;
  text-shadow: none;
  box-shadow: none;
  padding: 0 15px; }

.mailchimp-go-btn:hover, .mailchimp-go-btn:active {
  border-color: #229DAA;
  background: #229DAA;
  color: #ffffff; }

.social-links {
  padding-bottom: 5px; }

.social-links .icon {
  width: 25px;
  padding-right: 10px;
  padding-top: 3px;
  float: left;
  text-align: center; }

.resources-links a, .social-links a {
  line-height: 25px;
  color: #ffffff; }

.social-links a:hover {
  color: #ffffff;
  text-decoration: underline; }

.resources-links a:hover {
  color: #ffffff;
  text-decoration: underline; }

.home-flow-block {
  background: #f2f2f2;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3); }

.home-explanation-block.left {
  width: 315px;
  padding-left: 22px;
  padding-right: 55px; }

.home-explanation-block.right {
  width: 315px;
  padding-left: 55px; }

.home-explanation-block h2 {
  line-height: 1.0em;
  padding-bottom: 10px; }

.flow-ul {
  padding-top: 10px;
  margin-left: 0px;
  margin-bottom: 0px;
  display: inline-block; }

.flow-block {
  width: 220px; }

.flow-block.home {
  width: 240px; }

.circlebase {
  border-radius: 50%;
  behavior: url(PIE.htc);
  width: 35px;
  height: 35px;
  background: #335b5d;
  border: 2px solid #FFFFFF;
  text-align: center; }

.circlebase.home {
  width: 40px;
  height: 40px;
  margin: 0px auto 5px auto;
  background-color: #ee4021;
  border: none; }

.flow-block .head {
  margin-left: 10px;
  float: left;
  height: 40px; }

.flow-block .explain {
  width: 170px;
  float: right;
  margin-left: 5px;
  font-size: 0.9em;
  line-height: 1.188em; }

.flow-block .explain.home {
  font-size: 1.0em;
  line-height: 1.5em;
  width: 190px; }

.activity-side-btn {
  padding: 10px;
  margin-bottom: 5px;
  width: 178px;
  float: right; }

.user-activities-section .home-title {
  font-weight: 400;
  color: #4c4d4f;
  padding-bottom: 15px;
  padding-top: 10px; }

.references-section ul {
  margin-left: 0; }

.references-section li {
  padding-bottom: 10px; }

.references-section .keyword-title {
  font-weight: bold;
  padding-bottom: 5px; }

.references-section h4 {
  font-weight: bold; }

.user-activities-section li.individual-activity {
  float: left;
  padding-right: 25px;
  padding-top: 25px; }

.user-activities-section ul {
  margin: 0;
  padding-left: 13px; }

.user-activities-section li:last-child.individual-activity {
  padding-right: 0px; }

.user-activities-section.home-grey-section li.individual-activity {
  padding-bottom: 0px; }

.image-icon {
  float: left; }

.image-icon .icon {
  height: 108px;
  width: 108px;
  margin: 0 auto;
  background: #ccc;
  border-radius: 54px;
  margin-bottom: 16px;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }

.small-image-block {
  width: 100px;
  height: 75px;
  float: left; }

.small-image-block img {
  width: 100px;
  height: 75px; }

.individual-activity .image-block {
  width: 100px;
  margin-left: 20px;
  float: left;
  text-align: center; }

.individual-activity .image-block img {
  height: 75px;
  width: 100px; }

.individual-activity .activity-block {
  margin-left: 20px;
  float: left;
  width: 570px; }

.ul-tags-list {
  margin-left: 0px;
  float: left;
  width: 480px; }

.full-length .ul-tags-list {
  width: 700px; }

.full-length .individual-activity .activity-block {
  width: 800px; }

.dataset-activities-section {
  padding-top: 15px; }

.dataset-activities-section .title {
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 1px; }

#dataset-activities-section hr {
  margin: 9px 0; }

.comment-list li {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  min-height: 30px; }

.comment-list li:last-child {
  border-bottom: 0; }

.comment-form {
  padding-left: 20px; }

.comment-text p {
  padding-bottom: 10px; }

.activities-list {
  margin-left: 0; }

.activities-list li.dataset-activities {
  border: 1px solid #e5e5e5;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  min-height: 30px; }

.activities-list li.question-activities {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  min-height: 30px; }

.comment-count {
  padding-left: 10px; }

.dataset-activities.mine {
  background-color: #f6f6f6; }

.individual-activity .activity-desc {
  margin-top: 10px;
  margin-bottom: 10px; }

.individual-activity.limited .activity-title {
  min-height: 48px; }

.individual-activity.limited .activity-desc {
  min-height: 90px;
  overflow-y: hidden; }

.attribution {
  color: #666666;
  padding-top: 20px; }

.user-activity.p-title {
  font-weight: 600; }

.individual-activity .question p {
  font-weight: 600; }

.answer {
  margin-bottom: 10px;
  margin-top: 10px; }

.viewmore {
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: underline; }

.viewmore:hover {
  color: #CDCDCD; }

.viewdescription {
  padding-left: 20px;
  padding-right: 20px; }

.datasets_item {
  cursor: pointer; }

.datatable-container {
  max-height: 550px;
  overflow-y: auto; }

#datatable {
  border: 1px solid #CCCCCC; }

.icon-info {
  display: inline-block;
  width: 26px;
  height: 25px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background: transparent url("/static/img/icons/icon_info.png") no-repeat; }

#datatable tr, #datatable th, #datatable td {
  line-height: 25px; }

#datatable tbody tr:nth-child(odd) td {
  background-color: #FFFFFF; }

#datatable tr:nth-child(even) {
  background-color: #e6e6e6; }

#datatable td {
  border: 0; }

.chartplace {
  width: 600px;
  height: 350px; }

.tableplace {
  float: left;
  width: 600px; }

.hintbody {
  float: left; }

#sourcelist, #destlist {
  list-style-type: none;
  margin: 0;
  padding: 0.5em 0 0.5em;
  float: left;
  margin-right: 10px;
  min-width: 120px;
  min-height: 100px;
  border: 1px solid #000000; }

#destlist {
  border: 1px solid #48B8E6; }

#sourcelist li, #destlist li {
  margin: 0 5px 5px 5px;
  padding: 5px;
  width: 120px; }

.connectedSortable {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #EEEEEE;
  border-color: #CCCCCC #CCCCCC #AAAAAA;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px #CCCCCC;
  padding: 13px;
  position: relative;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.connectedSortable > li {
  float: left; }

.connectedSortable > li div {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-user-select: none;
  background-color: #FFFFFF;
  border-color: #B9B9B9 #B9B9B9 #939393;
  border-image: none;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  height: 65px;
  margin-right: 4px;
  text-align: center;
  min-width: 65px; }

.connectedSortable > li div.placeholder {
  background: none repeat scroll 0 0 #DDDDDD;
  border: 1px solid #CCCCCC; }

.connectedSortable > li div:hover {
  border-color: #FFA500;
  box-shadow: 0 0 4px #C56F00; }

.connectedSortable > li div:active, .connectedSortable > li div.dragging {
  background-color: #FFEDCD;
  opacity: 0.8; }

#hsourcelist, #hdestlist_asc, #hdestlist_desc {
  list-style-type: none;
  margin: 0 10px 30px 0;
  padding: 0.5em;
  float: left;
  min-width: 560px;
  min-height: 40px;
  line-height: 30pt; }

#hdestlist_asc, #hdestlist_desc {
  border: 1px solid #48B8E6; }

#hsourcelist li, #hdestlist_asc li, #hdestlist_desc li {
  display: inline;
  list-style-type: none;
  margin-right: 20px;
  line-height: 42px;
  cursor: move; }

#hsourcelist li div, #hdestlist_asc li div, #hdestlist_desc li div {
  font-weight: 400;
  display: inline;
  padding: 3px;
  vertical-align: middle; }

#hdestlist_asc li, #hdestlist_desc li {
  margin-right: 5px; }

#hdestlist_asc li:before {
  content: "<";
  padding-right: 5px;
  padding-left: 5px; }

#hdestlist_desc li:before {
  content: ">";
  padding-right: 5px;
  padding-left: 5px; }

#hdestlist_asc li:first-child:before, #hdestlist_desc li:first-child:before {
  content: ''; }

.remove-temp-text {
  font-size: 17pt;
  font-weight: 400;
  text-align: center; }

.dd-fill-in-answer {
  float: left;
  display: inline-block;
  width: 450px; }

.dd-fill-in-answer .variable-label {
  line-height: 23px;
  font-weight: 400;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
  display: inline-block;
  margin-right: 15px; }

.dd-fill-in-answer select {
  width: auto;
  margin-right: 15px;
  height: 45px;
  line-height: 48px;
  padding: 8px; }

.dd-fill-in-answer option {
  padding: 10px 0; }

.loadmask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 100%;
  height: 100%;
  zoom: 1; }

.spin-mask {
  z-index: 20001;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px; }

.spin-mask div {
  line-height: 16px;
  cursor: wait; }

.loadmask-msg {
  z-index: 20001;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #6593cf;
  background: #c3daf9;
  padding: 2px; }

.loadmask-msg div {
  padding: 5px 10px 5px 25px;
  background: #fbfbfb no-repeat 5px 5px;
  line-height: 16px;
  border: 1px solid #a3bad9;
  color: #222;
  cursor: wait; }

.masked {
  overflow: hidden !important; }

.masked-relative {
  position: relative !important; }

.masked-hidden {
  visibility: hidden !important; }

.InfoBox {
  margin: 0px 0px 0px 160px;
  width: 300px;
  font-size: 16px;
  line-height: 20px; }

.InfoHead {
  border-bottom: 5px solid #71BDA9; }

.InfoBlock {
  padding: 10px 0px; }

.InfoBlockLast {
  padding: 10px 0px; }

.InfoTitle {
  color: #dc5346;
  font-size: 21px !important; }

.InfoBox p {
  font-size: 16px;
  line-height: 20px; }

.InfoTitle p {
  font-size: 21px; }

.InfoTitle span {
  font-size: 72px; }

.InfoTitle h1 {
  font-size: 72px; }

.clear {
  clear: both; }

.FormSuccess {
  margin-bottom: 15px;
  background-color: #5BB75B;
  border-color: 1px solid green;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 400;
  color: #ffffff; }

.FormSuccess h3 {
  color: #ffffff; }

.ErrorField {
  background-color: #ffe6e6;
  border-color: #ff0000; }

.FormTitle {
  border-bottom: 5px solid #71bda9; }

.FormMessages {
  color: #ff0000;
  margin: 0px 0px 20px 0px;
  display: none;
  text-align: left;
  background-color: #ffe6e6;
  border: 1px solid #ff0000;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px; }

.FormRequiredFieldError, .FormBackendErrors, .FormSuccess, .FormProcess, .FormNetworkErrors {
  display: none;
  text-align: center; }

.FormFieldWrapper {
  float: left;
  min-height: 42px;
  margin: 0px 0px 0px 20px; }

.FormButtonsWrapper {
  margin: 20px; }

.FormLabel {
  float: left;
  width: 175px;
  min-height: 42px;
  margin: 0px 0px 0px 0px;
  font-weight: 400;
  text-align: left; }

.form-horizontal .control-group > label {
  padding-top: 0px; }

.FormField {
  min-height: 42px;
  float: left;
  text-align: left; }

.help-text {
  color: #888; }

.form-help-text {
  width: 220px;
  float: left;
  text-align: left;
  padding-left: 10px;
  color: #888; }

.FormField ul li {
  display: inline;
  padding-right: 10px; }

.FormField ul li label {
  display: inline; }

.FormField ul li label input {
  display: inline; }

.form-buttons {
  text-align: center;
  padding-bottom: 20px;
  padding-top: 10px; }

.login-form-label {
  float: left;
  margin: 0;
  text-align: left; }

.signup-as-teacher {
  color: #FFFFFF;
  background-color: #71bda9;
  box-shadow: none;
  padding: 16px 32px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 15px; }

.signup-as-teacher:hover {
  background-color: #5ab29b;
  text-decoration: none;
  color: #FFFFFF; }

.signup-as-student {
  color: #FFFFFF;
  background-color: #d79c10;
  box-shadow: none;
  padding: 16px 32px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block; }

.signup-as-student:hover {
  background-color: #b7850e; }

.connected, .sortable, .exclude, .handles {
  margin: auto;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.sortable.grid {
  overflow: hidden; }

.connected li, .sortable li, .exclude li, .handles li {
  list-style: none;
  border: 1px solid #CCC;
  margin: 5px;
  margin-bottom: 15px;
  padding: 5px; }

.handle span {
  cursor: move; }

li.disabled {
  opacity: 0.5; }

.sortable.grid li {
  line-height: 80px;
  float: left;
  width: 80px;
  height: 80px;
  text-align: center; }

li.highlight {
  background: #FEE25F; }

#connected {
  width: 440px;
  overflow: hidden;
  margin: auto; }

.connected {
  float: left;
  width: 200px; }

.connected.no2 {
  float: right; }

li.sortable-placeholder {
  border: 1px dashed #CCC;
  background: none; }

.privacy {
  padding: 10px 0px 10px 0px; }

.video-modal {
  max-height: none;
  top: 20%;
  width: 600px;
  border: none;
  left: 50%; }

.preview-modal {
  max-height: none;
  top: 20%;
  width: 800px;
  border: none;
  left: 40%; }

.center {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.delete-link {
  cursor: pointer; }

.delete-link:hover {
  color: #ac2925;
  text-decoration: underline; }

.btn-link, .btn-link:active {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.btn-link:hover, .btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent; }

.tuva-signup-menu a {
  color: #ffffff;
  line-height: 20px; }

.btn-signup-blue {
  background: #71bda9; }

.btn-signup-blue:hover {
  background: #5ab29b; }

.btn-signup-yellow {
  background: #D79C10; }

.btn-signup-yellow:hover {
  background: #b7850e; }

.btn-signup-brown {
  background: #BA521F; }

.navbar-fixed-top .navbar-inner {
  padding-left: 20px;
  padding-right: 20px; }

.navbar-inner .container {
  width: 100%;
  padding: 0px; }

.full-container {
  margin-top: 65px;
  min-width: 940px;
  width: 100%;
  padding: 0 0; }

.full-container .container {
  padding-left: 0px; }

.bottom-container {
  min-width: 940px;
  width: 100%;
  padding: 0 0; }

.home-container {
  min-width: 940px;
  width: 100%;
  padding: 0 0; }

.container-block {
  width: 100%;
  text-align: center; }

.left-block {
  float: left;
  width: 240px; }

.right-block {
  float: right;
  width: 240px; }

.center-block {
  display: inline-block;
  margin: 0;
  autowidth: 240px; }

.mapsitems [class*="span"] {
  float: left;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 25px;
  margin-top: 25px; }

.mapsitems {
  margin-top: 15px;
  margin-bottom: 15px;
  height: 120px;
  width: 120px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #CDDFE6;
  color: #000000;
  font-weight: 400; }

.mapsitems div.title {
  height: 70px;
  text-align: center;
  padding: 20px 10px 10px 10px; }

.mapsitems.active {
  background-color: #48b8e6; }

.mapsitems.active.correct {
  background-color: #A4BD30; }

.mapitem-bar {
  bottom: 0;
  width: 95%; }

.theme-plus {
  background-position: -0px -752px;
  width: 16px;
  height: 16px;
  margin-left: 7px; }

.theme-lock {
  background-position: -0px -726px;
  width: 13px;
  height: 16px;
  margin-left: 27%; }

.theme-info {
  background-position: -0px -700px;
  width: 7px;
  height: 16px; }

.qsnmap a, .qsnmap .a:hover {
  text-decoration: none; }

.horizontal-line h2 {
  background: url("/static/img/line.png") repeat-x scroll 0 0 #000000;
  position: relative;
  top: -75px;
  right: -120px;
  letter-spacing: 0.2em;
  line-height: 3px;
  text-align: center;
  text-transform: uppercase;
  width: 120px; }

.example-title-icon {
  background: url("/static/img/example/paper.png") 0 0 no-repeat;
  width: 22px;
  height: 30px;
  display: block;
  margin: 10px 0px 0px 15px;
  background-color: #cddfe6; }

.example-sound-icon {
  background: url("/static/img/example/sound.png") 0 0 no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
  margin: 15px 0px 0px 15px; }

.example-exit-icon {
  background: url("/static/img/example/exit.png") 0 0 no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
  margin: 15px 0px 0px 15px; }

.example-offsound-icon {
  background: url("/static/img/example/offsound.png") 0 0 no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
  margin: 15px 0px 0px 15px; }

.example-correct-icon {
  background: url("/static/img/example/correct.png") 0 0 no-repeat;
  width: 50px;
  height: 50px;
  display: none;
  margin: 15px 0px 0px 15px; }

.example-incorrect-icon {
  background: url("/static/img/example/incorrect.png") 0 0 no-repeat;
  width: 50px;
  height: 50px;
  display: none;
  margin: 15px 0px 0px 15px; }

.example-status-box {
  width: 50px;
  height: 50px;
  border-right: 10px solid #fff;
  background-color: #cddfe6; }

.example-modal-title {
  padding: 13px 0px 0px 80px;
  height: 37px;
  background-color: #cddfe6; }

.example-right-icons {
  width: 100px;
  display: block; }

.example-modal-heading {
  height: 50px; }

.example-interactive {
  background-color: #cddfe6;
  border: 1px solid #cddfe6;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px; }

.example-interactive.incorrect {
  border: 3px solid #d35346; }

.example-interactive.correct {
  border: 3px solid #a1ba30; }

.example-interactive-feedback {
  background-color: #cddfe6;
  border: 1px solid #a1ba30;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 5px; }

.example-submit-btn {
  background-color: #A4BD30;
  padding: 10px 30px;
  margin: 20px 0px 20px 0px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  border: 0; }

.example-navigation {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  text-align: center; }

#id_due_date {
  width: 80px; }

.pdf-btn {
  background: #EAB222;
  border-color: #d6a014;
  min-width: 60px;
  color: #FFFFFF; }

.pdf-btn:hover {
  background: #d6a014;
  color: #FFFFFF; }

.assign-btn {
  min-width: 95px;
  background: #A7BF42;
  border-color: #91a738;
  color: #FFFFFF; }

.assign-btn:hover {
  background: #91a738;
  color: #FFFFFF; }

.start-btn {
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #A2BB30;
  margin: 10px 10px 0 0px;
  padding: 5px 26px;
  text-decoration: none;
  color: #000; }

.continue-btn {
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #4BB8E5;
  margin: 10px 10px 0 0px;
  padding: 5px 26px;
  text-decoration: none;
  color: #000; }

.continue-btn:hover {
  background: #2dace1; }

.xcontinue-btn {
  background: #4BB8E5;
  border-color: #2dace1;
  min-width: 95px;
  color: #FFFFFF; }

.xcontinue-btn:hover {
  background: #2dace1;
  color: #FFFFFF; }

.review-btn {
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ed9c28;
  margin: 10px 10px 0 0px;
  padding: 5px 20px;
  text-decoration: none;
  color: #000; }

.review-btn:hover {
  background: #d58512; }

.self-activity-btn {
  background: #999999;
  border-color: #999999;
  min-width: 95px;
  color: #FFFFFF; }

.self-activity-btn:hover {
  background: #4d4d4d;
  color: #FFFFFF; }

.success-btn, input.success-btn {
  background: #5BB75B;
  border-color: #5BB75B;
  min-width: 95px;
  color: #FFFFFF;
  width: auto; }

.success-btn:hover, input.success-btn:hover {
  background: #49a749;
  color: #FFFFFF; }

.warning-btn {
  min-width: 95px;
  background: #ed9c28;
  border-color: #d58512;
  color: #FFFFFF; }

.warning-btn:hover {
  background: #d58512;
  color: #FFFFFF; }

.primary-btn {
  min-width: 95px;
  background: #3276b1;
  border-color: #3276b1;
  color: #FFFFFF; }

.primary-btn:hover {
  background: #285e8e;
  color: #FFFFFF; }

.danger-btn {
  min-width: 95px;
  background: #d2322d;
  background-color: #d2322d;
  border-color: #ac2925;
  color: #FFFFFF; }

.danger-btn:hover {
  background: #ac2925;
  background-color: #ac2925;
  color: #FFFFFF; }

.info-btn {
  min-width: 95px;
  background: #39b3d7;
  border-color: #269abc;
  color: #FFFFFF; }

.info-btn:hover {
  background-color: #269abc;
  color: #FFFFFF; }

.cancel-btn {
  min-width: 95px;
  background: #808080;
  border-color: #808080;
  color: #FFFFFF; }

.cancel-btn:hover {
  background: #6f6f6f;
  color: #FFFFFF; }

.remove-btn {
  background: #DA4F49;
  border-color: #d4342d;
  min-width: 95px;
  color: #FFFFFF; }

.remove-btn:hover {
  background: #d4342d;
  color: #FFFFFF; }

.ccm_header {
  height: 50px;
  padding-top: 5px; }

.grade-toolbar {
  float: right;
  color: #fff;
  margin: 8px 0px 0px 0px; }

.ccm-content-box {
  padding-bottom: 100px; }

.ccm-bottombox {
  margin-top: 10px;
  padding-bottom: 20px;
  clear: both; }

.domain_description {
  padding: 10px;
  border: 2px solid #CDDFE6;
  min-height: 150px;
  max-height: 600px;
  width: 430px;
  padding-left: 21px;
  margin: 68px 0px 100px 0px; }

.domain-header {
  margin: 0 0 10px;
  width: 953px;
  overflow-y: hidden; }

.ccm_coverage {
  width: 185px;
  margin-top: 14px; }

.domain-toolbar {
  height: 30px;
  margin-top: 10px;
  width: 600px; }

.gradediv {
  width: 400px;
  padding-bottom: 100px; }

.standard-btns {
  margin-top: 20px;
  width: 450px;
  background: #CDDFE6;
  cursor: pointer; }

.standard-act-btn {
  background: #48B8E6; }

.ccm_standard_title {
  margin-top: 10px;
  padding: 5px 0 7px 10px; }

.ccm_greentitle {
  border-left: 10px solid #A2BB3A; }

.ccm_redtitle {
  border-left: 10px solid #EF5446; }

.domain_title {
  margin-bottom: 10px; }

.ccm_standard_desc {
  width: 400px;
  margin: 10px 0px 30px 20px; }

.ccm_sampletitle {
  margin-bottom: 20px; }

.ccm_qsn_desc {
  width: 350px;
  margin: 10px 0px 30px 20px; }

.ccm_qsn_desc p {
  width: 350px;
  margin: 10px 0px 30px 20px; }

.prodbox {
  width: 200px;
  height: 280px;
  margin: 0px 35px 40px 0px;
  float: left; }

.prodbox a, .prodbox a:hover {
  text-decoration: none; }

.prodbox:hover {
  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); }

.prodlink {
  text-decoration: none;
  cursor: pointer; }

.prodimg {
  width: 200px;
  height: 150px; }

.prodinfo {
  width: 190px;
  height: 100px;
  text-decoration: none;
  padding: 5px 0px 0px 10px;
  background: #A3BC30;
  color: white; }

.prodtitle {
  font-weight: 400; }

.proddesc {
  display: none; }

.title-section {
  margin-top: 20px;
  padding-bottom: 20px;
  padding-top: 10px; }

.socialsharebox {
  background: #A3BC30;
  color: white;
  height: 30px;
  margin-top: 1px;
  padding: 13px 5px 0px 12px;
  display: none; }

.prodpage_title {
  font-weight: 400; }

.prodpage_infoimg {
  margin: 0px; }

.prodpage_stulabel {
  padding: 12px 5px;
  margin-top: 20px;
  color: #fff;
  width: 640px;
  background: #5A9697; }

.prodpage_tealabel {
  padding: 12px 5px;
  margin-top: 20px;
  color: #fff;
  width: 640px;
  background: #A3BC30; }

.ll_link {
  padding: 0px !important;
  text-shadow: none !important; }

.ll_link1 {
  padding: 0px !important;
  text-shadow: none !important; }

.ll_box {
  padding: 10px 10px 11px !important;
  text-shadow: none !important; }

.ll_box1 {
  color: #5A9697 !important;
  padding: 10px 10px 11px !important;
  text-shadow: none !important; }

.active > a > .ll_box1 {
  background: none repeat scroll 0 0 #5A9697 !important;
  color: #fff !important; }

a:hover > .ll_box1 {
  background: none repeat scroll 0 0 #5A9697 !important;
  color: #fff !important; }

a:hover > .ll_box {
  background: none repeat scroll 0 0 #AAC330 !important;
  color: #fff !important; }

.ll_link1 > .active {
  background: none repeat scroll 0 0 #5A9697 !important; }

.stualtbox {
  background: #5A9697;
  color: #fff; }

.redbtn {
  background: #D55346;
  padding: 10px 5px;
  border-radius: 6px;
  text-align: center;
  margin-top: 20px; }

.alert-profile {
  background-color: #ddd;
  border-color: #ddd;
  color: #000000;
  text-align: left;
  float: left;
  width: 900px;
  margin-bottom: 10px; }

.alert-profile .cancel {
  width: 30px;
  border: 0px;
  line-height: 1.0em;
  background: #ddd; }

.alert-signup {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #000000;
  text-align: center; }

.alert-signup-link, .alert-signup-link:hover {
  color: #0000ff; }

.feedback-box {
  text-align: center; }

.feedback-box .title {
  margin-bottom: 10px;
  padding-bottom: 20px;
  text-align: center; }

ul.user_activity_feedback {
  margin: 0 auto;
  text-align: center;
  display: inline-table; }

ul.user_activity_feedback li {
  float: left;
  list-style-type: none;
  margin-left: 0; }

ul.user_activity_feedback .tag-count {
  text-align: center;
  margin-right: 15px;
  padding-top: 5px;
  font-size: 16px;
  line-height: 20px; }

.feedback-box button.feedback-tag {
  margin-right: 15px;
  width: 175px;
  box-shadow: none;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  padding: 4px 10px 4px;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  color: white;
  border: 0; }

.feedback-tag.good {
  background-color: #5BB75B; }

.feedback-tag.good.active, .feedback-tag.good:hover {
  background-color: #96d196;
  border-color: 1px solid #96d196; }

.feedback-tag.bad {
  background-color: #BBBBBB; }

.feedback-tag.bad:hover, .feedback-tag.bad.active {
  background-color: #aaa;
  border-color: 1px solid #aaa; }

.individual-notice {
  padding: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.individual-notice:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.individual-notice .unseen-notice {
  background-color: #f6f6f6; }

.individual-notice .notice-age {
  color: rgba(0, 0, 0, 0.382);
  float: right;
  font-size: 0.9em; }

.individual-notice .new-notice {
  padding: 5px;
  background: #57ca8e;
  color: #FFFFFF;
  margin-top: 5px;
  text-align: center;
  float: left; }

.individual-notice img {
  height: 75px;
  width: 100px;
  float: left;
  background: #ccc;
  margin-right: 10px; }

#categories li.first-level {
  min-width: 65px;
  text-align: center; }

.endless_container {
  text-align: center; }

.endless_more {
  width: 100px; }

.ask-question {
  border: 1px solid #ccc;
  padding: 10px; }

.ask-question .location {
  width: 15%;
  font-style: italic; }

.ask-question .question-text {
  width: 80%; }

.challenge-block {
  float: left;
  width: 200px;
  height: 230px;
  margin-right: 10px;
  margin-bottom: 20px; }

.challenge-block a {
  color: #000; }

.challenge-block a:hover {
  text-decoration: none; }

.challenge-block:hover {
  color: #005580;
  text-decoration: none;
  box-shadow: 0px 0px 5px black; }

.challenge-block img {
  width: 200px;
  height: 150px; }

.challenge-block .activity-desc {
  height: 70px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 7px; }

.add-activity-form {
  float: left;
  width: 660px; }

.add-discussion-from {
  float: left;
  width: 940px; }

.edit-discussion-form {
  padding-top: 30px; }

.add-activity-form textarea, .add-activity-form input,
.add-discussion-form textarea, .add-discussion-form input,
.edit-discussion-form textarea, .edit-discussion-form input {
  width: 100%; }

.add-activity-form .mceLayout {
  margin-bottom: 9px; }

.add-activity-form label {
  padding-top: 10px; }

.add-activity-btns {
  width: 240px;
  padding-top: 35px;
  padding-left: 40px;
  float: left; }

.question-formset textarea {
  height: 70px;
  width: 94%;
  margin-left: 4px;
  float: left; }

.question-formset select {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 20px; }

.question-formset .mce-tinymce {
  margin-left: 15px; }

.question-formset input[type='checkbox'] {
  display: none; }

.question-formset input[type='text'] {
  display: none; }

.question-formset span {
  float: left; }

.question-formset span:after {
  content: '.'; }

.record .title {
  font-weight: bold; }

.edit-profile-form textarea {
  height: 70px;
  width: 96%;
  float: left; }

.right-section input[type='text'] {
  width: 96%; }

.white-box {
  padding: 10px;
  padding-left: 0px;
  padding-top: 0px;
  margin-bottom: 10px;
  margin-top: 15px; }

.support_section {
  padding: 20px 15px 20px 0;
  width: 285px; }

.support_section a {
  color: #000;
  text-decoration: none; }

.support_section a:hover {
  color: #049cdb;
  text-decoration: none; }

.search-bar {
  margin-left: 5px;
  margin-right: 20px;
  width: 120px; }

input.copy-clipboard-text[readonly] {
  cursor: default; }

.add-on.copy-button {
  cursor: pointer;
  color: #000;
  text-shadow: 0 none; }

.add-on.copy-button:hover, .add-on.copy-button.zeroclipboard-is-hover {
  cursor: pointer;
  color: #000;
  background-color: #d3d3d3; }

.discussion-item {
  margin-top: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px; }

.discussion-item ul {
  list-style-type: disc; }

.team-profile-block {
  height: 260px;
  overflow: hidden;
  margin-bottom: 10px; }

.editable-buttons {
  display: none; }

/*# sourceMappingURL=demo.b7008530.css.map */