/*@font-open-sans: 'Open Sans', sans-serif;/*/
/*Used with fontSpy*/
/*font sizes*/
/* line 100, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.p {
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: .2px;
  line-height: 1.3em;
  margin: 3px 0;
}
/* line 108, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.small {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: capitalize;
}
/* line 115, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.link {
  cursor: pointer;
  display: block;
  font: 15px 'museo-sans-rounded', sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  margin: 10px 0 0;
  opacity: .8;
  text-decoration: none;
  text-transform: none;
}
/* line 126, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.link:hover {
  opacity: 1;
}
/*--- colors ---*/
/*
@course-intro: #7d8896;
@course-web-dev: #4bcf48;
@course-javascript: #f4a033;
@course-html-css: #2297da;
@course-python: #326793;
@course-jquery: #17d192;
@course-design: #f43365;
*/
/*sizes*/
/*--- backgrounds ---*/
/* line 203, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.verticalAlign {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/* line 209, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.clearfix {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* line 244, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*--- colors ---*/
/* line 13, C:\Users\Michael\workspace\CodeAvengers\war\less\utils.less */
.dropdown-menu,
.top-notification {
  display: none;
}
/* line 18, C:\Users\Michael\workspace\CodeAvengers\war\less\utils.less */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers\war\less\utils.less */
.require-login .login-required {
  display: none;
}
/* line 32, C:\Users\Michael\workspace\CodeAvengers\war\less\utils.less */
.require-login .login-instructions {
  display: block;
}
/* line 8, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix {
  /* line 17, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  from {
    opacity: 1;
  }
  /* line 20, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  to {
    opacity: 1;
  }
}
/* line 25, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.no-close .ui-dialog-titlebar-close {
  display: none;
}
/* line 29, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.normal-price {
  text-decoration: line-through;
  color: red;
}
/*#ca-message {
	display: none;
}*/
/* line 38, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.status .add {
  left: 5px;
  width: 350px;
  height: 55px;
  top: -50px;
  position: absolute;
}
/* line 46, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
html {
  background: none;
}
/* line 50, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.front {
  z-index: 10000 !important;
}
/* line 54, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.front.highlight {
  box-shadow: 0 0 40px 10px #EF5555 !important;
  transition: all 0.2s linear;
}
/* line 59, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.front .results-overlay {
  transition: opacity 0.2s linear;
  box-shadow: 0 0 300px 100px rgba(200, 200, 200, 0.9) !important;
}
/* line 64, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.add img {
  float: right;
}
/* line 68, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
img.mouse-master {
  position: relative;
  left: 3px;
  height: 30px;
}
/* line 74, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
img.mouse-master:hover {
  background-color: #333;
  border-radius: 4px;
}
/* line 79, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body {
  overflow: auto;
}
/* line 83, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#gloss,
#reference {
  padding: 2px 0;
  z-index: 100000007;
  /*10002;*/
  /*Some of the tooltip glosses look bad when semi-transparent*/
  opacity: 1;
}
/* line 91, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.gloss.popover {
  line-height: 20px;
}
/* line 95, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.gloss.popover h3 {
  color: white;
  margin-top: 0;
}
/* line 100, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .course-links .ui-button {
  min-width: 150px;
  font-size: 14px !important;
  text-align: center;
}
/* line 107, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .black a {
  /*color: #eee;*/
  font-weight: 700;
  border-bottom: none;
}
/* line 113, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .black a:hover {
  color: #d1f3ff !important;
  border-bottom: none !important;
  box-shadow: none;
}
/* line 121, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog {
  border: 1px solid #ddd;
  overflow: visible;
  padding: 0;
  /*box-shadow: #eee 0 0 12px -2px;*/
  z-index: 1001;
}
/*Dont use important here!! It messess things up, these need to be assiged dynamically by JQuery*/
/* line 130, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.modal-dialog.ui-dialog {
  z-index: 10000;
}
/* line 134, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.modal-dialog.ui-dialog.video {
  padding: 10px;
  z-index: 100000006;
}
/*.modal-dialog.ui-dialog.video,*/
/* line 141, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#guiders_overlay,
.ui-widget-overlay {
  background: #191919;
  opacity: .6;
  filter: alpha(opacity=60);
  /*Important here makes JQuery NOT automatically assign the z-indexes*/
  z-index: 1002 !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*
Legacy code
.ui-widget-overlay.stars {
  background-image: url(/image/stars.jpg);
  opacity: .9;
  filter: Alpha(Opacity=90);
}

