/**** MAIN PAge components ****/
.clearFix {
  clear: both; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

hr {
  border-top: 2px solid #005ce6;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75); }
  hr.subLevel-red {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 5px solid #FF3E80;
    width: 50%;
    display: inline-block;
    margin: 0; }
  hr.sub-divider {
    border-top: 1px solid #cccccc;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(20, 20, 20, 0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(20, 20, 20, 0.75);
    box-shadow: 0px 1px 2px 0px rgba(20, 20, 20, 0.75); }
  hr.light-sub-divider {
    border-top: 1px solid #cccccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.row.panel-content {
  margin-top: 81px; }

.center-block {
  padding-bottom: 42px; }

.taskInactive {
  display: none; }

.taskActive {
  display: block; }

ul {
  list-style: none; }
  ul.infoDetails {
    margin-left: 14px;
    padding-left: 0;
    /*Nested Outline */ }
    ul.infoDetails li:before {
      content: "\27A9";
      font-family: 'Glyphicons Halflings';
      font-size: 2em;
      margin-top: -12px;
      font-weight: bold;
      color: green; }
    ul.infoDetails ul li:before {
      content: "\25C7"; }
  ul.menuList {
    list-style-type: none; }
    ul.menuList li {
      display: inline;
      padding: 0 10px; }
      ul.menuList li a {
        display: inline-block; }
      ul.menuList li:before {
        content: none; }
  ul li {
    display: block;
    padding-top: 10px; }
    ul li:before {
      /*Using a Bootstrap glyphicon as the bullet point*/
      content: "\e250";
      font-family: 'Glyphicons Halflings';
      font-size: 15px;
      float: left;
      margin-top: 0px;
      margin-left: -17px; }
    ul li h3 {
      margin-top: -4px; }
    ul li h4 {
      margin-top: 0; }
  ul ul li {
    padding-top: 0; }
    ul ul li:before {
      content: "\e080"; }

/* End of Main UL*/
ol ol {
  list-style: circle; }

.btn {
  border: 1px solid #999999; }

.codeAlt01 {
  background-color: #0FF;
  color: black;
  font-weight: bold; }

.codeAlt_plain {
  padding: 0;
  font-size: 90%;
  color: black;
  background-color: white;
  border-radius: none; }

/*****/
/********************************************/
/*   Rules and Requirements          		*/
/******************************************/
.rules-requirements ul.grading li:before {
  content: ""; }
.rules-requirements ul.list-group {
  width: 371px; }

@media screen and (min-width: 375px) and (max-width: 720px) {
  html, body {
    font-size: 20px !important; } }
/**** MOS specific styles**/
.MOS .img-rounded {
  border: 2px solid #cccccc; }
.MOS h2.subtask {
  color: #3366ff; }

.web-dev .subtask {
  color: #003366;
  border-top: 1px solid #eee;
  padding-top: 10px; }
.web-dev .lesson-menu ul.navbar-nav {
  list-style: none;
  /*nav-pills */ }
  .web-dev .lesson-menu ul.navbar-nav li {
    margin-right: 20px; }
    .web-dev .lesson-menu ul.navbar-nav li:before {
      content: ""; }
  .web-dev .lesson-menu ul.navbar-nav.nav-pills {
    /*li tag */ }
    .web-dev .lesson-menu ul.navbar-nav.nav-pills li {
      padding: 10px;
      /* a tag */ }
      .web-dev .lesson-menu ul.navbar-nav.nav-pills li a {
        background: #cccccc;
        padding-left: 10px;
        padding-right: 10px;
        color: #0f2c45;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none; }
        .web-dev .lesson-menu ul.navbar-nav.nav-pills li a:hover {
          background: #757575;
          color: #ffffff;
          text-decoration: none; }
        .web-dev .lesson-menu ul.navbar-nav.nav-pills li a:active {
          text-decoration: none; }
        .web-dev .lesson-menu ul.navbar-nav.nav-pills li a:visited {
          text-decoration: none; }
        .web-dev .lesson-menu ul.navbar-nav.nav-pills li a.disabled {
          cursor: default;
          background: #D6D6D6;
          color: #7F7F7F; }
        .web-dev .lesson-menu ul.navbar-nav.nav-pills li a.max-width {
          width: 200px;
          display: inline-block;
          white-space: nowrap;
          text-align: center; }

.java h1.section, .java h2.section, .java h3.section, .java h4.section, .java h5.section, .java h6.section {
  display: inline-block;
  margin-left: 5%;
  margin-right: 10px; }

footer {
  clear: both;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: #f5f5f5;
  text-align: center; }

.python-course form {
  display: inline-block;
  vertical-align: top;
  width: 45%; }
.python-course .outputGroup {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.5);
  width: 40%;
  height: auto; }
  .python-course .outputGroup .outputCanvas {
    border: 1px solid rgba(0, 0, 20, 0.5); }
.python-course button {
  border: none;
  font-family: inherit;
  border-radius: 10px;
  padding: 10px 20px;
  background-color: #002240;
  color: white;
  font-size: 120%;
  margin-left: 10px; }
  .python-course button:hover {
    background-color: #7e86ff;
    color: black; }
.python-course ul.courseSubmenu {
  margin-top: 8px;
  font-weight: bold; }
  .python-course ul.courseSubmenu li {
    display: inline;
    padding: 5px;
    margin-left: 10px; }
    .python-course ul.courseSubmenu li::before {
      content: ""; }
.python-course .textIndent {
  margin: 0;
  padding: 0;
  display: inline-block; }
  .python-course .textIndent.level1 {
    text-indent: 20px; }
  .python-course .textIndent.level2 {
    text-indent: 100px; }
.python-course .codeBlock {
  width: 50%;
  padding: 10px; }
.python-course code {
  padding: 5px 3px;
  font-size: 90%;
  font-family: monospace;
  color: #362e46;
  background-color: #ccc;
  border-radius: 4px; }

@media only screen and (max-width: 1300px) {
  .python-course form {
    width: 55%; } }
@media only screen and (max-width: 800px) {
  .python-course form {
    width: 100%; }
  .python-course .outputGroup {
    width: 100%; }
  .python-course ul.courseSubmenu {
    margin-left: 0;
    padding: 0;
    font-size: 150%;
    font-weight: bold; }
    .python-course ul.courseSubmenu a {
      text-decoration: underline; }
    .python-course ul.courseSubmenu a:focus,
    .python-course ul.courseSubmenu a:hover,
    .python-course ul.courseSubmenu a:active {
      text-decoration: none; }
    .python-course ul.courseSubmenu li {
      padding: 0;
      padding-bottom: 10px;
      margin: 0;
      display: block; } }
html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px; }

figure img {
  border: 1px solid #cccccc;
  display: block;
  margin: 0 auto; }

figcaption {
  text-align: center;
  font-style: italic;
  color: #141478; }

.glyphicon.glyphicon-th-list {
  font-size: 44px;
  color: #ffffff;
  padding-left: 9px; }

ul.dropdown-menu {
  font-size: 45px; }
  ul.dropdown-menu li {
    padding-top: 13px;
    padding-right: 44px; }
  ul.dropdown-menu li:first-child {
    padding-top: 5px; }
  ul.dropdown-menu li:last-child {
    padding-bottom: 5px; }

.navbar-brand {
  float: right; }

.isDisabled {
  color: currentColor;
  opacity: 0.5; }
  .isDisabled:hover {
    text-decoration: none; }

/*# sourceMappingURL=main.css.map */