.ui-widget-overlay.stars.highlight {
  background: -webkit-linear-gradient(top,rgba(71, 154, 208, 0.15),rgba(161, 218, 255, 0.17)), url(/image/stars.jpg) !important;
  background: -moz-linear-gradient(top,rgba(71, 154, 208, 0.15),rgba(161, 218, 255, 0.17)), url(/image/stars.jpg) !important;
  background: -o-linear-gradient(top,rgba(71, 154, 208, 0.15),rgba(161, 218, 255, 0.17)), url(/image/stars.jpg) !important;
  background: linear-gradient(to bottom,rgba(71, 154, 208, 0.15),rgba(161, 218, 255, 0.17)), url(/image/stars.jpg) !important;
}*/
/* line 171, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-widget-overlay.solid {
  background: #000000;
  opacity: 1;
  /*text-align: center;*/
}
/* line 176, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.dev-mode .ui-widget-overlay.solid {
  background: rgba(0, 0, 0, 0.5);
}
/* line 181, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-widget-overlay .content {
  background: transparent;
  bottom: 0;
  color: white;
  font-size: 64px;
  height: 200px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
/* line 195, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-widget-overlay .content img {
  margin-bottom: 0.2em;
}
/* line 199, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-widget-overlay.dark {
  opacity: .8;
}
/* line 203, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#background-filter {
  display: none;
}
/*.container {
  position: relative;
}*/
/* line 211, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body:not(.course) .container-label {
  opacity: 1.0 !important;
}
/* line 215, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main .container-label {
  display: none;
  opacity: 0.5;
  background-color: white;
  color: #333;
}
/* line 223, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.mailto {
  cursor: pointer;
}
/* line 227, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.mailto:hover {
  text-decoration: underline;
}
/* line 231, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.side-toolbar {
  position: fixed;
  right: 0;
  cursor: pointer;
  display: block;
  opacity: 1.0;
  bottom: 46px;
}
/* line 240, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#side-toolbar {
  left: 27px;
}
/* line 244, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin .side-toolbar {
  top: auto;
  bottom: 0;
}
/* line 249, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .side-toolbar {
  left: 27px;
}
/* line 253, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#side-toolbar2 {
  z-index: 999;
}
/* line 259, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.audio-container {
  position: absolute;
  top: 3px;
  left: 40px;
  opacity: 0.4;
  text-align: left;
}
/* line 270, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossary-dialog header {
  color: #888;
}
/* line 274, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossary-dialog .line-highlight code {
  opacity: 0.8;
}
/* line 278, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossary-dialog a {
  cursor: pointer;
  color: white;
}
/* line 283, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossary-dialog a:hover {
  text-decoration: underline;
  color: #aaa;
}
/* line 288, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#validation-dialog {
  overflow-y: auto !important;
}
/* line 292, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#validation-dialog code {
  overflow: visible;
}
/* line 296, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.gloss i,
.results-overlay code i,
#validation-dialog code em {
  background-color: #A1DAFF;
  font-weight: normal;
  font-style: normal;
}
/* line 304, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#validation-dialog b {
  background-color: #333;
}
/* line 308, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#validation-dialog b,
#validation-dialog code em {
  border-radius: 1px;
  padding: 0 2px;
}
/* line 316, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button.selected {
  background-color: #ef5555;
  color: white;
}
/* line 321, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.feedback-dialog .text-container {
  position: relative;
}
/* line 325, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.feedback-dialog .input {
  margin-bottom: 0px;
  position: relative;
}
/*.feedback-dialog .email{
  right: 0px;
  position: absolute;
  left: 60px;
}*/
/*Shoot game*/
/* line 337, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
html.shoot-game *,
html.shoot-game {
  cursor: crosshair !important;
}
/* line 341, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
iframe.bonusGame {
  position: absolute;
  z-index: 10010;
  width: 1280px;
  height: 720px;
  border: none;
  opacity: 1;
  background-color: black;
  transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
}
/* line 357, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
iframe.mouseMasterGame {
  position: absolute;
  z-index: 10010;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  opacity: 0.95;
  background-color: black;
}
/* line 369, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
html.shoot-game img.shoot-game {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 377, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
img.shoot-game {
  position: fixed;
  left: -1000px;
  top: -1000px;
  width: 50px;
  z-index: 1000000;
}
/* line 385, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.activity,
.help {
  height: auto;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 48px;
  padding-left: 80px !important;
  padding-right: 80px !important;
}
/* line 395, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.full-width .help,
.fullscreen .help {
  padding-bottom: 20px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* line 403, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.activity {
  margin-top: 0;
  padding-top: 1px;
  display: block;
  min-height: 200px;
}
/*.help li {
  line-height: 1.7em;
  margin-bottom: 4px;
  font: @size-p @font-museo;
}*/
/* line 416, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style.content iframe {
  border: 1px solid #ccc;
}
/* line 420, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu.help {
  display: block;
  min-height: 500px;
}
/* line 425, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu header,
.ca-style h2,
.ca-style #menu h2 a {
  color: white;
  padding-top: .3em;
  padding-bottom: .3em;
}
/* line 433, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu header {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: .5em;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(3, 46, 66, 0.3);
  /*#4E9494;*/
  border-top: 1px solid rgba(3, 46, 66, 0.3);
  /*#4E9494;*/
  padding-left: 35px;
  padding-right: 35px;
  background: #3790BE;
  font-weight: normal;
  /*box-shadow: rgba(0, 63, 92, 0.7) 0 3px 4px -1px;*/
}
/* line 452, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu header {
  padding-left: 20px;
  padding-right: 20px;
}
/* line 457, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-boxes {
  height: 275px;
}
/* line 461, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-boxes h2 {
  box-shadow: none;
}
/* line 465, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.two-column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 10px 0 0;
}
/* line 473, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.two-column h3 {
  margin-top: 0;
}
/* line 477, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu div:target #future-courses {
  border-radius: 4px;
  background-color: #E7F6F1;
  padding: 5px 15px;
}
/* line 483, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu header {
  border-top: none;
  margin-top: 0;
  z-index: 1;
}
/* line 489, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .info-boxes a img,
.help img {
  border: 1px solid rgba(78, 126, 148, 0.5);
  z-index: 1;
  max-width: 100%;
}
/* line 496, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
img.signature {
  border: none;
  height: 24px;
}
/* line 501, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.menu.real > *:hover {
  opacity: 0.8;
}
/* line 505, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.menu.real button,
.menu.real .score {
  border: none;
}
/* line 510, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.menu.real > *:not(.next) button,
.menu.real > *:not(.next) .score {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 515, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.activity h2 {
  border-radius: 1px;
  margin-top: 30px;
  margin-left: -52px;
  margin-right: -52px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 20px;
}
/* line 525, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu .feature {
  background-color: #fcfcfc;
  font-size: 20px;
  margin: 24px -90px;
  padding: 12px 90px;
  border: 1px solid #eee;
  border-left: none;
  border-right: none;
}
/* line 538, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .ui-button .ui-button-text {
  min-width: 65px;
  line-height: 2.5em;
  padding: 0 10px;
}
/* line 544, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.wait * {
  cursor: wait !important;
}
/* line 548, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style a img {
  border: none;
  cursor: pointer !important;
}
/* line 553, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ee {
  cursor: pointer;
}
/* line 557, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
sup {
  font-size: x-small;
}
/* line 563, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html .ca-style h3 {
  background-position: 0 -1px;
}
/* line 567, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h3,
.ca-style h3 a {
  color: rgba(4, 19, 29, 0.9);
}
/* line 572, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h3 a:hover {
  color: #396279;
}
/* line 576, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html #results {
  padding: 10px;
  font-family: inherit;
  overflow-y: auto;
  line-height: 19px;
  position: relative;
}
/* line 584, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin-active {
  background-color: #D0EBB1 !important;
}
/* line 588, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin-warning {
  background-color: #F3E1BC !important;
}
/* line 592, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin-inactive {
  background-color: #EBB1B1 !important;
}
/* line 598, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#results h3 {
  margin: 0;
  margin-bottom: 5px;
  font-size: 16px;
}
/*Opacity is set in the code*/
/*.social {
  background-color: #04131D;
  border: 1px solid rgba(64,64,64,.3);
  height: 236px;
  width: 76px;
  left: -4px;

  top: 35px;

  border-radius: 1px;
  position: fixed;
  z-index: 100;
  display: none;
}*/
/* line 620, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.no-share .social {
  display: none;
}
/* line 624, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fb-comments {
  margin-top: 15px;
}
/*.social > * {
  position: absolute !important;
  right: 8px !important;
  left: 8px !important;
}*/
/* line 634, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fb-like {
  bottom: 134px !important;
}
/* line 638, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#___plusone_0 {
  bottom: 64px !important;
  right: 13px !important;
}
/* line 643, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.twitter-share-button {
  bottom: 34px !important;
}
/* line 647, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.twitter-follow-button {
  bottom: 9px !important;
}
/* line 651, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#badge-dialog .sharing > *,
.ui-dialog-content .twitter-share-button,
.ui-dialog-content .fb-like {
  position: absolute;
  top: auto !important;
  bottom: -55px !important;
}
/* line 657, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#badge-dialog .fb-like,
.ui-dialog-content .fb-like {
  left: 165px !important;
}
/* line 661, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#badge-dialog .twitter-share-button,
.ui-dialog-content .twitter-share-button {
  left: 100px !important;
}
/* line 665, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content .sharing * {
  margin: 0 !important;
}
/* line 669, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.wait * {
  cursor: wait !important;
}
/* line 673, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body {
  font-weight: normal;
}
/* line 677, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#glossInfo-dialog .popover {
  margin: 10px;
  font-size: 13px;
}
/* line 682, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#ui-dialog-title-glossInfo-dialog-logo {
  height: 24px;
}
/* line 686, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#ui-dialog-title-glossInfo-dialog {
  font-size: 18px;
}
/* line 693, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#toolbar-buttons button {
  z-index: 900;
  /*1 higher than the menu*/
}
/* line 698, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#toolbar-buttons button.current {
  z-index: 901;
  /*1 higher than the menu*/
}
/* line 705, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.index .menu.real > div.lesson:hover {
  background-color: #ccc;
  background-repeat: repeat-x;
  cursor: pointer;
}
/* line 711, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.menu .name:active {
  background-position: 0 15px;
}
/*.ui-button:hover:not(.ui-button-disabled),*/
/* line 716, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .lesson:hover:not(.disabled),
.progress-container .progress .lesson.current,
.progress-container .progress .lesson:hover:not(.disabled) {
  background-repeat: repeat-x;
  box-shadow: rgba(227, 250, 248, 0.5) 0 0 2px inset;
  color: #e3faf8;
  cursor: pointer;
}
/*.lesson.disabled,
.lesson.disabled:hover,
.html #output .ui-button.ui-state-disabled {
  background-color: #04131D !important;
  background-image: none !important;
  cursor: default !important;
}

.lesson.disabled, .lesson.disabled:hover {
  border-left: #282828 solid 1px !important;
}


.lesson.disabled .name {
   color: #2a2a2a !important;
}*/
/* line 742, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container:hover .label-name,
.progress-container:hover .lesson:hover:not(.disabled) .name {
  color: white !important;
  opacity: 1;
}
/* line 748, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .lesson {
  position: relative;
}
/* line 752, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .bar {
  height: 100%;
  display: block;
  bottom: 0;
  position: absolute !important;
}
/* line 760, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#color-key [data-score] {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: #27a4e4;
  border: 1px solid #b5b5b5;
  vertical-align: middle;
}
/* line 769, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#color-key [data-score="7"],
.progress-container .progress .bar[data-score="7"] {
  background-color: #966496;
}
/* line 774, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#color-key [data-score="1"],
.progress-container .progress .bar[data-score="1"] {
  background-color: #ffff2d;
}
/* line 779, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#color-key [data-score="5"],
.progress-container .progress .bar[data-score="6"],
.progress-container .progress .bar[data-score="5"] {
  background-color: #ff3c64;
}
/* line 785, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .name {
  color: #aaa;
}
/* line 789, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .name sub {
  color: white;
}
/* line 793, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .lesson.started .name {
  /*color: #a1daff;*/
  color: #999;
}
/* line 798, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .lesson.current .name {
  color: #E3F1FA;
}
/* line 802, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .lesson:hover:not(.disabled) .name {
  color: white;
}
/* line 806, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .name {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
}
/* line 814, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .lesson.current,
#main .menu .ui-button.current {
  color: #E3F1FA;
  /* #a1daff;*/
  text-shadow: 0px 1px 0px black;
  z-index: 1;
}
/* line 823, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content {
  overflow: visible !important;
}
/* line 827, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.auto-scroll.ui-dialog-content {
  overflow: auto !important;
}
/*.ui-dialog .ui-dialog-content {
  max-height: 750px;
  padding: 1em;
}*/
/* line 836, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .input {
  margin-bottom: 15px;
  margin-top: 15px;
}
/* line 841, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
input.invalid {
  box-shadow: 0px 0px 3px 1px red;
  -webkit-appearance: none;
}
/* line 848, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.error-message {
  font-size: small !important;
  padding: 5px !important;
  position: absolute;
}
/* line 855, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.line,
.task {
  cursor: pointer;
}
/* line 859, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar *,
#ca-message,
.no-select {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 866, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.select {
  -ms-user-select: initial;
  -moz-user-select: initial;
  -webkit-user-select: initial;
}
/* line 873, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#glossInfo-dialog {
  overflow: auto !important;
  margin: 8px 0 12px;
}
/* line 880, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main .badges img.gray {
  /*opacity: 0.6;*/
}
/* line 884, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
div.status,
div.points {
  margin-bottom: 10px;
}
/* line 888, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-buttonpane #facebook {
  float: left;
}
/* line 892, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
td.char {
  background-color: #181818;
  text-align: center;
}
/* line 897, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
table.ascii {
  background-color: #333;
  color: white;
  border: solid #333 15px;
  font-size: 1em;
  border-spacing: 1px;
}
/* line 905, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
table.colors {
  border-spacing: 0;
  font-size: 13px;
  margin: 0 auto;
}
/* line 912, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
table.colors td {
  padding: 2px 2px;
}
/* line 916, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
table.rgb-color-table td,
table.hex-color-table td {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  padding: 2px 12px;
  white-space: pre;
}
/* line 923, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
table.ascii td {
  padding: 0 2px;
}
/* line 927, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
video {
  display: block;
}
/* line 936, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#start-button.ui-state-focus {
  box-shadow: #1F455C 0px 0px 14px 5px;
  background-color: #00568a !important;
  color: white;
}
/* line 942, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#start-button.ui-state-focus.ui-state-hover {
  background-color: #479AD0 !important;
}
/* line 946, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.side-toolbar-label.selected,
button.passed.ui-button.ui-state-active,
.ui-button.current {
  opacity: 1 !important;
  filter: none;
}
/*span.name {
  color: #ef5555 !important;
  background-color: #C4E7F8 !important;
}*/
/* line 958, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.project-label a {
  text-decoration: none;
  /*border-bottom: 1px dotted #aaa;*/
  color: #666;
  font-size: 12px;
}
/* line 965, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.project-label {
  color: #666;
  margin-top: 6px;
}
/* line 972, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.module-label {
  color: #9d9d9d;
  margin: 0;
  margin-bottom: 0;
  font-size: 14px;
  background: #eee;
  padding: 10px;
}
/* line 981, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .lesson.current {
  background-color: #db1222 !important;
}
/* line 986, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button .ui-button-text {
  display: inline-block;
  line-height: 1.1em;
  min-width: 20px;
}
/* line 992, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-gloss {
  width: 225px;
}
/* line 996, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-gloss .popover-content {
  font-size: 13px;
}
/* line 1000, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-gloss .name {
  font-size: 14px;
}
/* line 1008, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-gloss .ui-button.passed {
  background-color: #27a4e4;
  color: white;
}
/* line 1013, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-gloss .ui-button.passed .ui-button-text {
  width: 100%;
  height: 100%;
}
/* line 1018, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-gloss .ui-button-text {
  line-height: 36px;
}
/* line 1022, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-gloss .button-container,
#lesson-gloss hr {
  margin-top: 8px;
  margin-bottom: 8px;
}
/* line 1028, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.hidden {
  display: none !important;
}
/*LEVEL 2*/
/* line 1033, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#badge-dialog p {
  text-align: 0;
  /*width: 200px;*/
}
/* line 1038, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#badge-dialog img {
  width: 100px;
}
/* line 1042, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
div.badges img {
  width: 55px;
  margin: 5px;
}
/*.ui-dialog.info .ui-dialog-content {
  font-size: 16px;
  line-height: 24px;
}*/
/* line 1052, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .ui-dialog-content,
.ui-dialog.info .ui-dialog-content {
  font-size: 14px;
  line-height: 1.5em;
}
/* line 1059, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-content {
  min-height: 90px !important;
}
/* line 1064, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonpane button {
  height: 120px;
  margin: 3px !important;
  max-width: 30%;
  width: 30%;
}
/* line 1071, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonpane .ui-icon:before {
  font-size: 72px;
  margin: auto;
  text-align: center;
}
/* line 1077, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonpane .ui-button-text {
  display: block;
}
/* line 1082, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset .ui-button {
  background-color: #fff !important;
  border: none;
  color: #737373 !important;
  margin: 3px;
}
/* line 1089, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset .ui-button:nth-of-type(2) {
  border: none;
}
/* line 1093, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset {
  margin: -4px;
}
/* line 1097, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.psr-dialog .ui-dialog-buttonset .ui-button:hover {
  background-color: #fff !important;
  border: none;
  color: #404040 !important;
}
/* line 1104, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-title {
  /*width: 400px;*/
}
/* line 1108, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.sub-title {
  margin-top: 25px;
}
/* line 1112, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-title {
  font-size: 16px;
  /*color: #0d0d0d;*/
}
/* line 1120, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-progressbar-value.ui-widget-header {
  background-color: #1F455C;
}
/* line 1124, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.label {
  display: inline-block;
  padding-right: 10px;
  text-align: right;
}
/* line 1130, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-progressbar-value {
  color: #7a7e81;
}
/* line 1136, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.module-name {
  margin: 3px 10px;
  font-size: 16px;
  position: absolute;
}
/*CONSOLE*/
/* line 1143, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation #guide-label,
.presentation #lesson-mode {
  display: none !important;
}
/* line 1148, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation #console:active,
.presentation #code-editor:active,
.presentation .instructions:active {
  background-color: rgba(255, 178, 57, 0.25);
}
/* line 1154, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation .toolbar:active {
  background-color: rgba(255, 178, 57, 0.25);
}
/* line 1158, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation .instructions:active > * {
  opacity: 0.5;
}
/* line 1162, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation .ui-button:active {
  background-color: #ffb239 !important;
  opacity: 0.8;
}
/* line 1167, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .score,
.console .score {
  font-size: 1em;
  padding: 2px !important;
  min-width: 20px;
  line-height: 1.0em;
  top: 0px;
}
/* line 1177, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions img.align-right {
  float: right;
  padding-left: 10px;
}
/* line 1182, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions img.align-left {
  float: left;
  padding-right: 10px;
}
/* line 1188, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions figure {
  display: inline-block;
  margin: 5px;
  text-align: center;
}
/* line 1193, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions figure.align-right {
  float: right;
}
/* line 1196, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions figure.align-right img {
  padding-left: 10px;
}
/* line 1201, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions figure.align-left {
  float: left;
}
/* line 1204, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions figure.align-left img {
  padding-right: 10px;
}
/* line 1209, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions figure img {
  padding-bottom: 4px;
}
/* line 1214, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions figcaption {
  font-size: .8em;
  line-height: 1.4em;
  opacity: .8;
}
/* line 1220, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .code-output {
  background-color: #f8f8f8;
  border-radius: 2px;
  border: 1px solid #eee;
  margin: 6px -3%;
  text-align: left;
  width: 106%;
  box-sizing: content-box;
  /*box-sizing: border-box;*/
}
/* line 1230, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .code-output_code {
  position: relative;
}
/* line 1234, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .code-output .ace_editor {
  bottom: 0;
  position: absolute;
  top: 23px;
}
/* line 1243, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code-output iframe {
  background-color: white;
  border: none !important;
}
/* line 1248, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code-output > *:first-child {
  border-right: 1px solid #eee;
}
/* line 1252, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code-output > *:last-child {
  border-left: 1px solid #eee;
}
/* line 1256, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code-output > * {
  vertical-align: top;
}
/* line 1260, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code-output code {
  margin: 0 !important;
  width: 100%;
}
/* line 1265, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code-output label {
  color: #888;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
/* line 1275, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[target='.console'],
.console {
  /*color: #ababab;*/
  color: #333;
}
/* line 1280, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.score,
#main .badges {
  color: #f8f8f8;
  background-color: #1a1a1a;
}
/* line 1285, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
pre.jqconsole,
.html .console,
.admin .console,
code.multi,
div.css {
  overflow: auto;
  padding: 10px 25px 5px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
}
/* line 1301, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-container code.wide,
.instructions code.multi {
  padding: 6px;
  line-height: 1.4em;
  overflow-x: auto;
}
/* line 1308, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-container code.wide {
  padding-left: 22px;
  text-indent: -16px;
}
/* line 1313, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions {
  padding-left: 36px;
  padding-right: 30px;
  padding-top: 18px;
  padding-bottom: 12px;
}
/* line 1320, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation .main {
  margin: 0;
}
/* line 1324, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation .status-container {
  display: none;
}
/* line 1328, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation .course-label,
.translation .lesson-label {
  display: none !important;
}
/* line 1333, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane {
  width: 50%;
  position: fixed;
  top: 38px;
  bottom: 0;
  border-left: 1px solid #ccc;
}
/* line 1341, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.big-challenge .translation-pane {
  top: 76px;
}
/* line 1345, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.web .translation-pane.source-container .exampleCode-container {
  display: none;
}
/* line 1349, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.web .translation-pane.source-container #task-instructions-editor {
  /*height: 50%;*/
}
/* line 1354, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.validationMode .solutions-container {
  display: none;
}
/* line 1358, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.validationMode.web .solutions-container {
  display: block;
}
/* line 1362, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.solutionsMode .translation-pane.source-container,
.validationMode .translation-pane.source-container {
  left: 0;
  width: 100%;
}
/* line 1368, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane textarea {
  border: none;
  border-bottom: 1px solid #ccc;
}
/* line 1373, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#task-instructions-editor {
  max-height: 50%;
}
/* line 1377, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .code-container {
  position: relative;
}
/* line 1381, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .editor-container {
  position: absolute;
  width: 100%;
}
/* line 1386, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.output.messages .hints-container,
.translation-pane.output.questions .hints-container {
  display: none;
}
/* line 1391, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.output.questions .instructions-container {
  max-height: 35%;
}
/* line 1395, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.messages.source-container #objective-editor,
.messages.source-container .code-container {
  display: none;
}
/* line 1400, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.messages #task-instructions-editor {
  height: 100%;
  max-height: 100%;
  display: block;
}
/* line 1406, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation .translation-pane .code {
  position: relative;
  width: 100%;
  position: absolute;
  top: 24px;
  bottom: 0;
  height: auto;
}
/* line 1415, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane:not(.messages) #instructions-editor {
  top: 53px;
}
/* line 1419, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .hints-container {
  height: 125px;
}
/* line 1423, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .header {
  background-color: #ddd;
  color: white;
  font-size: 14px;
  height: 24px !important;
  line-height: 24px;
  padding: 0 10px;
}
/* line 1432, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .instructions {
  padding-top: 6px;
}
/* line 1436, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.rtl .translation-pane .instructions {
  direction: rtl;
}
/* line 1440, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .instructions-container {
  border-top: 1px solid #eee;
  border-radius: 0;
  overflow-y: auto;
}
/* line 1446, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.rtl .translation-pane textarea {
  direction: rtl;
}
/* line 1450, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.rtl #source-editor {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  direction: ltr;
}
/* line 1455, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.rtl #objective-editor {
  overflow-y: hidden;
}
/* line 1459, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane textarea {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0;
  padding: 5px 10px;
  resize: none;
  display: block;
}
/* line 1469, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.source-container .objective {
  margin: 0;
  /*padding: 3px 10px;
    	font-size: 14px;*/
}
/* line 1475, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .instructions-container {
  max-height: 50%;
}
/* line 1479, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane .questions .instructions-container {
  max-height: 50%;
}
/* line 1483, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation .translation-pane.output .code {
  top: 24px;
  bottom: 0;
  height: auto;
}
/* line 1489, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.output {
  left: 0;
  width: 490px;
}
/* line 1494, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.source-container {
  left: 490px;
  right: 0;
  width: auto;
}
/* line 1500, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.output .code-container {
  border-bottom: 1px solid #ccc;
}
/* line 1504, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation-pane.output .code-container {
  position: relative;
}
/* line 1508, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation #tasks-toolbar {
  display: inline-block !important;
  width: 100%;
  left: 10px;
}
/* line 1514, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
li code.multi {
  vertical-align: top;
}
/* line 1518, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#glossary-dialog code.multi {
  padding: 3px;
}
/* line 1524, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#reference .syntax {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
/* line 1537, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#reference .label {
  color: #ddd;
  font-size: smaller;
  margin-bottom: 4px;
  margin-top: 8px;
}
/* line 1546, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
span.ui-icon[button] {
  display: inline-block;
  text-align: center;
  vertical-align: text-bottom;
}
/* line 1552, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
span[target],
span.button-link,
span.button-gloss,
code {
  white-space: nowrap;
}
/* line 1559, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.reference-name code {
  white-space: normal;
}
/*.results-overlay span.button-link .ui-icon:before {
  line-height: 1.5em;
}*/
/* line 1569, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.extra span.button-link {
  font-size: inherit !important;
}
/* line 1573, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
span.button-link.text {
  padding: 0;
  padding-right: 6px;
  line-height: 1.5em;
  text-transform: capitalize;
}
/* line 1580, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
span.button-link.text:not(.icon) {
  padding-left: 6px;
}
/* line 1585, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .button-gloss.used {
  opacity: .40;
}
/* line 1589, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.box-label {
  color: #777;
}
/* line 1593, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#menu,
.content {
  background-color: white;
  /*#EFF7F8; #d9eef2;*/
  color: #464646;
  /*#7a7e81;*/
  /*background-color: #E3F1FA #d5f5ff; #d6ffe5;
  color: #333;
  background-color: #e8e8e8;
  */
}
/* line 1605, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
th.progress-container {
  color: #04131D;
}
/* line 1618, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.score.passed {
  cursor: default;
}
/* line 1622, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#example-toolbar {
  /*background-color: #04131D;*/
  box-shadow: none;
  min-width: 300px;
  /*This is needed for when the example code guider is shown*/
}
/* line 1629, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#example-toolbar .toolbar {
  min-width: 72px;
  /*This is a hack for Opera 12*/
}
/* line 1634, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#example-toolbar .label {
  color: white;
  line-height: 35px;
  padding-left: 10px;
  font-size: 14px;
}
/* line 1641, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#example-editor pre {
  padding: 6px 10px;
  margin: 0;
  background-color: #eee;
}
/* line 1647, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
code.multi {
  display: inline-block;
  /*line-height: 13px;*/
  /*padding: 5px;*/
  line-height: 18px;
  margin-top: 10px;
  /*padding-left: 10px !important;
      padding-right: 10px !important;*/
}
/* line 1658, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
code {
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
}
/* line 1664, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console code.multi {
  display: block;
}
/* line 1668, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.dark code,
.info code {
  color: #333;
}
/* line 1672, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.dark code,
.info code,
.gloss.popover code,
span[target],
.info span[target] {
  background-color: #fafafa;
  padding-left: 2px;
  padding-right: 2px;
  color: #464646;
  /*Makes code prettyprint not work !important;*/
  border-radius: 1px;
}
/* line 1688, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.-dark span[target],
.-dark .info span[target] {
  background-color: rgba(255, 255, 255, 0.1);
}
/* line 1694, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.task-steps code {
  background-color: #f8f8f8;
}
/* line 1698, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.objective code {
  background-color: white;
  border-bottom: 1px solid #eee;
}
/* line 1703, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.results-overlay code {
  background-color: rgba(255, 255, 255, 0.85);
  color: #464646;
  padding: 0 2px;
}
/* line 1709, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info code.linenums {
  background-color: white;
}
/* line 1713, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#reference .syntax-container {
  background-color: #f8f8f8;
}
/* line 1717, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#fileTreeItemPreview .example-code {
  display: block;
  text-align: left;
}
/* line 1722, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .example-code.border {
  border: none;
}
/* line 1726, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style ol.linenums li:hover {
  /*Important for the lesson editor*/
  background: rgba(0, 0, 0, 0.04) !important;
}
/* line 1731, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossInfo-dialog p,
.instructions p {
  margin: 7px auto 0;
}
/* line 1736, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
pre,
code {
  /*font-weight: normal;*/
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 1em /*!important*/;
  padding-left: 0;
  padding-right: 0;
}
/* line 1744, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console strong {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  color: #7a7e81;
  font-weight: 700;
  padding: 0 2px;
}
/* line 1752, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.extra [target] {
  /*font-size: 11px !important;*/
}
/* line 1756, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.gloss.popover code,
#reference .syntax-container {
  font-size: 13px !important;
  padding: 1px 2px;
}
/* line 1761, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info code em {
  background-color: #A1DAFF;
  font-style: normal;
  font-weight: normal;
}
/* line 1767, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions code,
.message code,
#glossary-dialog code {
  white-space: pre;
  overflow-x: auto;
  overflow-y: hidden;
  /*Must be hidden to hide the vertical scrollbar*/
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0 !important;
  vertical-align: middle;
  line-height: 1em;
  padding-bottom: .1em;
  padding-top: .1em;
}
/* line 1783, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#reference .syntax-container {
  border: solid 1px #666;
  padding: 5px;
  border-radius: 1px;
}
/* line 1789, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossInfo-dialog p,
.info p {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0.5em;
  margin-bottom: 0.5em !important;
  margin-top: 0 !important;
}
/* line 1797, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossInfo-dialog p:last-of-type,
.info p:last-of-type {
  margin-bottom: 0;
}
/*.info p:first-of-type {
  margin-top: 0.5em !important;
}*/
/* line 1806, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console p {
  -webkit-margin-after: .5em;
  -webkit-margin-before: .5em;
}
/* line 1811, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.glossary-dialog .info p {
  -webkit-margin-after: 0em;
  -webkit-margin-before: 0em;
  padding: 0.5em;
  border-bottom: 1px solid #ddd;
}
/* line 1818, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info em,
.gloss em {
  font-weight: bold;
  font-style: normal;
}
/* line 1824, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#code {
  position: inherit;
}
/*FRAMEWORK*/
/* line 1830, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#background-filter {
  filter: alpha(opacity=10);
  opacity: 0.10;
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background-color: #333;*/
}
/* line 1843, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.extra.space {
  padding-bottom: 12px;
}
/* line 1847, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.extra {
  /*font-size: 13px !important;*/
  display: block;
  padding-bottom: 12px;
}
/* line 1853, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#results-box .extra p {
  font-size: smaller !important;
  /*This is needed for messages in the web course*/
  line-height: 1.5em;
}
/* line 1860, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.results-overlay .extra {
  text-align: center;
}
/* line 1864, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html #results .extra {
  font-size: smaller !important;
}
/* line 1868, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .demo-container {
  margin-left: 2px;
  margin-right: 0;
  margin-top: -10px;
  float: right;
  white-space: normal;
}
/* line 1876, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .demo-container .demo {
  padding: 0;
}
/* line 1880, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .demo-container .header {
  background-color: #aaa;
  text-align: center;
}
/* line 1888, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.container-label {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
/* line 1893, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation #status-bar,
.presentation .side-toolbar {
  display: none !important;
}
/* line 1898, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation .ace_editor {
  font-size: 18px;
  /*Important breaks font-size changing*/
}
/* line 1903, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.editor,
.console,
.jqconsole,
.content,
.instructions,
#menu,
#main .badges,
.menu div.next,
.game,
.demo-container,
#review-game-dialog div.options,
#review-game-dialog .question.dark,
.gloss-hover {
  border-radius: 0;
}
/* line 1909, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.training.wide #editor-label,
.html #results-label,
#side-toolbar .side-toolbar-label {
  border-radius: 0 0 2px 2px;
}
/* line 1915, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ide #tasks-toolbar {
  display: none !important;
}
/* line 1919, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ide #leaderboard-label,
#file-explorer-label {
  display: none;
}
/* line 1924, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ide #file-explorer-label {
  display: initial;
}
/* line 1928, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html #bonus-bar-container {
  display: none;
}
/* line 1932, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html #results-label {
  left: 325px;
}
/* line 1936, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.training.wide #editor-label {
  text-align: center;
  width: 100px;
}
/* line 1941, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.editor.read-only .ace_scroller,
.editor.read-only {
  background-color: #e4e4e4;
}
/* line 1945, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[target='.console'],
.console {
  background-color: #f8f8f8;
}
/* line 1949, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console.focus-container {
  background-color: white;
}
/*.main.main2 {
  top: 36px;
  visibility: hidden;

  margin-left: 10px;
  margin-right: 10px;
  min-width: 840px;
  padding: 0;

  position: relative;

  border: 0px solid #479AD0;
  box-shadow: 0 0 10px 1px #316C90;

  background: none;
  box-shadow: none;
}

.info-page .main.main2 {
  margin-left: auto;
  margin-right: auto;
  min-width: 800px;
  top: 0;
  width: 800px;
}*/
/* line 1979, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .main.activity {
  max-width: 100%;
  min-width: 90%;
  padding: 0 !important;
}
/* line 1985, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .main.no-menu {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
/* line 1991, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .main.floating-menu {
  top: 0;
  width: auto;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  min-width: 500px;
}
/*.ca-style .floating-menu h1 {
  font-size: 20px;
  color: #080808;
  line-height: 1.5em;
  font-weight: normal;
}*/
/* line 2007, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.templates,
.template,
.template-snippet {
  display: none;
}
/* line 2013, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main.floating-menu #menu {
  max-width: 730px;
  margin-left: 200px;
}
/* line 2018, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main.floating-menu #container {
  /*padding-bottom: 95px;*/
}
/* line 2022, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float ul,
.main #container {
  background-color: #EEE;
}
/* line 2027, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main.floating-menu #menu {
  border-left: 1px solid #eee;
}
/* line 2031, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float {
  background-color: #fcfcfc;
  border-top: 1px solid #eee;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 60px;
  width: 200px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #eee;
}
/* line 2045, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki .main nav.float {
  opacity: .5;
  top: 50px;
}
/* line 2050, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main.no-menu nav.float {
  display: none;
}
/* line 2054, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float a {
  border: none;
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
  width: 100%;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 2065, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float ul {
  margin: 0;
  padding: 0;
  color: #464646;
  list-style: none;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .4px;
  padding-bottom: 100px;
}
/* line 2076, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float li:hover:not(.active) a {
  color: #DB1222 !important;
  /*white;*/
}
/* line 2081, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float li.active {
  background: #e22242;
  background: -moz-linear-gradient(-45deg, #e22242 0%, #e22242 44%, #eb3c36 71%, #f65214 100%);
  background: -webkit-linear-gradient(-45deg, #e22242 0%, #e22242 44%, #eb3c36 71%, #f65214 100%);
  background: linear-gradient(135deg, #e22242 0%, #e22242 44%, #eb3c36 71%, #f65214 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e22242', endColorstr='#f65214', GradientType=1);
  /*#EAF5FA;*/
}
/* line 2090, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float li a {
  color: #666;
  line-height: 1.6em;
  font: 12px 'museo-sans-rounded', sans-serif;
}
/* line 2096, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.role-admin nav.float a.h1 {
  font-weight: 600;
  padding-bottom: 6px;
  padding-top: 12px;
}
/* line 2102, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.role-admin nav.float li a.h2 {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  margin-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*.role-admin nav.float li a.h2:before {
  content: '\2014';
}*/
/* line 2115, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float li.active a {
  color: white;
}
/* line 2120, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main nav.float li {
  margin: 0;
  padding: 0;
}
/* line 2125, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
nav.float h1 {
  margin: 0;
  padding: 10px 0 10px 10px;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: white !important;
  background-color: #666;
}
/*.showCanvas .main {
	max-width: 1400px;
}*/
/* line 2139, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fullscreen .main.floating-menu #menu {
  margin: 0;
  padding-left: 20px !important;
  padding-right: 10px !important;
}
@media (max-width: 1000px) {
  /* line 2146, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .info-page .main.floating-menu {
    min-width: 500px !important;
  }
  /* line 2150, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main nav.float a {
    padding: 14px 0 14px 14px;
  }
  /* line 2154, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main nav.float {
    width: 302px;
  }
  /* line 2158, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main.floating-menu #menu {
    margin-left: 302px;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  /* line 2164, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  #menu .feature {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 820px) {
  /* line 2178, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main nav.float {
    width: 220px;
  }
  /* line 2182, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main.floating-menu #menu {
    margin-left: 220px;
  }
}
@media (max-width: 700px) {
  /* line 2188, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main nav.float {
    display: none;
  }
  /* line 2192, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main.floating-menu #menu {
    margin-left: 0;
  }
}
/* line 2197, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.adminMode .main {
  background: rgba(231, 246, 241, 0.5) !important;
  opacity: 0.95;
}
/* line 2202, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.adminMode #status-bar {
  opacity: .95;
}
/* line 2206, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.adminMode {
  background-color: #ef5555 !important;
}
/* line 2210, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.adminMode .instructions-container,
.adminMode .container-label {
  opacity: 0.5 !important;
}
/* line 2216, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.course .side-toolbar {
  display: none;
}
/* line 2220, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.presentation #main.html,
.presentation #main.training {
  top: 10px;
  bottom: 10px;
  left: 0;
  margin: 0;
  right: 0;
  overflow: hidden;
}
/* line 2230, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ie #main.html,
.ie #main.training {
  /*This IE hack is needed to prevent scroll bars appearing*/
  overflow-y: initial;
}
/* line 2235, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ie10 #main.html,
.ie10 #main.training {
  /*This IE hack is needed to prevent scroll bars appearing*/
  overflow-y: hidden;
}
/* line 2240, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fb-login-button {
  display: inline-block;
  top: 2px;
  position: relative;
}
/* line 2246, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.score {
  background-color: #f8f8f8;
  color: #b5b5b5;
  display: inline-block;
  font-size: 20px;
  line-height: 36px;
  min-width: 50px !important;
  padding: 0px 5px !important;
  text-align: right;
}
/* line 2257, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.score.passed {
  color: #7a7e81;
}
/* line 2261, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.codename-container {
  padding-top: 3px;
}
/* line 2265, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#status-bar {
  display: none;
}
/* line 2269, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.status #status-bar {
  display: block;
  overflow: visible;
}
/* line 2274, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.demo #info,
.demo #status-bar {
  display: none !important;
}
/* line 2279, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.default-font,
.ui-dialog-title,
#ca-message,
.ui-button,
.message h3,
.score {
  font-family: 'museo-sans-rounded', sans-serif;
  font-weight: normal;
}
/* line 2289, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.container-label,
.tasks-label,
.ca-style h1 {
  font-weight: bold;
  color: #1F455C;
}
/* line 2296, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.side-toolbar-label {
  background-color: #011017;
  background-color: white;
  border: 1px solid rgba(3, 46, 66, 0.5);
}
/* line 2302, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.side-toolbar-label.selected {
  color: #E3F1FA !important;
  opacity: 0.75;
}
/* line 2307, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#code h1 {
  display: none;
  position: absolute;
}
/* line 2312, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#title,
#code h1,
.container-label {
  /*font-family: monospace;*/
  margin-top: 0;
  margin-bottom: 0;
  /*padding-left: 45px;*/
  padding-bottom: 5px;
  /*so the bottom of the image shows on FF3*/
  font-size: 20px;
  line-height: 30px;
}
/* line 2323, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#title {
  position: absolute;
  left: 40px;
  right: 0;
  line-height: 36px;
  font-size: 22px;
  z-index: -1;
  /*display: inline-block;
      width: 760px; Each page has a different width
      margin: auto;
      text-align: left;*/
}
/* line 2337, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.title-container .label {
  display: none;
}
/* line 2341, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.status .title-container .label {
  top: -8px;
  position: relative;
}
/* line 2346, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.title-container {
  margin-left: 10px;
}
/* line 2350, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.tasks-label {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
}
/* line 2358, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.training.wide .tasks-label {
  display: none;
}
/* line 2363, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#index-container {
  display: none;
}
/* line 2367, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.status #title,
.index #title {
  display: none;
}
/* line 2371, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
select.dark,
.dark select {
  background-color: #04131D;
  color: #E3F1FA;
  /*font-family: Aldrich, Helvetica, Arial, sans-serif;*/
  cursor: pointer;
  border: 1px solid #032E42;
}
/* line 2380, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.index #index-container {
  display: block;
  position: absolute;
  left: 35px;
  text-align: left;
  z-index: -1;
  padding: 0 50px;
}
/* line 2389, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style header {
  position: relative;
  margin-bottom: 10px;
}
/* line 2394, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style header h1 {
  position: relative;
  top: 5px;
}
/* line 2403, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.crawler .instructions-container {
  height: 55%;
}
/* line 2407, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.crawler .code {
  height: 45%;
  bottom: 0;
  background-color: #eee;
  position: absolute;
  left: 0;
  right: 0;
  padding: 10px 20px;
  white-space: pre;
}
/* line 2422, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.status #container {
  padding-top: 0px;
}
/*UI Elements*/
/* line 2428, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#reference {
  max-height: 500px;
}
/* line 2432, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#reference .summary {
  margin-bottom: 4px;
}
/* line 2436, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#reference .param {
  margin-bottom: 4px;
}
/* line 2440, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .continue button {
  font-size: 1.0em !important;
}
/* line 2444, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#console .error,
#console .error .message {
  color: #888 !important;
}
/* line 2448, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.retry {
  box-shadow: #032e42 0 0 500px 100px inset;
  transition: all 0.7s linear;
  opacity: .03;
}
/* line 2454, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ace_error,
.ace_warning {
  cursor: default;
}
/* line 2458, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info span.ui-icon,
*[button],
*[target] {
  cursor: pointer;
}
/*.code .ui-button.ui-state-disabled {
  opacity: 0.3;
}*/
/* line 2467, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code .ui-button {
  top: 0px;
  z-index: 998;
}
/* line 2472, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.example button {
  opacity: 0.7;
}
/* line 2476, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .ui-button,
.ui-dialog-buttonpane .ui-button {
  min-width: 60px;
  min-height: 36px;
  font-size: 11px;
}
/* line 2483, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .help .ui-button {
  font-size: 1.0em;
}
/* line 2487, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button .ui-button-text {
  line-height: 1.8;
}
/* line 2491, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button-text-only .ui-button-text {
  padding: .6em .8em;
}
/* line 2497, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.button-container .ui-button,
#status.score {
  min-width: 70px;
  vertical-align: top;
  margin: 0 3px;
  min-height: 100%;
  padding: 0 12px;
}
/* line 2506, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button {
  min-width: 0;
}
/* line 2510, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.button-container .ui-button {
  min-height: 36px;
}
/* line 2514, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#play-button {
  margin-left: 0;
}
/* line 2518, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.code-toolbar .next-button,
.code-toolbar .execute-button {
  padding: 0 8px !important;
}
/* line 2523, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button-text-icon-primary,
.toolbar .ui-button-text-icon-primary .ui-button-text,
.toolbar .ui-button-text-icons .ui-button-text,
.toolbar .ui-button-text-only .ui-button-text {
  padding: .1em .1em;
  display: inline-block;
  vertical-align: middle;
}
/* line 2532, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button-text-icon-primary .ui-button-text {
  padding-left: .3em;
  /*Push the text down to account for the all caps*/
  padding-top: .3em;
}
/*This is needed to center on Opera
http://css-tricks.com/centering-in-the-unknown*/
/* line 2541, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar button {
  height: 36px;
  text-align: center;
}
/* line 2546, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button-text-icon-primary .ui-icon,
.toolbar .ui-button-text-icons .ui-icon {
  margin-top: 0;
  margin-right: 3px;
  position: static;
  top: auto;
  display: inline-block;
  vertical-align: middle;
}
/* line 2557, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0;
  /*Adjusts for spacing*/
}
/* line 2566, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.task-button {
  vertical-align: top;
}
/* line 2570, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fullscreen-button.ui-button {
  min-width: 40px !important;
}
/* line 2574, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.visibleSidePanel .code-toolbar .ui-button,
.training .button-container .ui-button-icon-only,
.training .button-container button.task-button {
  min-width: 36px !important;
}
/*STATUS BAR*/
/* line 2582, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar-container {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 2588, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.training.wide .toolbar-container {
  right: -120px;
}
/* line 2592, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.audio-container {
  display: none;
}
/* line 2596, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .audio-container {
  display: block;
}
/* line 2600, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .audio-container audio {
  width: 200px;
  height: 32px;
  display: inline-block;
}
/* line 2606, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.popover .inner,
.ui-widget-content {
  /*border-color: rgb(3, 46, 66);
      border-color: rgb(25, 39, 44);*/
  border: none;
}
/* line 2614, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.status-bar-container {
  margin-left: 3px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  display: inline-block;
  height: 100%;
}
/* line 2624, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.bonus-bar {
  width: 160px;
  height: 30px;
  display: inline-block;
  position: relative;
  border-left: solid 1px rgba(144, 204, 233, 0.4);
}
/* line 2632, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.bonus-bar .marker {
  width: 20%;
  height: 100%;
  display: inline-block;
  border-right: solid 1px rgba(144, 204, 233, 0.4);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: rgba(144, 204, 233, 0.8);
  text-align: center;
  line-height: 30px;
  font-size: 13px;
}
/* line 2645, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.bonus-bar .bar {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  transition: width linear 1s;
}
/* line 2654, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main .menu .ui-button {
  min-width: 37px;
  min-height: 37px;
}
/* line 2659, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.results-overlay .message {
  color: white;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}
/* line 2665, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
table .progress-container .lesson {
  border-left: none;
  border-right: 1px dotted #333;
}
/* line 2670, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.audio-container a {
  color: #aaa;
}
/* line 2674, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.error-message,
.toolbar .ui-button {
  color: #a5a5a5;
  background-color: white;
}
/* line 2681, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button {
  cursor: pointer;
  color: white;
  font-weight: 700;
  border-radius: 3px;
  opacity: .8;
}
/* line 2690, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
table .ui-button,
.toolbar .lesson {
  background-color: rgba(25, 0, 0, 0.1);
  background-image: none;
  /*border-right: 1px solid rgba(255,255,255, 0.2);*/
  border-left: 1px solid rgba(200, 200, 200, 0.3);
  border-right: none;
  border-top: none;
  border-bottom: none;
  border-radius: 0 !important;
}
/* line 2704, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button {
  background-color: white;
}
/* line 2710, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button:not(.ui-button-disabled) {
  cursor: pointer;
}
/* line 2715, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.error-message {
  background-color: #DB1222;
  color: white;
  background-repeat: repeat-x;
}
/* line 2721, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#ca-message {
  background-color: white;
  background-repeat: repeat-x;
  margin-bottom: 6px;
}
/* line 2728, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .passed {
  background-color: inherit;
  background-image: inherit;
}
/* line 2733, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toggle.ui-button.checked {
  /*color: rgb(182, 255, 249);*/
  background-color: #DB1222 !important;
  /*box-shadow: rgb(182, 255, 249) 0px 0px 3px 2px inset;*/
}
/*button.ui-button.ui-button-disabled .ui-button-text {
  color: #999;
}*/
/* line 2745, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button.ui-button-disabled {
  opacity: 1;
  background-color: white;
  background-repeat: repeat-x;
  color: #d6d6d6;
  /*#888;*/
}
/* line 2753, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  vertical-align: middle;
}
/*.output-ui .ui-button {
  min-width: 100px;
}*/
/* line 2764, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .output-ui .button-container {
  border-radius: 5px;
  overflow: hidden;
}
/* line 2769, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .output-ui .ui-button {
  background-color: #b5b5b5;
  background-color: transparent;
  font-size: 18px;
  font-weight: bold;
  height: 100%;
  width: 50%;
  cursor: pointer;
  opacity: .8;
  transition: opacity .5s;
}
/* line 28, C:\Users\Michael\workspace\CodeAvengers\war\less\modules\variables.less */
.ui-dialog .output-ui .ui-button:hover {
  opacity: 1;
}
/* line 2779, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .output-ui .ui-button .ui-button-text {
  border-bottom: 2px solid transparent;
  padding: 0;
}
/* line 2784, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .output-ui .ui-button.current .ui-button-text {
  border-bottom-color: #666;
}
/* line 2793, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.menu .ui-button.ui-button-disabled {
  color: #888;
}
/*.video.modal-dialog iframe,
.video.modal-dialog object {
	opacity: 0;
	transition: opacity linear 1s;
}*/
/* line 2803, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.video-wrapper {
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  margin-top: 24px;
}
/* line 2811, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 2819, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.sublimevideo-View {
  overflow: hidden;
}
/* line 2823, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.video.modal-dialog .ui-dialog-content {
  padding: 0;
  /*overflow: hidden !important;*/
  margin: 0;
}
/* line 2829, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.video.modal-dialog .ui-dialog-buttonpane {
  margin-top: 0;
}
/* line 2840, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.other-data .button-container {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
}
/* line 2849, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.other-data .toolbar {
  min-height: 0;
}
/* line 2853, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.other-data .toolbar button {
  height: 24px;
}
/* line 2857, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.introVideo .objective .button-container {
  display: block;
}
/* line 2861, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.lessonNotes #lessonNotes-button,
body.introVideo #introVideo-button {
  display: inline-block;
}
/* line 2866, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.guide #guide-button {
  display: inline-block;
}
/* line 2872, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.other-data .button-container {
  display: inline-block;
}
/* line 2876, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.other-data .button-container .ui-button {
  min-height: 22px;
}
/* line 2880, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.other-data .button-container .ui-button * {
  padding: 0;
}
/* line 2884, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.objective,
.label-value {
  font-size: 14px;
}
/* line 2890, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.element-label {
  background-color: white;
  border-top: 2px solid #ec6262;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  bottom: 0;
  color: #686868;
  display: none;
  font-size: 10px;
  font-weight: 700;
  left: 10px;
  letter-spacing: .4px;
  padding: 10px 12px;
  position: absolute;
  text-transform: uppercase;
  top: -36px;
  height: 36px;
}
/* line 2909, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ide #editor-toolbar .project-label {
  bottom: 0;
  display: block;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  letter-spacing: 0;
  top: auto;
}
/* line 2917, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.element-label {
  display: inline-block;
  top: auto;
}
/* line 2922, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#example .toolbar > .multiline-toolbar {
  float: right;
}
/* line 2927, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.guiders_highlight {
  box-shadow: 0 0 3px 1px #fa5f5f inset !important;
  opacity: 1 !important;
}
/* line 2933, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .label {
  margin-right: 10px;
}
/* line 2937, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container {
  color: #888;
  height: 36px;
  z-index: 1000;
  padding: 0;
}
/* line 2944, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.status-container {
  display: inline-block;
}
/* line 2948, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress {
  display: inline-block;
  height: 30px;
  vertical-align: top;
}
/* line 2955, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress {
  text-shadow: 0 1px 0 #111;
  width: 100%;
  border-radius: 0;
  font-size: small;
  text-align: center;
}
/* line 2963, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin .progress-container .progress {
  font-size: smaller;
}
/* line 2967, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin .progress-container .progress,
.admin td .ui-button {
  background-color: #464646;
}
/* line 2972, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#web-list-container .progress-container .module {
  width: 100%;
}
/* line 2976, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin-list-container tr > * {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
/* line 2981, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .module {
  margin: 0;
  padding: 0;
  width: 25%;
  height: 30px;
  margin-top: 0px;
  border-left: black solid 0px;
}
/* line 2991, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .lesson,
.progress-container .module {
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
/* line 2998, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .first {
  border-left-color: #333;
}
/* line 3002, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .lesson {
  width: 10%;
  height: 100%;
  line-height: 30px;
}
/* line 3008, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.file-preview {
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 3px;
  margin-left: 3px;
}
/* line 3016, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.file-preview img {
  max-height: 120px;
}
/* line 3020, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.loading-icons {
  display: none;
}
/* line 3024, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#ca-message,
.time-remaining {
  background-color: #161616;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #eee;
  font-size: 64px;
  font-weight: 300;
  padding: 60px;
  /*This needs to be higher than the guiders*/
  z-index: 100000008 !important;
  text-align: center;
  /*border-bottom-color: rgba(15, 38, 61, 0.6);
    	border-bottom-style: solid;
    	border-bottom-width: 2px;
    	border-top-color: rgba(15, 38, 61, 0.6);
    	border-top-style: solid;
    	border-top-width: 2px;*/
  background-image: none;
  /*text-shadow: 0 0 10px #479AD0;*/
  border-radius: 0;
  font-family: 'museo-sans-rounded', sans-serif;
  width: 105%;
  min-width: 105%;
  position: fixed;
}
/* line 3055, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.dev-mode #ca-message,
.dev-mode .time-remaining {
  background-color: rgba(60, 60, 60, 0.5);
}
/* line 3060, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#ca-message.loading {
  /*This is needed for centering the message*/
  min-height: 4em;
}
/* line 3065, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.visual-exercise #ca-message {
  opacity: 0.4;
}
/* line 3069, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#ca-message .text {
  display: block;
  max-width: 1200px;
  margin: auto;
  text-align: center;
}
/* line 3076, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.time-remaining {
  position: fixed;
  bottom: 0;
  height: 100px;
  text-align: left;
  padding: 5px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* line 3088, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .lesson,
.progress-container .module {
  display: inline-block;
}
/*Forms for changing options*/
/* line 3095, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form.ui-widget .label {
  display: inline-block;
  width: 40%;
  font-weight: 600;
  text-align: left;
}
/* line 3107, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
html {
  margin: 0;
  padding: 0;
}
/* line 3112, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#wiki-editor {
  display: none;
  resize: none;
  font-family: monospace;
}
/* line 3121, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki #wiki-editor {
  bottom: 0;
  display: block;
  font-size: 16px;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 106px;
  width: 40%;
}
/* line 3132, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki .text-editor {
  display: none;
  bottom: 100%;
  width: 100%;
}
/* line 3137, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki .text-editor_tabs {
  background-color: #eee;
  min-height: 36px;
  border-bottom: 1px solid #ddd;
  max-width: 100%;
}
/* line 3144, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki .text-editor_code {
  bottom: 0;
  display: block;
  font-size: 16px;
  left: 0;
  position: absolute;
  right: 0;
  top: 36px;
}
/* line 3157, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.handlebars-mode .text-editor {
  display: block;
}
/* line 3161, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.handlebars-mode #wiki-editor {
  width: 50% !important;
}
/* line 3165, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.handlebars-mode #outer-container {
  width: 50% !important;
  overflow: hidden !important;
}
/* line 3170, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.handlebars-mode #inner-container {
  display: none;
}
/* line 3174, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.handlebars-mode .text-editor_tab {
  background-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid transparent;
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  padding: 8px;
}
/* line 3185, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.handlebars-mode .text-editor_tab.is-selected {
  background-color: white;
  border-color: #ccc;
  color: #333;
}
/* line 3192, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.handlebars-mode .text-editor_tabs {
  padding-top: 6px;
}
/* line 3197, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki #caLogo {
  transition: all 1000ms;
}
/* line 3201, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki.needs-save #caLogo2,
.wiki.needs-save #caLogo {
  -webkit-filter: sepia(100%) contrast(200%) saturate(3) brightness(0.6) hue-rotate(310deg);
}
/* line 3206, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#inner-container {
  position: relative;
  margin: 0 auto;
}
/* line 3211, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page #inner-container {
  background-color: #e1e1e1;
}
/* line 3216, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style {
  font-weight: 300;
  font: 'museo-sans-rounded', sans-serif;
}
/* line 3219, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style.help {
  margin-top: 0;
  padding-top: 1px;
}
/* line 3226, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style p {
  /*font-size: @size-p;*/
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 12px;
  margin-top: 12px;
}
/* line 3234, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style ol,
.ca-style ul {
  /*font-size: @size-p;*/
  font-weight: 300;
  line-height: 1.5em;
  padding-left: 30px;
  margin-bottom: 12px;
}
/* line 3243, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style b {
  font-weight: 500;
}
/* line 3247, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style i {
  font-style: italic;
}
/* line 3253, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.logo-container img {
  border: none;
  margin: 0 5px;
}
/* line 3258, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.logo-container a {
  line-height: 36px;
  vertical-align: top;
  display: inline-block;
}
/* line 3267, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .dark .header a:hover {
  color: #58B9F3;
  border-bottom-color: #58B9F3;
  text-decoration: none;
  /*Offset addition of underline in course outline*/
}
/* line 3274, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .dark .header a {
  border-bottom: 1px dotted #4E585F;
  text-decoration: none;
  transition: all 0.5s;
}
/* line 3280, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .dark .header a:active {
  opacity: 0.5;
}
/* line 3284, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .dark .header a {
  color: #A8DDFF;
}
/* line 3288, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .lesson.started {
  /*background-color: #555;
      color: #002326;
      text-shadow: 0px 1px 0px #888;*/
}
/*.progress-container .lesson:hover .bar{
  opacity: 0.3;
}*/
/* line 3298, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .bar {
  opacity: 0.75;
}
/* line 3302, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.progress-container .progress .current .bar {
  opacity: 0.5;
}
/* line 3306, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.submit.ui-button {
  font-size: 18px !important;
  margin-top: 12px;
  margin-bottom: 12px;
  min-width: 250px;
}
/* line 3313, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style button.submit,
.ca-style [type="submit"] {
  min-height: 48px;
  margin-bottom: 24px;
  font-size: medium !important;
  width: 320px;
}
/* line 3321, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form .field,
form input[type="email"],
form input[type="number"],
form input[type="password"],
form input[type="text"],
form input[type="tel"],
form input[type="date"],
form textarea,
form select {
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  margin: 6px 0;
  padding: 12px;
}
/* line 3336, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form input[type="number"] {
  width: 80px;
  margin-right: 12px;
}
/* line 3341, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form .field,
form input[type="color"],
form input[type="email"],
form input[type="password"],
form input[type="text"],
form input[type="tel"],
form input[type="date"],
form button {
  width: 59%;
  min-height: 40px;
}
/* line 3353, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form input:focus {
  background-color: #F0EFFF;
}
/* line 3357, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form textarea {
  width: 100%;
}
/* line 3361, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info [data-gloss="codeavengersFiles"]:not([data-params]),
.info [data-file],
.monospace-data {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-weight: normal;
  white-space: nowrap;
}
/* line 3370, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-tooltip {
  background-color: white;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.4em;
  max-width: 300px;
  padding: 16px;
  position: absolute;
}
/* line 3382, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console .ui-button,
.console .current .ui-button.first,
.ui-button.light,
.help .ui-button {
  background: #ef5555;
  color: white;
  position: relative;
}
/* line 3391, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.bar {
  background: #27a4e4;
  color: white;
  position: relative;
}
/* line 3397, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console .ui-button.completion {
  width: 90%;
}
/* line 3402, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#file-tabs .success {
  border-top: 2px solid #089469 !important;
}
/* line 3408, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#file-tabs .error.current,
#file-tabs .error:hover,
.ui-button.light:hover,
.current .ui-button:not(.ui-state-disabled):hover,
.help .ui-button:hover {
  background-color: #fa5f5f;
  color: white;
}
/* line 3417, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#file-tabs .error {
  background-color: #FEDBDB;
}
/* line 3421, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
button:hover {
  z-index: 1000 !important;
}
/* line 3426, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-boxes {
  top: -44px;
}
/* line 3430, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.nav.ui-button {
  border: none;
}
/* line 3434, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.nav.back:after {
  content: '';
  position: absolute;
  height: 50%;
  width: 15px;
  border-left: solid 0px rgba(2, 22, 31, 0.4);
  left: -8px;
  top: 1px;
  -webkit-transform: skew(-35deg, 0);
  -moz-transform: skew(-35deg, 0);
  -o-transform: skew(-35deg, 0);
  -ms-transform: skew(-35deg, 0);
  transform: skew(-35deg, 0);
}
/* line 3451, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.nav.back:before {
  content: '';
  position: absolute;
  height: 48%;
  width: 15px;
  border-left: solid 0px rgba(2, 22, 31, 0.4);
  bottom: 1px;
  left: -8px;
  -webkit-transform: skew(35deg, 0);
  -moz-transform: skew(35deg, 0);
  -o-transform: skew(35deg, 0);
  -ms-transform: skew(35deg, 0);
  transform: skew(35deg, 0);
}
/* Next Button */
/* line 3468, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.nav.next {
  border-right: none;
}
/* line 3472, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.nav.next:after {
  content: '';
  position: absolute;
  height: 48%;
  width: 15px;
  border-right: solid 0px rgba(2, 22, 31, 0.4);
  right: -8px;
  bottom: 1px;
  -webkit-transform: skew(-35deg, 0);
  -moz-transform: skew(-35deg, 0);
  -o-transform: skew(-35deg, 0);
  -ms-transform: skew(-35deg, 0);
  transform: skew(-35deg, 0);
}
/* line 3489, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.nav.next:before {
  content: '';
  position: absolute;
  height: 50%;
  width: 15px;
  border-right: solid 0px rgba(2, 22, 31, 0.4);
  top: 1px;
  right: -8px;
  -webkit-transform: skew(35deg, 0);
  -moz-transform: skew(35deg, 0);
  -o-transform: skew(35deg, 0);
  -ms-transform: skew(35deg, 0);
  transform: skew(35deg, 0);
}
/* line 3518, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.container-label {
  z-index: 0;
  position: absolute;
  left: 1px;
  bottom: 0;
  padding: 2px 5px 0px 5px;
  text-shadow: none;
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
}
/* line 3532, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.results-label {
  right: -110px;
  left: initial;
}
/* line 3537, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main .container-label,
.side-toolbar {
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: bottom left;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: bottom left;
  -o-transform: rotate(-90deg);
  -o-transform-origin: bottom left;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: bottom left;
}
/*EMAIL PAGE*/
/* line 3550, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#emailMessage {
  width: 100%;
  height: 300px;
}
/* line 3555, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#emailAllAddresses,
#emailAddresses {
  width: 49%;
  height: 300px;
  display: inline-block;
}
/* line 3562, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.connected {
  display: inline-block;
  font-size: 0;
  margin: 0 3px;
  vertical-align: top;
}
/* line 3568, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.connected .ui-button {
  margin-left: 0;
  border-radius: 0;
  margin-right: 0;
}
/*Can't use first and last child here because sometimes buttons are hidden
The classes are added in the updateButtonStates method
*/
/* line 3578, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.connected .ui-button.first {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
/* line 3583, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.connected .ui-button.last {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
/* line 3588, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin .console {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 0.90em !important;
}
/* line 3593, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin table .codename {
  min-width: 90px;
}
/* line 3597, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.help a.big {
  font-size: larger;
}
/* line 3601, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.editor .ace-tm .ace_line .ace_comment {
  color: #800 !important;
}
/* line 3605, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.editor .ace-tm .ace_gutter_active_line {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 3609, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ace-tm .ace_gutter {
  background-color: white !important;
  color: #a5a5a5 !important;
  border-bottom-left-radius: 5px;
}
/* line 3620, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.javascript .tutor {
  background-repeat: no-repeat;
  background-size: auto 125px;
  background-position: bottom right;
  border: none;
  bottom: 0;
  display: none;
  height: 125px;
  position: absolute;
  right: -10px;
  width: 150px;
}
/* line 3634, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#filenames {
  border: 1px solid #eee;
  border-radius: 5px;
  color: #7a7e81;
  float: left;
  font-size: 14px;
  height: 36px;
  margin: 1px 8px 1px;
  padding: 2px;
  width: 100px;
}
/*body.ide .multiline-toolbar,
body.html.ide .main-toolbar {
  float: right;
}*/
/* line 3652, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.html #editor-toolbar .project-buttons {
  float: right;
}
/* line 3656, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.html #editor-toolbar .project-button {
  display: none;
}
/* line 3660, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.html #filenames {
  width: 120px;
}
/* line 3665, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.ide #editor-toolbar .project-button {
  display: inline-block;
}
/* line 3669, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console .message {
  display: inline-block;
  max-width: 100%;
}
/* line 3674, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.javascript .current .tutor {
  display: inline-block;
}
/* line 3678, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html .results-overlay .message:empty {
  display: none;
}
/* line 3685, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/normal-ada.png);
}
/* line 3689, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-type="error"][data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/tryagain-ada.png);
}
/* line 3693, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="ada"] .pass .current .task-complete .tutor,
[data-type~="success"][data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/smile-ada.png);
}
/* line 3698, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="ada"] .pass .current .lesson-complete .tutor,
[data-type~="complete"][data-tutor="ada"] .tutor {
  background-image: url(/image/tutors/wink-ada.png);
}
/* line 3706, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/normal-holly.png);
}
/* line 3710, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-type="error"][data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/tryagain-holly.png);
}
/* line 3714, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="holly"] .pass .current .task-complete .tutor,
[data-type~="success"][data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/smile-holly.png);
}
/* line 3719, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="holly"] .pass .current .lesson-complete .tutor,
[data-type~="complete"][data-tutor="holly"] .tutor {
  background-image: url(/image/tutors/wink-holly.png);
}
/* line 3728, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/normal-mike.png);
}
/* line 3732, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-type="error"][data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/tryagain-mike.png);
}
/* line 3736, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html .results-overlay[data-type^="console-"] .tutor,
.html .results-overlay[data-type="no-tutor"] .tutor {
  background-image: none !important;
}
/* line 3741, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="mike"] .pass .current .task-complete .tutor,
[data-type~="success"][data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/smile-mike.png);
}
/* line 3746, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="mike"] .pass .current .lesson-complete .tutor,
[data-type~="complete"][data-tutor="mike"] .tutor {
  background-image: url(/image/tutors/wink-mike.png);
}
/* line 3757, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/normal-adam.png);
}
/* line 3761, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-type=error][data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/tryagain-adam.png);
}
/* line 3765, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="adam"] .pass .current .task-complete .tutor,
[data-type=success][data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/smile-adam.png);
}
/* line 3770, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="adam"] .pass .current .lesson-complete .tutor,
[data-type=complete][data-tutor="adam"] .tutor {
  background-image: url(/image/tutors/wink-adam.png);
}
/* line 3779, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/normal-jenna.png);
}
/* line 3783, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-type="error"][data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/tryagain-jenna.png);
}
/* line 3787, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="jenna"] .pass .current .task-complete .tutor,
[data-type="success"][data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/smile-jenna.png);
}
/* line 3792, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
[data-tutor="jenna"] .pass .current .lesson-complete .tutor,
[data-type="complete"][data-tutor="jenna"] .tutor {
  background-image: url(/image/tutors/wink-jenna.png);
}
/* line 3797, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button.beta span {
  background-image: url(/image/beta.png);
  background-repeat: no-repeat;
  background-size: 36px;
}
/* line 3805, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-container .instructions-canvas {
  display: none;
}
/* line 3811, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-content code,
#gloss code,
.example-code {
  font-size: 14px;
  line-height: 1.2em;
  white-space: pre-wrap !important;
}
/* line 3819, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style code.example-code {
  padding: 0;
}
/*This ensures that commas don't wrap*/
/* line 3824, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#gloss code:not(.multi),
.instructions-container code {
  display: inline;
  white-space: pre;
  vertical-align: initial;
}
/* line 3831, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#gloss code.wide {
  display: inline-block;
  white-space: pre-line;
}
/* line 3836, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-container code.wide,
.instructions-container code.multi {
  display: inline-block;
  vertical-align: -0.35em;
}
/* line 3842, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-container code.multi {
  white-space: nowrap;
  width: 100%;
}
/* line 3847, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-container code.multi.scroll {
  overflow-x: auto;
  white-space: pre !important;
}
/* line 3852, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-container code.wide {
  display: block;
  white-space: pre-wrap;
  direction: ltr;
}
/* line 3858, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ide .instructions-container code {
  white-space: pre-wrap !important;
}
/* line 3863, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.example-code .error {
  background-color: #e53c39;
}
/* line 3867, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.example-container {
  background-color: #fff;
  border-radius: 2px;
  color: #04131D;
  cursor: default;
  line-height: 13px;
  max-height: 510px;
  overflow: auto;
  padding: 0 0 0 5px;
  position: absolute;
  right: 10px;
  left: 10px;
  bottom: 0;
  top: 0;
}
/* line 3884, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#css-help {
  z-index: 10000;
  position: absolute;
  border: none;
}
/* line 3890, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#dummy2,
#dummy {
  color: black;
  background: none;
  margin: 0;
}
/* line 3896, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#dummyHtmlCode {
  display: none;
}
/* line 3900, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#dummy2 img {
  border: none;
}
/* line 3904, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#dummyColor {
  color: black;
}
/* line 3908, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#dummyColor2 {
  color: red;
}
@media all and (max-width: 800px) {
  /* line 3914, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main .container-label {
    display: none !important;
  }
  /* line 3918, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .html #input-container {
    width: 680px;
  }
  /* line 3922, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .html .main {
    max-width: 1000px;
    min-width: 1000px;
  }
}
@media all and (max-height: 800px) {
  /* line 3929, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .html .results-overlay .text-container {
    font-size: 14px;
  }
}
/* line 3942, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form #honeypot {
  display: none;
}
/* line 3951, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fullscreen #footer-container,
.fullscreen #status-bar {
  display: none !important;
}
/*Make sure this applies for all screen sizes*/
/* line 3957, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fullscreen #outer-container {
  top: 0 !important;
}
/* line 3961, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fullscreen .main.floating-menu #container {
  padding: 0;
}
/* line 3970, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.translation #main,
#main.reference {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 37px;
  font-size: 16px;
  visibility: visible;
}
/* line 3983, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.big-challenge.translation #main {
  top: 76px;
}
/* line 3987, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main.reference select {
  font-size: 25px;
  height: 48px;
}
/* line 3992, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main.reference select {
  width: 210px;
}
/* line 3996, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main.reference .topics {
  width: 200px;
}
/* line 4000, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main.reference .reference-item {
  margin-bottom: 10px;
}
/* line 4004, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#main.reference .reference-attribute {
  margin-bottom: 6px;
}
/*This stuff is for the country auto-complete*/
/* line 4016, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-autocomplete {
  font-size: 0.8em;
  max-height: 300px;
  overflow-y: auto;
  position: absolute;
  cursor: default;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #d5d5d5;
}
/* line 4028, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-menu {
  display: block;
  float: left;
  list-style: none;
  margin: 0;
  padding: 2px;
}
/* line 4036, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-helper-hidden-accessible {
  position: absolute!important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 4042, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
/* line 4051, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
  color: #7a7e81;
}
/* line 4060, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 4068, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main .banner {
  /*height: 300px;*/
  width: 560px;
  float: left;
}
/* line 4074, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.teacher-info img {
  width: 48%;
  height: 67px;
}
/* line 4080, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.codecamp .iframe-container {
  display: inline-block;
  float: right;
}
/* line 4086, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ide #language-container {
  display: none;
}
/* line 4090, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-mode-container {
  display: none;
}
/* line 4094, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.introVideo #lesson-mode-container {
  display: inline-block;
}
/* line 4098, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#lesson-mode-container select #language-container select {
  color: #7a7a7a;
  border: 1px solid #b5b5b5;
  border-radius: 3px;
}
/*For phones*/
/* line 4108, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#web-menu,
#javascript-menu {
  margin-top: 12px;
}
/* line 4113, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#javascript-menu {
  margin-bottom: 45px;
}
/* line 4117, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.admin-message {
  margin: auto;
  max-width: 600px;
}
/* line 4122, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.paypal {
  display: none;
}
/**************************************************************************





HOME.CSS





****************************************************************************/
/* line 4149, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#size-checker {
  left: -2000px;
  top: -2000px;
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: pre;
  /* Thanks to Herb Caudill comment */
}
/* line 4164, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.timer-interval .timer {
  background-color: lightBlue;
}
/* line 4168, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.timer {
  background-color: #ddd;
  bottom: 0;
  cursor: pointer;
  display: inline-block;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-size: 16px;
  font-weight: bold;
  left: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 10000;
}
/* line 4185, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.timer .time {
  margin: auto;
}
/* line 4189, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-button {
  border-width: 1px;
  margin-left: 0;
  margin-right: 0;
}
/* line 4195, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.visibleSidePanel #code .code-toolbar .ui-button-text,
.ui-button-icon-only .ui-button-text {
  display: none !important;
}
/* line 4200, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body.wait * {
  cursor: wait !important;
}
/* line 4204, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
html.variationB .variationA {
  display: none !important;
}
/* line 4208, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
html:not(.variationB) .variationB {
  display: none !important;
}
/* line 4212, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.loading * {
  visibility: hidden;
}
/* line 4222, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
nav.float {
  font: inherit;
}
/* line 4226, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
b {
  font-weight: 700;
}
/* line 4230, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
td {
  vertical-align: middle;
}
/* line 4234, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
html {
  font-size: 62.5%;
}
/* line 4238, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
body {
  background-color: #fff;
  color: #636363;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  position: relative;
  text-rendering: geometricPrecision;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/* line 4250, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page body {
  position: static;
}
/* line 4261, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar #caLogo2,
.top-bar #caLogoFull {
  display: none;
}
/* line 4266, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.dev-mode .top-bar #caLogo,
.adminMode .top-bar #caLogo {
  display: none;
}
/* line 4271, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.dev-mode .top-bar #caLogo2,
.adminMode .top-bar #caLogo2 {
  display: inline-block;
}
/* line 4277, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.full-width .top-bar #caLogo2,
.fullLogo .top-bar #caLogo {
  display: none;
}
/* line 4282, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.full-width .title.single {
  display: none;
}
/* line 4286, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.full-width .top-bar #caLogoFull {
  margin-bottom: 5px;
  margin-left: 4px;
}
/* line 4292, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.full-width .top-bar #caLogo,
.full-width .top-bar #caLogoFull,
.fullLogo .top-bar #caLogoFull {
  display: inline-block;
}
/* line 4299, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .badge-container img {
  width: 36px;
  margin-left: 4px;
  /*Hack to get image in right place... at least on Chrome*/
  padding-top: 2px;
  transition: width 0.2s ease-in-out;
  vertical-align: middle;
  cursor: pointer;
}
/* line 4312, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .badge-container img:hover {
  width: 54px;
}
/* line 4316, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .badge-container {
  margin-right: 18px;
}
/* line 4320, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.visibleSidePanel #file-tabs .file-extension,
#file-tabs.small .file-extension {
  display: none;
}
/* line 4325, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.file-tabs > *,
.top-bar .header-bar,
.fa {
  transition: all 200ms ease-in-out;
}
/* line 4329, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
a,
button {
  transition: color 200ms ease-in-out, background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
/* line 4335, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
button span {
  transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
/* line 4339, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#outer-container {
  border-top: 1px solid #e1e1e1;
  overflow: hidden;
  position: relative;
  top: 60px;
}
/* line 4346, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main {
  min-width: 1010px;
  transition: all 200ms ease-in-out;
}
/* line 4351, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fullscreen .main {
  min-width: 600px;
}
/* line 4355, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .main {
  transition: none;
}
/* line 4359, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .wiki .main {
  margin-top: 0;
}
/* line 4363, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html.output-window .main {
  min-width: 600px;
}
/* line 4368, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html .main {
  min-width: 1010px;
}
/* line 4372, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.subheading {
  font-size: 24px;
  line-height: 1.4em;
  padding: 24px 12px 0;
}
/* line 4382, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.objection img,
.image,
#proof-points {
  max-width: 100%;
  margin: auto;
}
/* line 4389, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.image {
  color: white;
  font-weight: 300;
  padding-bottom: 80px;
  padding-top: 70px;
  text-align: center;
  background-position: center center;
  background-size: 102% auto;
  background-repeat: no-repeat;
}
/* line 4401, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar nav {
  margin-right: 20px;
}
/* line 4405, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header nav {
  text-align: right;
}
/* line 4409, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header .row {
  width: 1120px;
}
/* line 4413, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.admin header .row {
  width: 100%;
}
/* line 4418, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header nav > * {
  text-decoration: none;
  font-weight: 800;
  font-size: 12px;
}
/* line 4424, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header .data .label {
  color: #a9a9a9;
  font-weight: 400;
}
/* line 4429, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header .data .value {
  color: #666;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2px;
  padding-right: 10px;
}
/* line 4438, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .points {
  cursor: pointer;
}
/* line 4442, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .level-name {
  color: #666;
  font-size: 12px;
  letter-spacing: 0.2px;
  margin-bottom: 4px;
  min-width: 100%;
  /*Problems with web 11 if this is removed*/
  text-align: left;
}
/* line 4452, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .lesson-name {
  color: #7a7e81;
  font-size: 16px;
  display: inline;
}
/* line 4458, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
footer nav.internal {
  float: right;
  text-align: right;
  line-height: 2em;
}
/* line 4464, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
footer {
  padding: 40px;
  font-size: 12px;
  font-weight: 700;
}
/* line 4470, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
footer .codeavengers {
  float: left;
}
/* line 4474, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
footer .codeavengers p {
  line-height: 2em;
}
@media (max-width: 760px) {
  /* line 4479, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  footer .codeavengers,
  footer nav.internal {
    float: left;
    text-align: left;
  }
  /* line 4485, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  footer nav.internal a {
    margin-left: 0;
    margin-right: 20px;
  }
}
/* line 4491, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page #footer-container footer {
  padding: 24px 16px;
}
/* line 4495, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
footer a,
footer a:visited {
  color: #848484;
  text-decoration: none;
  display: inline-block;
  margin-left: 40px;
}
/* line 4503, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social a,
.social a:visited,
footer a.secondary,
footer a.secondary:visited {
  color: #acacac;
}
/* line 4511, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social a:hover,
.social a:active,
footer a:hover,
footer a:active {
  color: #5b5b5b;
  /*text-decoration: underline;*/
}
/* line 4519, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.image {
  background-image: url(/images/home/guy-on-laptop.jpg);
}
/* line 4523, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.variationB header.image {
  background-image: url(/images/home/two-university-students.jpg);
}
/* line 4527, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.edge.image {
  background-image: url(/images/home/university-student.jpg);
}
/* line 4531, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.journey.image {
  background-image: url(/images/home/two-men-collaborating.jpg);
}
/* line 4535, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
hr {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #f2f2f2;
  clear: both;
}
/* line 4542, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page hr {
  margin: 50px 60px;
}
/* line 4546, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main hr {
  margin: 32px 0;
}
/* line 4550, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions hr {
  margin: 12px 0;
}
/* line 4554, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main #console hr {
  margin: 4px 0;
}
/* line 4558, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .logo {
  float: left;
  margin-left: 20px;
  padding: 0 32px !important;
  text-align: left;
}
/* line 4565, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.course .top-bar .logo {
  padding: 0 20px;
  margin-left: 0;
}
/* line 4570, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .main header {
  background-image: url(/images/home/guy-on-laptop.jpg);
  height: 324px;
}
/* line 4575, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header nav a,
header nav button {
  cursor: pointer;
  display: inline-block;
  min-width: 90px;
  /*At 86 get weird wrapping sometimes*/
  padding: 12px 20px;
}
/* line 4583, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar nav a:first-of-type {
  /*border-right: 1px solid #d0d0d0; Removed this because it was adding a line after sign up button*/
  border-radius: 0;
  color: #787e81;
}
/* line 4589, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar nav a:nth-of-type(2):hover,
.top-bar nav a:first-of-type:hover {
  color: #e74a4a;
}
/* line 4594, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar nav a:nth-of-type(2) {
  color: #b5b5b5;
}
/*.sign-up-btn {
    background-color: #e53642; 
}*/
/* line 4604, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.action,
header nav a,
button {
  border-radius: 5px;
  border: none;
  color: white;
  font-weight: 800;
  text-decoration: none;
}
/* line 4614, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ace_searchbtn,
.ace_replacebtn {
  border-radius: 0;
  color: #464646;
  font-weight: normal;
}
/* line 4620, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header nav a {
  color: #E1E1E1;
}
/* line 4624, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header nav a:hover {
  color: #FFF;
}
/* line 4628, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button.action {
  background-color: #E86565;
  color: #eee;
}
/* line 4633, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.toolbar .ui-button.action:hover {
  background-color: #D64242;
  color: white;
}
/* line 4640, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
form .action {
  margin-top: 28px;
}
/* line 4644, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-tooltip {
  z-index: 99999 !important;
}
/* line 4648, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-buttonset .ui-button {
  background-color: #D64242;
  color: white;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  min-width: 90px;
  height: 44px;
}
/* line 4658, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-buttonset .ui-button:hover,
.action:hover {
  background-color: #f14e4e;
}
/* line 4663, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header h1 {
  font-size: 50px;
  /* SLIGHT SIZE REDUCTION */
  font-weight: 600;
  line-height: 1.3em;
  /* SLIGHT LINE-HEIGHT INCREASE */
  padding-top: 96px;
  /* LESS PADDING */
}
/* line 4673, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main header h1 {
  color: #464646;
  color: #fff;
  font-size: 42px;
  font-size: 64px;
  padding-top: 37px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 300;
  letter-spacing: -1px;
}
/* line 4685, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main header h2 {
  color: #e0e0e0;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: .45px;
  margin-top: 0;
  text-align: center;
}
/* line 4695, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.main header {
  margin-bottom: 0;
}
/* line 4699, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .main .courses {
  padding: 56px 0 32px;
  background-color: #fff;
  min-width: 100%;
  overflow-x: auto;
}
/* line 4707, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header h1 em {
  font-style: italic;
  letter-spacing: 1.6px;
}
/* line 4712, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
header nav > button {
  margin-left: 20px;
  cursor: pointer;
  line-height: 1.45em;
}
/* line 4719, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-widget-content a,
.ui-widget-content a:visited,
.ui-widget-content a:active {
  color: #7d32cb;
  /*#b5b5b5;*/
  font-weight: 700;
  text-decoration: none;
}
/* line 4728, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-widget-content a:hover {
  color: #48167C;
}
/* line 4735, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.arrow {
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  height: 0;
  position: absolute;
  width: 0;
  transition: opacity 300ms ease-out;
}
/* line 4748, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.left.arrow {
  border-right: 10px solid #EDEDED;
  right: 0;
  opacity: 0;
  top: 82px;
}
/* line 4755, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .left.arrow {
  top: 41px;
}
/* line 4759, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.right.arrow {
  border-left: 10px solid #00afc4;
  right: -10px;
  top: 62px;
}
/* line 4765, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.up.arrow {
  border-bottom: 10px solid #00afc4;
  left: 670px;
  top: -24px;
}
/* line 4773, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
select:disabled,
textarea:disabled,
input:disabled,
input[type="submit"]:disabled,
input[type="date"]:disabled,
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled {
  background-color: #f4f4f4 !important;
}
/* line 4784, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
button.ui-action:disabled {
  background: #f4f4f4 !important;
  color: #eee !important;
}
/* line 4789, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
button.ui-action.light:disabled {
  background: #eee !important;
  color: #b5b5b5 !important;
}
/* line 4796, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#presentation-toolbar {
  display: none;
}
/* line 4800, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#presentation-toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none !important;
}
/* states and images */
/* line 4809, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-icon {
  height: 1.25em;
  width: 1.25em;
}
/* line 4814, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.close .fa {
  color: white;
  font-size: 36px;
  padding: 0;
  position: relative;
}
/* line 4821, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.close:hover .fa {
  color: #636363;
}
/* line 4825, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.close:hover .background {
  background-color: white;
}
/* line 4829, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.close .background {
  background-color: #636363;
  position: absolute;
  height: 80%;
  margin: 3px 2px;
  width: 80%;
  border-radius: 100px;
}
/* line 4839, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.error-message {
  font-size: small !important;
  padding: 8px !important;
  position: absolute;
  background-color: #DF5C66;
  color: white;
  border-radius: 5px;
  line-height: 1.5em;
}
/* line 4849, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.placeholdersjs {
  color: #d2d2d2 !important;
}
/* line 4853, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
::-webkit-input-placeholder {
  color: #d2d2d2;
}
/* line 4857, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
:-moz-placeholder {
  /* Firefox 18- */
  color: #d2d2d2;
}
/* line 4862, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #d2d2d2;
}
/* line 4867, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
:-ms-input-placeholder {
  color: #d2d2d2;
}
/* line 4873, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
footer .social a {
  margin: 10px 0;
}
/* line 4877, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#footer-container {
  border-top: 1px solid #eee;
  background-color: white;
  width: 100%;
}
/* line 4883, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page2 #footer-container {
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
}
/* line 4890, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
/* line 4897, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.dev.dev-courses section,
.dev.dev-courses header {
  box-shadow: 0 0 10px -5px red inset;
}
/* line 4903, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .icon-container,
.ca-style .code-block,
.ca-style code {
  background-color: rgba(236, 236, 236, 0.9);
  border-radius: 2px;
  white-space: normal;
}
/* line 4911, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block code {
  background-color: transparent;
}
/* line 4915, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style code {
  padding: 1px 3px;
}
/* line 4919, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .options-list .matched {
  opacity: .5;
  background-color: #f0ffff;
}
/* line 4924, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block-container .options-list {
  border: 1px solid#ccc;
  border-radius: 2px;
  display: inline-block;
  padding: 2px 3px;
  background-color: #888;
  width: 100%;
}
/* line 4933, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block-container .options-list code {
  cursor: pointer;
  margin: 2px;
  display: inline-block;
}
/* line 4939, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block {
  margin: 0;
}
/* line 4943, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block-container {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
/* line 4949, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block code,
.ca-style .code-block {
  padding: 0 3px;
}
/* line 4954, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block-container .code-block {
  width: 100%;
}
/* line 4958, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .code-block .code-block-inner {
  margin: 10px;
}
/* line 4962, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style code.linenums:not(.example-code) {
  padding: 0;
  border: 1px solid #ddd;
}
/* line 4967, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .highlight-1 {
  color: firebrick;
}
/* line 4970, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .highlight-2 {
  color: cornflowerBlue;
}
/* line 4973, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .highlight-3 {
  color: goldenRod;
}
/* line 4976, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .highlight-4 {
  color: forestGreen;
}
/* line 4980, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .hightlight-text {
  font-weight: bold;
}
/* line 4984, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h1 {
  color: #464646;
  font-size: 38px;
  font-weight: 300;
  font-family: 'museo-sans-rounded', sans-serif;
  font-size: 36px;
  letter-spacing: -0.3px;
  margin-top: 36px;
  margin-bottom: 36px;
  margin-left: 0;
  padding-top: 24px;
  line-height: 1.2em;
}
/* line 4998, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console h1,
.console h2 {
  margin: 0;
  padding: 0;
}
/* line 5004, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.console h2 {
  padding-bottom: 10px;
}
/* line 5008, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#general-information {
  margin: 12px 0;
  padding: 0;
}
/* line 5013, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page2 .ca-style h1 {
  line-height: 1.4em;
}
/* line 5017, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h1:first-of-type {
  margin-top: 12px;
}
/* line 5021, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h2 {
  color: #747474;
  /*cursor: pointer; This needs to be more specific*/
  font: 24px 'museo-sans-rounded', sans-serif;
  font-weight: 300;
  letter-spacing: 0.8px;
  line-height: 1.4em;
  margin-top: 18px;
  margin-bottom: 6px;
}
/* line 5032, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style .instructions h4 {
  font-size: 18px;
  font-weight: 300;
  margin: 12px 0;
  padding: 0;
}
/* line 5040, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h3 {
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
/* line 5048, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h3,
.ca-style h3 a {
  color: rgba(83, 88, 92, 0.9);
}
/* line 5052, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ca-style h4 {
  font-size: 1.2em;
  margin: 0.6em 0 0.3em;
}
/* line 5059, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page body > header .row {
  width: 1250px;
  height: 60px;
  position: relative;
}
/* line 5065, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page body.wiki > header .row {
  height: 50px;
  width: 100%;
}
/* line 5070, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page body.wiki .top-bar .logo {
  padding: 0 8px !important;
  margin: 0;
}
/* line 5075, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki #outer-container {
  left: inherit;
  width: 60%;
  right: 0;
  position: absolute;
  top: 50px;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* line 5086, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.wiki #wiki-editor {
  top: 50px;
  border: 1px solid #eee;
}
/* line 5091, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page .full-width > header .row {
  width: 100%;
}
/* line 5097, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#full-width-message {
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100000;
  text-align: center;
}
/* line 5106, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.full-width-message {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
  padding: 20px 20px;
  position: absolute;
}
/* line 5112, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#checker-container {
  overflow: hidden;
  position: absolute;
}
/* line 5117, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar nav.loggedin {
  display: none;
}
/* line 5121, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.loggedin .top-bar nav.loggedin {
  display: inline-block;
  right: 0;
  top: 0;
  position: absolute;
}
/* line 5128, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.loggedin .top-bar nav.loggedout {
  display: none;
}
/* line 5132, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar nav.loggedin div {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* line 5138, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page nav.loggedin .data:last-of-type {
  border-right: 1px solid #eee;
}
/* line 5142, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page nav.loggedin .data {
  padding-right: 20px;
}
@media (max-height: 800px) {
  /* line 5147, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .info-page body > header .row {
    max-height: 60px;
  }
  /* line 5151, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .info-page #outer-container,
  .info-page .floating-menu nav {
    top: 60px;
  }
}
@media (max-width: 1500px) {
  /* line 5159, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .info-page body > header .row {
    max-width: 100%;
  }
}
@media (max-width: 1070px) {
  /* line 5167, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .info-page body > header .row {
    width: 100%;
  }
}
/* line 5173, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-modal-overlay,
#guiders_overlay,
.ui-widget-overlay {
  background: rgba(41, 41, 41, 0.93);
  z-index: 1002!important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*.dev-mode .ui-widget-overlay {
  display: none !important;
}*/
/* line 5189, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-modal-overlay {
  display: none;
  z-index: 1000!important;
  background: rgba(41, 41, 41, 0.6);
}
/* line 5195, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.modal .ui-modal-overlay {
  display: block;
}
/* line 5201, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-modal {
  display: none;
}
/* line 5205, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.modal .ui-modal {
  display: block;
}
/* line 5210, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.loading-icons {
  bottom: 80px;
  color: white;
  font-size: 24px;
  left: 0;
  right: 0;
  opacity: 0;
}
/* line 5219, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.loading-icons,
#ca-message {
  z-index: 100000008 !important;
  text-align: center;
  position: fixed;
}
/* line 5226, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#ca-message .text {
  color: white;
  font-size: 42px;
  font-weight: 300;
  display: block;
  max-width: 1200px;
  margin: auto;
  margin-top: 40px;
  text-align: center;
}
/*Main Menu*/
/* line 5238, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page strong {
  font-weight: 600;
}
/* line 5242, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.info-page b {
  font-weight: 700;
}
/*Dialogs*/
/* line 5252, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog {
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 5px;
  /*box-shadow: 0 0 8px 0px #606060;*/
  padding: 28px;
  position: fixed;
  z-index: 10000;
  color: black;
}
/* line 5263, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.popup-dialog {
  background-color: #fff;
  max-width: 700px;
  padding-top: 0;
}
/* line 5269, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.popup-dialog h1 {
  color: #333;
  font-size: 28px;
  line-height: 1.25em;
  margin-top: 24px;
  text-transform: uppercase;
}
/* line 5277, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.popup-dialog p {
  font-size: 16px;
}
/* line 5281, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog {
  padding-bottom: 18px;
}
/* line 5288, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.black-dialog {
  background-color: black;
}
/* line 5292, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.big-dialog {
  padding: 12px;
}
/* line 5296, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.big-dialog .ui-dialog-content {
  margin: 0;
}
/* line 5300, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.validate-dialog {
  padding: 0;
}
/* line 5304, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.validate-dialog .ui-dialog-content {
  margin: 0;
}
/* line 5308, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.validate-dialog .ui-dialog-titlebar {
  position: absolute !important;
  left: 30px;
  right: 60px;
  top: 30px;
  z-index: 1;
}
/* line 5316, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.exampleCode-dialog {
  padding: 0;
}
/* line 5320, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.exampleCode-dialog .ui-dialog-titlebar,
.exampleCode-dialog .ui-dialog-buttonpane {
  padding: 18px;
}
/* line 5325, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.exampleCode-dialog .example,
.exampleCode-dialog .ui-dialog-content {
  margin-bottom: 0;
  margin-top: 0;
}
/* line 5331, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.exampleCode-dialog .ui-dialog-buttonset {
  margin: 0;
}
/*start ui-dialog*/
/* line 5336, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog {
  /*.ui-dialog-title span {
    position: relative;
    left: -5px;
    vertical-align: top;
  }*/
}
/* line 5337, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/* line 5341, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content {
  position: relative;
}
/* line 5346, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .ui-dialog-title {
  color: #a6a6a6;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
/* line 5353, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .ui-dialog-title img {
  display: none;
  margin-right: 10px;
}
/* line 5364, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .ui-dialog-content section {
  border-radius: 4px;
}
/*end ui-dialog*/
/* line 5376, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.message-dialog table td:nth-child(1) {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  font-weight: bold;
  padding-right: 12px;
}
/* line 5382, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.question-dialog .ui-dialog-title {
  font-size: 16px;
}
/* line 5386, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.question-dialog .ui-dialog-title img {
  height: 20px;
  vertical-align: middle;
}
/* line 5391, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content b {
  color: #464646;
  /*#6d6d6d;*/
  font-weight: 600;
}
/* line 5397, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content {
  color: #7a7e81;
  color: #333;
  line-height: 1.6em;
  margin: 18px 0;
}
/* line 5404, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.message-dialog .ui-dialog-content {
  margin: 12px 0 0;
  min-height: 0 !important;
}
/* line 5409, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.message-dialog .ui-dialog-title {
  font-size: 14px;
}
/* line 5413, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.message-dialog.ui-dialog {
  padding: 12px;
}
/* line 5417, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content p,
.ui-dialog-content div {
  margin-bottom: 12px;
}
/* line 5422, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.fileTreeExplorer div {
  margin: 0;
}
/* line 5426, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content p {
  margin-right: 12px;
}
/* line 5430, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions-content {
  position: relative;
}
/* line 5439, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content .input .label {
  display: none;
}
/* line 5443, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content textarea {
  resize: vertical;
}
/* line 5447, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-content .ui-dialog_input,
.ui-dialog-content textarea,
.ui-dialog-content .input input {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 14px;
  padding: 18px;
  width: 100%;
}
/* line 5457, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog .ui-button {
  cursor: pointer;
}
/* line 5461, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-titlebar-close .ui-button-text {
  display: none;
}
/* line 5465, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog-buttonset {
  margin-top: 24px;
  /*text-align: right;*/
}
/* line 5472, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.ui-dialog.no-close .ui-dialog-buttonset .ui-button:first-of-type {
  margin-right: 12px;
}
/* line 5477, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
input[type="file"] {
  margin: 12px 0px;
}
/* line 5495, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.promo-bar img {
  opacity: .6;
  width: 32px;
}
/* line 5500, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.promo-bar .promo-message {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}
/* line 5508, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.promo-bar {
  display: none;
}
/* line 5512, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar {
  background-color: #fff;
  display: block !important;
  position: fixed;
  top: 0;
  width: 100%;
  /*Profile hero buttons will appear on top */
  z-index: 4;
}
/* line 5522, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .codecamp {
  display: none;
}
/* line 5526, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .header-bar > * {
  /*display: inline-block;*/
  height: 100%;
  position: relative;
}
/* line 5532, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
/* line 5538, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.top-bar .header-bar > *:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 5545, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.course header .row {
  position: relative;
  width: 100%;
}
/* line 5554, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
::selection {
  background: #ffd8d8;
  /* WebKit/Blink Browsers */
}
/* line 5558, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
::-moz-selection {
  background: #ffd8d8 ;
  /* Gecko Browsers */
}
/*.course .top-bar {
  bottom: initial;
  height: initial;
  max-height: initial;
}*/
/* line 5569, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
div.status,
div.points {
  border-radius: 3px;
  margin-bottom: auto;
}
/* line 5574, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions img {
  max-width: 100%;
  vertical-align: top;
}
/* line 5579, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .lightbox {
  cursor: pointer;
}
/* line 5583, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .diagram {
  display: block;
  margin: auto;
}
/* line 5587, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .diagram_label {
  font-size: 0.9em;
  opacity: 0.8;
  position: absolute;
  text-align: center;
}
/* line 5595, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .instructions-icon {
  max-height: 1.6em;
  vertical-align: middle;
}
/* line 5600, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .icon-container {
  font-weight: 600;
  padding: 0 2px 0 4px;
  white-space: nowrap;
}
/* line 5606, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.instructions .icon-container img {
  padding-left: 3px;
  border-radius: 2px;
}
/* line 5611, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#tasks-toolbar {
  display: none;
}
/*Size the buttons etc for the projects view*/
/* line 5616, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.project.js7 .undo-redo .ui-button-text {
  display: none;
}
/* line 5620, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.project.js7 .undo-redo .ui-button {
  min-width: 0 !important;
}
/* line 5628, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.tools-container .ui-button:active:not(.ui-button-disabled),
.tools-container .ui-button:hover:not(.ui-button-disabled) {
  box-shadow: none;
}
/*Dialog box css*/
/* line 5637, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.backdrop {
  position: fixed;
  background: rgba(64, 64, 64, 0.9);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 5646, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border: none;
  border-radius: 5px;
  padding: 0;
  background: white;
  color: black;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  text-align: center;
  display: none;
}
/* line 5670, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog.payment {
  margin-top: -20px;
}
/* line 5674, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog.payment.share {
  margin-top: -70px;
}
/* line 5678, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog[open] {
  display: block;
}
/* line 5682, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
}
/* line 5686, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog header {
  background-color: #e7e7e7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 12px;
  position: relative;
}
/* line 5694, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog footer {
  font-size: 13px;
  bottom: -64px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
/* line 5703, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog aside + footer {
  bottom: -145px;
}
/* line 5707, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog footer .vertical-divider {
  border-left: 3px solid #e5e5e5;
  display: inline-block;
  height: 24px;
  margin: -6px 24px;
}
/* line 5714, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog footer a,
dialog footer a:visited {
  color: #e5e5e5;
  margin: 0;
}
/* line 5720, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog footer .fa {
  margin: 12px;
  padding: 0;
}
/* line 5725, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog footer a:hover {
  color: white;
}
/* line 5729, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog header .fa {
  font-size: 32px;
  padding-right: 6px;
}
/* line 5734, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog header h1 {
  background-color: white;
  border-radius: 2px;
  color: #a5a5a5;
  font-size: 20px;
  font-weight: 400;
  line-height: 2.5em;
  margin: 0;
  padding: 20px 30px;
}
/* line 5745, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog h2 {
  color: #818181;
  font-size: 28px;
  font-weight: 300;
  margin: 40px 0 0;
  line-height: 1.4em;
}
/* line 5753, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog.payment h2 {
  margin: 24px 0 0;
}
/* line 5757, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog p {
  color: #a5a5a5;
  margin: 12px;
}
/* line 5762, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog section .secure-payment {
  color: #9b9b9b;
  font-size: 13px;
  font-weight: 700;
}
/* line 5769, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog section .secure-payment .fa {
  font-size: 18px;
  margin-right: 12px;
  margin-top: 24px;
}
/* line 5775, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .dialog-buttons {
  margin: 40px 24px 24px;
}
/* line 5779, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog.payment .dialog-buttons {
  margin: 24px 24px 24px;
}
/* line 5783, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .dialog-buttons .action:first-child {
  margin-right: 10px;
}
/* line 5787, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .action {
  font-weight: 800;
  padding: 18px 8px;
  max-width: 180px;
  min-width: 180px;
}
/* line 5794, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .action .extra {
  font-weight: 400;
  padding: 8px 0 0 0 !important;
}
/* line 5799, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .action.double {
  padding: 0;
}
/* line 5803, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog a {
  cursor: pointer;
}
/* line 5807, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .action span {
  display: block;
  padding: 10px;
}
/* line 5812, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .action span:nth-child(2) {
  padding: 16px 0;
}
/* line 5816, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .action span:first-child {
  background-color: white;
  border: 5px solid #e7e7e7;
  color: #9b9b9b;
  font-size: 12px;
  padding: 10px 20px;
}
/* line 5824, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog aside {
  background-color: white;
  border-radius: 5px;
  bottom: -100px;
  color: #a8a8a8;
  padding: 20px 10px;
  position: absolute;
  width: 100%;
}
/* line 5834, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog aside a {
  background-image: url(/image/social/twitter-idle.png);
  cursor: pointer;
  display: inline-block;
  height: 44px;
  vertical-align: middle;
  width: 42px;
}
/* line 5843, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog aside a.facebook {
  background-image: url(/image/social/facebook-idle.png);
}
/* line 5847, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog aside a.facebook:hover {
  background-image: url(/image/social/facebook-active.png);
}
/* line 5851, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog aside a.twitter:hover {
  background-image: url(/image/social/twitter-active.png);
}
/* line 5855, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog aside a:first-of-type {
  margin-left: 12px;
}
/* line 5859, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .down.arrow {
  border-top: 10px solid white;
  bottom: -4px;
  left: 0;
  margin: auto;
  right: 0;
}
/* line 5867, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
dialog .up.arrow {
  border-bottom-color: white;
  top: -17px;
  left: 0;
  margin: auto;
  right: 0;
}
/* line 5875, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#admin-container {
  display: none;
}
/* line 5881, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.print {
  display: none;
}
/*Print Media Query*/
@media print {
  /* line 5887, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .screen {
    display: none !important;
  }
  /* line 5891, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  body {
    width: 100%;
  }
  /* line 5895, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .print {
    display: block;
  }
  /* line 5899, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  #outer-container {
    top: 0;
  }
  /* line 5903, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .main #container {
    padding-bottom: 0;
  }
  /* line 5908, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .invoice h2 {
    display: none;
  }
  /* line 5912, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  h2,
  #menu {
    box-shadow: none !important;
  }
  /* line 5917, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  #ca-style,
  #outer-container {
    position: relative;
    overflow: visible;
  }
  /* line 5923, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
  .side-toolbar,
  .top-bar,
  #footer-container {
    display: none !important;
  }
}
/**Social sharing**/
/*Make sure the results display correctly even if not cashed, i.e. they have not been loaded*/
/* line 5936, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social-share {
  display: inline-block;
  height: 28px;
  margin: 4px 3px;
  padding: 0 !important;
  position: relative;
  width: 28px;
  margin-bottom: 4px;
  box-sizing: border-box;
}
/* line 5947, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#console .social-share {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin: 8px 4px 12px 0;
}
/* line 5954, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.share-icon {
  width: 38px;
  vertical-align: top;
}
/* line 5959, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.share-icon:last-child {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 5965, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.html .social-share .share-icon {
  width: 28px;
}
/* line 5969, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.china .social-login {
  display: none;
}
/* line 5973, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.china .social-container {
  display: none;
}
/* line 5977, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social-login {
  line-height: 38px;
  margin-top: 32px;
}
/* line 5982, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.facebook-login {
  display: none !important;
}
/* line 5986, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social-login .social-share .share-icon {
  cursor: pointer;
  margin-left: 8px;
  vertical-align: middle;
  width: 38px;
}
/* line 5993, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social-login .social-share {
  display: inline-block;
  height: 38px;
  width: 38px;
}
/* line 5999, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social-share:hover .share-icon:last-child {
  opacity: 0;
}
/* line 6003, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social-share .share-icon:first-child {
  opacity: 0;
}
/* line 6007, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.social-share:hover .share-icon:first-child {
  opacity: 1;
}
/*******************/
/* line 6016, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.slide.is-current {
  background-color: #fff0f0;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 red inset;
  padding: 10px 30px;
  margin: -10px -30px;
}
/* line 6024, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.slide ._notes {
  background-color: #eee;
  display: block;
  padding: 18px 24px;
  border-radius: 5px;
  margin: 0 -24px;
}
/* line 6032, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
.slide.is-current ._notes {
  box-shadow: 0 0 4px #999;
}
/* line 6036, C:\Users\Michael\workspace\CodeAvengers\war\less\main.less */
#presentation-timer {
  font-family: Monaco, Menlo, Ubuntu Mono, Consolas, source-code-pro, monospace;
  font-size: 35px;
  cursor: pointer;
}
/*# sourceMappingURL=main.css.map */