/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://d14to6y4nub5k1.cloudfront.net/fonts/glyphicons-halflings-regular.eot');
  src: url('https://d14to6y4nub5k1.cloudfront.net/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://d14to6y4nub5k1.cloudfront.net/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://d14to6y4nub5k1.cloudfront.net/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://d14to6y4nub5k1.cloudfront.net/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #999999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #999999;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url('/static/lib/jquery-ui/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
  color: #222222;
}
.ui-widget-content a {
  color: #222222;
}
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url('/static/lib/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url('/static/lib/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url('/static/lib/jquery-ui/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url('/static/lib/jquery-ui/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url('/static/lib/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url('/static/lib/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url('/static/lib/jquery-ui/ui-icons_222222_256x240.png');
}
.ui-widget-content .ui-icon {
  background-image: url('/static/lib/jquery-ui/ui-icons_222222_256x240.png');
}
.ui-widget-header .ui-icon {
  background-image: url('/static/lib/jquery-ui/ui-icons_222222_256x240.png');
}
.ui-state-default .ui-icon {
  background-image: url('/static/lib/jquery-ui/ui-icons_888888_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('/static/lib/jquery-ui/ui-icons_454545_256x240.png');
}
.ui-state-active .ui-icon {
  background-image: url('/static/lib/jquery-ui/ui-icons_454545_256x240.png');
}
.ui-state-highlight .ui-icon {
  background-image: url('/static/lib/jquery-ui/ui-icons_2e83ff_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('/static/lib/jquery-ui/ui-icons_cd0a0a_256x240.png');
}
/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-off {
  background-position: -96px -144px;
}
.ui-icon-radio-on {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url('/static/lib/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;
  opacity: .30;
  filter: alpha(opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url('/static/lib/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;
  opacity: .30;
  filter: alpha(opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/*
 * jQuery UI Resizable 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
/*
 * jQuery UI Selectable 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%;
}
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em;
}
.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
  display: block;
}
/*
 * jQuery UI Autocomplete 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.18
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/*
 * jQuery UI Button 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: hidden;
  *overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/*
 * jQuery UI Slider 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/*
 * jQuery UI Tabs 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
/*
 * jQuery UI Datepicker 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}
/*
 * jQuery UI Progressbar 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

/*  Font Awesome 3.0
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    • The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
    • Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
      http://opensource.org/licenses/mit-license.html
    • The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
    • Attribution is no longer required in Font Awesome 3.0, but much appreciated:
      "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://d14to6y4nub5k1.cloudfront.net/font/fontawesome-webfont.eot?1f7e53f10b4c');
  src: url('https://d14to6y4nub5k1.cloudfront.net/font/fontawesome-webfont.eot?&1f7e53f10b4c#iefix') format('embedded-opentype'), url('https://d14to6y4nub5k1.cloudfront.net/font/fontawesome-webfont.woff?1f7e53f10b4c') format('woff'), url('https://d14to6y4nub5k1.cloudfront.net/font/fontawesome-webfont.ttf?1f7e53f10b4c') format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none!important;
  background-position: 0 0;
  background-repeat: repeat;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
}
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333333em;
}
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
  display: inline;
  line-height: 0.6em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
  width: 1.5625em;
}
ul.icons {
  list-style-type: none;
  text-indent: -0.75em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: 0.75em;
}
.icon-muted {
  color: #eeeeee;
}
.icon-border {
  border: solid 1px #eee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.35em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.35em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.35em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  height: 0.75em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.45em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.2em;
}
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}

/* ============================================================
 * bootstrapSwitch v1.2 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
.has-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-width: 100px;
}
.has-switch.switch-mini {
  min-width: 72px;
}
.has-switch.switch-small {
  min-width: 80px;
}
.has-switch.switch-large {
  min-width: 120px;
}
.has-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important;
}
.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
}
.has-switch > div.switch-animate {
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.has-switch > div.switch-off {
  left: -50%;
}
.has-switch > div.switch-on {
  left: 0%;
}
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span,
.has-switch label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.has-switch span.switch-mini,
.has-switch label.switch-mini {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}
.has-switch span.switch-small,
.has-switch label.switch-small {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
.has-switch span.switch-large,
.has-switch label.switch-large {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}
.has-switch label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 34%;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch label:hover,
.has-switch label:focus,
.has-switch label:active,
.has-switch label.active,
.has-switch label.disabled,
.has-switch label[disabled] {
  color: #ffffff;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.has-switch label:active,
.has-switch label.active {
  background-color: #cccccc \9;
}
.has-switch label i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.has-switch span {
  text-align: center;
  z-index: 1;
  width: 33%;
}
.has-switch span.switch-left {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.has-switch span.switch-right {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
  border-color: #ffffff #ffffff #d9d9d9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ffffff;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-right:hover,
.has-switch span.switch-right:focus,
.has-switch span.switch-right:active,
.has-switch span.switch-right.active,
.has-switch span.switch-right.disabled,
.has-switch span.switch-right[disabled] {
  color: #333333;
  background-color: #ffffff;
  *background-color: #f2f2f2;
}
.has-switch span.switch-right:active,
.has-switch span.switch-right.active {
  background-color: #e6e6e6 \9;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #005fcc;
  background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
  background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
  background-image: -o-linear-gradient(top, #0044cc, #0088cc);
  background-image: linear-gradient(to bottom, #0044cc, #0088cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
  border-color: #0088cc #0088cc #005580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0088cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled] {
  color: #ffffff;
  background-color: #0088cc;
  *background-color: #0077b3;
}
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active {
  background-color: #006699 \9;
}
.has-switch span.switch-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #41a7c5;
  background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
  background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
  border-color: #5bc0de #5bc0de #28a1c5;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #5bc0de;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled] {
  color: #ffffff;
  background-color: #5bc0de;
  *background-color: #46b8da;
}
.has-switch span.switch-info:active,
.has-switch span.switch-info.active {
  background-color: #31b0d5 \9;
}
.has-switch span.switch-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #58b058;
  background-image: -moz-linear-gradient(top, #51a351, #62c462);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
  background-image: -webkit-linear-gradient(top, #51a351, #62c462);
  background-image: -o-linear-gradient(top, #51a351, #62c462);
  background-image: linear-gradient(to bottom, #51a351, #62c462);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
  border-color: #62c462 #62c462 #3b9e3b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #62c462;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-success:hover,
.has-switch span.switch-success:focus,
.has-switch span.switch-success:active,
.has-switch span.switch-success.active,
.has-switch span.switch-success.disabled,
.has-switch span.switch-success[disabled] {
  color: #ffffff;
  background-color: #62c462;
  *background-color: #4fbd4f;
}
.has-switch span.switch-success:active,
.has-switch span.switch-success.active {
  background-color: #42b142 \9;
}
.has-switch span.switch-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f9a123;
  background-image: -moz-linear-gradient(top, #f89406, #fbb450);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
  background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
  background-image: -o-linear-gradient(top, #f89406, #fbb450);
  background-image: linear-gradient(to bottom, #f89406, #fbb450);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
  border-color: #fbb450 #fbb450 #f89406;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #fbb450;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-warning:hover,
.has-switch span.switch-warning:focus,
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active,
.has-switch span.switch-warning.disabled,
.has-switch span.switch-warning[disabled] {
  color: #ffffff;
  background-color: #fbb450;
  *background-color: #faa937;
}
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active {
  background-color: #fa9f1e \9;
}
.has-switch span.switch-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d14641;
  background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
  background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
  border-color: #ee5f5b #ee5f5b #e51d18;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ee5f5b;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-danger:hover,
.has-switch span.switch-danger:focus,
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active,
.has-switch span.switch-danger.disabled,
.has-switch span.switch-danger[disabled] {
  color: #ffffff;
  background-color: #ee5f5b;
  *background-color: #ec4844;
}
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active {
  background-color: #e9322d \9;
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.1.0
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js:-moz-full-screen {
  position: absolute;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%!important;
  height: 100%!important;
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100%!important;
  height: 100% !important;
}
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: Arial, sans-serif;
}
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .1em;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff;
}
.video-js .vjs-captions {
  color: #ffcc66;
}
.vjs-tt-cue {
  display: block;
}
.vjs-fade-in {
  display: block!important;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .1s,opacity .1s;
  -moz-transition: visibility .1s,opacity .1s;
  -ms-transition: visibility .1s,opacity .1s;
  -o-transition: visibility .1s,opacity .1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-fade-out {
  display: block!important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1.5s,opacity 1.5s;
  -moz-transition: visibility 1.5s,opacity 1.5s;
  -ms-transition: visibility 1.5s,opacity 1.5s;
  -o-transition: visibility 1.5s,opacity 1.5s;
  transition: visibility 1.5s,opacity 1.5s;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block!important;
  opacity: 1;
  visibility: visible;
}
@font-face {
  font-family: VideoJS;
  src: url('https://d14to6y4nub5k1.cloudfront.net/js/video-js/font/vjs.eot?455a9994f2e2');
  src: url('https://d14to6y4nub5k1.cloudfront.net/js/video-js/font/vjs.eot?&455a9994f2e2#iefix') format('embedded-opentype'), url('https://d14to6y4nub5k1.cloudfront.net/js/video-js/font/vjs.woff?455a9994f2e2') format('woff'), url('https://d14to6y4nub5k1.cloudfront.net/js/video-js/font/vjs.ttf?455a9994f2e2') format('truetype');
  font-weight: 400;
  font-style: normal;
}
.vjs-default-skin {
  color: #cccccc;
}
.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  background: #323232;
  background: rgba(100, 100, 100, 0.5);
}
.vjs-default-skin .vjs-slider:focus {
  background: #464646;
  background: rgba(100, 100, 100, 0.7);
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.vjs-default-skin .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  height: 3em;
  background-color: #000;
  background-color: rgba(7, 40, 50, 0.7);
  font-style: normal;
  font-weight: 400;
  font-family: Arial, sans-serif;
}
.vjs-default-skin .vjs-control {
  outline: 0;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em;
}
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: .6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: .5em;
  background: #66a8cc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC') -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: .5em;
  height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: .9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: .3em;
  height: 1em;
  top: -1em;
  -webkit-transition: top 0.4s, height 0.4s, font-size 0.4s, -webkit-transform 0.4s;
  -moz-transition: top 0.4s, height 0.4s, font-size 0.4s, -moz-transform 0.4s;
  -o-transition: top 0.4s, height 0.4s, font-size 0.4s, -o-transform 0.4s;
  transition: top 0.4s, height 0.4s, font-size 0.4s, transform 0.4s;
}
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  -webkit-transition: top 0.2s, height 0.2s, font-size 0.2s, -webkit-transform 0.2s;
  -moz-transition: top 0.2s, height 0.2s, font-size 0.2s, -moz-transform 0.2s;
  -o-transition: top 0.2s, height 0.2s, font-size 0.2s, -o-transform 0.2s;
  transition: top 0.2s, height 0.2s, font-size 0.2s, transform 0.2s;
}
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  background: #66a8cc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC') -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
.vjs-default-skin .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 12em;
  height: 8em;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #282828;
  background-color: rgba(7, 40, 50, 0.7);
  border: .3em solid #323232;
  border-color: rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
  -moz-transition: border 0.4s, -moz-box-shadow 0.4s, -moz-transform 0.4s;
  -o-transition: border 0.4s, -o-box-shadow 0.4s, -o-transform 0.4s;
  transition: border 0.4s, box-shadow 0.4s, transform 0.4s;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  border-color: #ffffff;
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 0 3em #fff;
  -moz-box-shadow: 0 0 3em #fff;
  box-shadow: 0 0 3em #fff;
  -webkit-transition: border 0s, -webkit-box-shadow 0s, -webkit-transform 0s;
  -moz-transition: border 0s, -moz-box-shadow 0s, -moz-transform 0s;
  -o-transition: border 0s, -o-box-shadow 0s, -o-transform 0s;
  transition: border 0s, box-shadow 0s, transform 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  font-size: 3em;
  line-height: 2.66;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: .75;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e00a";
  font-family: VideoJS;
  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 0.1em #000000;
}
.vjs-default-skin .vjs-loading-spinner:after {
  content: "\e00a";
  font-family: VideoJS;
  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, 0.5);
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #000;
  background-color: rgba(7, 40, 50, 0.7);
  -webkit-box-shadow: -20px -20px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: .3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight: 400;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  color: #111;
  outline: 0;
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em;
  font-weight: 700;
  cursor: default;
}
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}

.chartWrap{margin:0;padding:0;overflow:hidden}.nvtooltip.with-3d-shadow,.with-3d-shadow .nvtooltip{-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.nvtooltip{position:absolute;background-color:rgba(255,255,255,1);padding:1px;border:1px solid rgba(0,0,0,.2);z-index:10000;font-family:Arial;font-size:13px;text-align:left;pointer-events:none;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nvtooltip.with-transitions,.with-transitions .nvtooltip{transition:opacity 250ms linear;-moz-transition:opacity 250ms linear;-webkit-transition:opacity 250ms linear;transition-delay:250ms;-moz-transition-delay:250ms;-webkit-transition-delay:250ms}.nvtooltip.x-nvtooltip,.nvtooltip.y-nvtooltip{padding:8px}.nvtooltip h3{margin:0;padding:4px 14px;line-height:18px;font-weight:400;background-color:rgba(247,247,247,.75);text-align:center;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.nvtooltip p{margin:0;padding:5px 14px;text-align:center}.nvtooltip span{display:inline-block;margin:2px 0}.nvtooltip table{margin:6px;border-spacing:0}.nvtooltip table td{padding:2px 9px 2px 0;vertical-align:middle}.nvtooltip table td.key{font-weight:400}.nvtooltip table td.value{text-align:right;font-weight:700}.nvtooltip table tr.highlight td{padding:1px 9px 1px 0;border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px}.nvtooltip table td.legend-color-guide div{width:8px;height:8px;vertical-align:middle}.nvtooltip .footer{padding:3px;text-align:center}.nvtooltip-pending-removal{position:absolute;pointer-events:none}svg{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;height:100%}svg text{font:400 12px Arial}svg .title{font:700 14px Arial}.nvd3 .nv-background{fill:#fff;fill-opacity:0}.nvd3.nv-noData{font-size:18px;font-weight:700}.nv-brush .extent{fill-opacity:.125;shape-rendering:crispEdges}.nvd3 .nv-legend .nv-series{cursor:pointer}.nvd3 .nv-legend .disabled circle{fill-opacity:0}.nvd3 .nv-axis{pointer-events:none}.nvd3 .nv-axis path{fill:none;stroke:#000;stroke-opacity:.75;shape-rendering:crispEdges}.nvd3 .nv-axis path.domain{stroke-opacity:.75}.nvd3 .nv-axis.nv-x path.domain{stroke-opacity:0}.nvd3 .nv-axis line{fill:none;stroke:#e5e5e5;shape-rendering:crispEdges}.nvd3 .nv-axis .zero line,.nvd3 .nv-axis line.zero{stroke-opacity:.75}.nvd3 .nv-axis .nv-axisMaxMin text{font-weight:700}.nvd3 .x .nv-axis .nv-axisMaxMin text,.nvd3 .x2 .nv-axis .nv-axisMaxMin text,.nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor:middle}.nv-brush .resize path{fill:#eee;stroke:#666}.nvd3 .nv-bars .negative rect{zfill:brown}.nvd3 .nv-bars rect{zfill:#4682b4;fill-opacity:.75;transition:fill-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear}.nvd3 .nv-bars rect.hover{fill-opacity:1}.nvd3 .nv-bars .hover rect{fill:#add8e6}.nvd3 .nv-bars text{fill:rgba(0,0,0,0)}.nvd3 .nv-bars .hover text{fill:rgba(0,0,0,1)}.nvd3 .nv-multibar .nv-groups rect,.nvd3 .nv-multibarHorizontal .nv-groups rect,.nvd3 .nv-discretebar .nv-groups rect{stroke-opacity:0;transition:fill-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear}.nvd3 .nv-multibar .nv-groups rect:hover,.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,.nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity:1}.nvd3 .nv-discretebar .nv-groups text,.nvd3 .nv-multibarHorizontal .nv-groups text{font-weight:700;fill:rgba(0,0,0,1);stroke:rgba(0,0,0,0)}.nvd3.nv-pie path{stroke-opacity:0;transition:fill-opacity 250ms linear,stroke-width 250ms linear,stroke-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear,stroke-width 250ms linear,stroke-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear,stroke-width 250ms linear,stroke-opacity 250ms linear}.nvd3.nv-pie .nv-slice text{stroke:#000;stroke-width:0}.nvd3.nv-pie path{stroke:#fff;stroke-width:1px;stroke-opacity:1}.nvd3.nv-pie .hover path{fill-opacity:.7}.nvd3.nv-pie .nv-label{pointer-events:none}.nvd3.nv-pie .nv-label rect{fill-opacity:0;stroke-opacity:0}.nvd3 .nv-groups path.nv-line{fill:none;stroke-width:1.5px}.nvd3 .nv-groups path.nv-line.nv-thin-line{stroke-width:1px}.nvd3 .nv-groups path.nv-area{stroke:none}.nvd3 .nv-line.hover path{stroke-width:6px}.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity:0;stroke-opacity:0}.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity:.5!important;stroke-opacity:.5!important}.with-transitions .nvd3 .nv-groups .nv-point{transition:stroke-width 250ms linear,stroke-opacity 250ms linear;-moz-transition:stroke-width 250ms linear,stroke-opacity 250ms linear;-webkit-transition:stroke-width 250ms linear,stroke-opacity 250ms linear}.nvd3.nv-scatter .nv-groups .nv-point.hover,.nvd3 .nv-groups .nv-point.hover{stroke-width:7px;fill-opacity:.95!important;stroke-opacity:.95!important}.nvd3 .nv-point-paths path{stroke:#aaa;stroke-opacity:0;fill:#eee;fill-opacity:0}.nvd3 .nv-indexLine{cursor:ew-resize}.nvd3 .nv-distribution{pointer-events:none}.nvd3 .nv-groups .nv-point.hover{stroke-width:20px;stroke-opacity:.5}.nvd3 .nv-scatter .nv-point.hover{fill-opacity:1}.nvd3.nv-stackedarea path.nv-area{fill-opacity:.7;stroke-opacity:0;transition:fill-opacity 250ms linear,stroke-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear,stroke-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear,stroke-opacity 250ms linear}.nvd3.nv-stackedarea path.nv-area.hover{fill-opacity:.9}.nvd3.nv-stackedarea .nv-groups .nv-point{stroke-opacity:0;fill-opacity:0}.nvd3.nv-linePlusBar .nv-bar rect{fill-opacity:.75}.nvd3.nv-linePlusBar .nv-bar rect:hover{fill-opacity:1}.nvd3.nv-bullet{font:10px sans-serif}.nvd3.nv-bullet .nv-measure{fill-opacity:.8}.nvd3.nv-bullet .nv-measure:hover{fill-opacity:1}.nvd3.nv-bullet .nv-marker{stroke:#000;stroke-width:2px}.nvd3.nv-bullet .nv-markerTriangle{stroke:#000;fill:#fff;stroke-width:1.5px}.nvd3.nv-bullet .nv-tick line{stroke:#666;stroke-width:.5px}.nvd3.nv-bullet .nv-range.nv-s0{fill:#eee}.nvd3.nv-bullet .nv-range.nv-s1{fill:#ddd}.nvd3.nv-bullet .nv-range.nv-s2{fill:#ccc}.nvd3.nv-bullet .nv-title{font-size:14px;font-weight:700}.nvd3.nv-bullet .nv-subtitle{fill:#999}.nvd3.nv-bullet .nv-range{fill:#bababa;fill-opacity:.4}.nvd3.nv-bullet .nv-range:hover{fill-opacity:.7}.nvd3.nv-sparkline path{fill:none}.nvd3.nv-sparklineplus g.nv-hoverValue{pointer-events:none}.nvd3.nv-sparklineplus .nv-hoverValue line{stroke:#333;stroke-width:1.5px}.nvd3.nv-sparklineplus,.nvd3.nv-sparklineplus g{pointer-events:all}.nvd3 .nv-hoverArea{fill-opacity:0;stroke-opacity:0}.nvd3.nv-sparklineplus .nv-xValue,.nvd3.nv-sparklineplus .nv-yValue{stroke-width:0;font-size:.9em;font-weight:400}.nvd3.nv-sparklineplus .nv-yValue{stroke:#f66}.nvd3.nv-sparklineplus .nv-maxValue{stroke:#2ca02c;fill:#2ca02c}.nvd3.nv-sparklineplus .nv-minValue{stroke:#d62728;fill:#d62728}.nvd3.nv-sparklineplus .nv-currentValue{font-weight:700;font-size:1.1em}.nvd3.nv-ohlcBar .nv-ticks .nv-tick{stroke-width:2px}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover{stroke-width:4px}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive{stroke:#2ca02c}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative{stroke:#d62728}.nvd3.nv-historicalStockChart .nv-axis .nv-axislabel{font-weight:700}.nvd3.nv-historicalStockChart .nv-dragTarget{fill-opacity:0;stroke:none;cursor:move}.nvd3 .nv-brush .extent{fill-opacity:0!important}.nvd3 .nv-brushBackground rect{stroke:#000;stroke-width:.4;fill:#fff;fill-opacity:.7}.nvd3.nv-indentedtree .name{margin-left:5px}.nvd3.nv-indentedtree .clickable{color:#08C;cursor:pointer}.nvd3.nv-indentedtree span.clickable:hover{color:#005580;text-decoration:underline}.nvd3.nv-indentedtree .nv-childrenCount{display:inline-block;margin-left:5px}.nvd3.nv-indentedtree .nv-treeicon{cursor:pointer}.nvd3.nv-indentedtree .nv-treeicon.nv-folded{cursor:pointer}.nvd3 .background path{fill:none;stroke:#ccc;stroke-opacity:.4;shape-rendering:crispEdges}.nvd3 .foreground path{fill:none;stroke:#4682b4;stroke-opacity:.7}.nvd3 .brush .extent{fill-opacity:.3;stroke:#fff;shape-rendering:crispEdges}.nvd3 .axis line,.axis path{fill:none;stroke:#000;shape-rendering:crispEdges}.nvd3 .axis text{text-shadow:0 1px 0 #fff}.nvd3 .nv-interactiveGuideLine{pointer-events:none}.nvd3 line.nv-guideline{stroke:#ccc}
.wmd-panel {
  width: 100%;
}
.wmd-input {
  /*height: 300px;
	width: 100%; */
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.wmd-preview {
  /*.well; */
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.wmd-panel .btn-toolbar {
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
.icon-link,
.icon-blockquote,
.icon-code,
.icon-bullet-list,
.icon-list,
.icon-header,
.icon-hr-line,
.icon-undo {
  background-image: url('https://d14to6y4nub5k1.cloudfront.net/lib/pagedown/Markdown.Editor.Icons.png?dde9d67ce972');
}
.icon-link {
  background-position: 0      0;
}
.icon-blockquote {
  background-position: -24px 0;
}
.icon-code {
  background-position: -48px 0;
}
.icon-bullet-list {
  background-position: -72px 0;
}
.icon-list {
  background-position: -96px 0;
}
.icon-header {
  background-position: -120px 0;
}
.icon-hr-line {
  background-position: -144px 0;
}
.icon-undo {
  background-position: -168px 0;
}
.wmd-prompt-background {
  background-color: Black;
}
.wmd-prompt-dialog {
  border: 1px solid #999999;
  background-color: #F5F5F5;
}
.wmd-prompt-dialog > div {
  font-size: 0.8em;
  font-family: arial, helvetica, sans-serif;
}
.wmd-prompt-dialog > form > input[type="text"] {
  border: 1px solid #999999;
  color: black;
}
.wmd-prompt-dialog > form > input[type="button"] {
  border: 1px solid #888888;
  font-family: trebuchet MS, helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}

/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 2.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}
.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}
.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar {
  float: right;
  margin: 4px;
}
.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}
.daterangepicker .ranges .range_inputs > div {
  float: left;
}
.daterangepicker .ranges .range_inputs > div:nth-child(2) {
  padding-left: 11px;
}
.daterangepicker .calendar {
  display: none;
  max-width: 250px;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
}
.daterangepicker .ranges label {
  color: #333;
  font-size: 11px;
  margin-bottom: 2px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #fff;
}
.daterangepicker .ranges input {
  font-size: 11px;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}
.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}
.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.daterangepicker td.off {
  color: #999;
}
.daterangepicker td.disabled {
  color: #999;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #eee;
}
.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
  width: 60px;
  margin-bottom: 0;
}

.onde-panel,
.onde-panel td {
  font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
  font-size: 13px;
  line-height: 120%;
}
.onde-panel input[type=text],
.onde-panel textarea {
  border: none;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
}
.onde-panel select {
  /*    padding: 2px 2px 2px 5px;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1; */
  border: 1px solid #c1c1c1;
  background-color: #ffffff;
}
.onde-panel a {
  /*    color: #00970b; */
  color: #999;
}
.onde-panel {
  /*    background-color: #e0e0e0;
    padding: 1px; */
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.onde-panel .field .value input[type=text].value-input,
.onde-panel .field .value textarea.value-input {
  /*    box-sizing: border-box; */
  display: inline;
  width: 24em;
  border: none;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  /*    font-size: 1.17em; */
}
.onde-panel .field .value textarea.value-input {
  height: 6em;
  vertical-align: top;
}
.onde-panel .field.number .value input[type=text].value-input,
.onde-panel .field.integer .value input[type=text].value-input {
  font-family: Courier, "Courier New", monospace;
  width: 8em;
}
.onde-panel .field.object .value,
.onde-panel .field.array .value {
  color: #666;
}
.onde-panel .field-name {
  padding: 0 16px;
  display: inline-block;
  min-width: 80px;
  /*TODO: Vertical align */
  font-weight: bold;
}
.onde-panel .collapsible-panel {
  padding-bottom: 3px;
}
.onde-panel .field-name.collapser {
  background-image: url('https://d14to6y4nub5k1.cloudfront.net/lib/onde/treeDownTriangleBlack.png?1a4f6e5d7fbb');
  background-repeat: no-repeat;
  background-position: 5px 8px;
  /*    background-color: #f3f3f3; */
  /*    display: block; */
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  /*    min-width: 180px; */
  min-width: 0;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 2px;
}
.onde-panel .field-name.array-index {
  /*    min-width: 10px; */
  min-width: 23px;
  padding-right: 0;
}
.onde-panel .field-name.array-index.collapser {
  /*    min-width: 80px; */
}
.onde-panel .field-name.collapser.collapsed {
  background-image: url('https://d14to6y4nub5k1.cloudfront.net/lib/onde/treeRightTriangleBlack.png?1a4f6e5d7fbb');
  border-bottom: none;
  margin-bottom: 0;
}
.onde-panel .required-marker {
  color: #ff3333;
}
.onde-panel input[type=text].field-key-input {
  width: auto;
}
.onde-panel ul,
.onde-panel ol {
  /*    list-style: none; */
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f3f3f3;
}
.onde-panel label.field-name {
  color: #4f4f4f;
  /* color: #333; background-color: #fff; border-top-left-radius: 4px; */
}
.onde-panel label.field-name.collapser {
  display: block !important;
  background-color: #fff;
  /* margin-bottom: 2px; */
}
.onde-panel .field.primary > label.field-name {
  text-decoration: underline;
}
.onde-panel ul {
  list-style: none;
}
.onde-panel ol {
  /*    list-style-position: inside; */
}
.onde-panel ol li.array-item {
  /*    padding-left: 20px; */
}
.onde-panel li.field {
  background-color: #fff;
  border-left: 1px solid #d9d9d9;
  /*    background-color: #f3f3f3; */
  border-top: 1px solid #d9d9d9;
  /*    margin-top: 1px;
    margin-bottom: 1px; */
  padding-top: 3px;
  padding-bottom: 3px;
  /*    border-top-left-radius: 4px; */
}
.onde-panel li ul,
.onde-panel li ol,
.onde-panel li div.edit-bar {
  margin-left: 39px;
}
.onde-panel li div.edit-bar {
  margin: 0 0 0 39px;
  padding: 2px 7px;
  color: #999;
  /*    border-top: 1px solid #d9d9d9;
    border-top: 1px solid #e3e3e3; */
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f7f7f7;
}
.onde-panel li.field.object,
.onde-panel li.field.array {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}
.onde-panel li ul.inline {
  margin: 0;
  display: inline-block;
  padding-left: 0;
}
.onde-panel small.description {
  vertical-align: top;
  width: 320px;
  margin-left: 30px;
  margin-right: 10px;
  color: #aaa;
  display: inline-block;
  font-weight: normal;
}
.onde-panel .inline li {
  display: inline;
}
.onde-panel .inline li .field-name {
  text-align: right;
}
.onde-panel button.field-add {
  /*TODO: cross-browser */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #fafafa;
  /* for non-css3 browsers */
  border: 1px solid #afafaf;
  color: #444;
  font-size: inherit;
  margin-bottom: 0px;
  min-width: 4em;
  padding: 2px 12px 2px 12px;
}
.onde-panel button.field-add:hover {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: #999;
  color: #222;
}
.onde-panel button.field-add:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background-color: #ebebeb;
  color: #333;
}
.onde-panel button.field-delete {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  /*    color: #e70000; */
  color: transparent;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background-image: url('https://d14to6y4nub5k1.cloudfront.net/lib/onde/delete.png?1a4f6e5d7fbb');
  /*    padding-left: 10px; */
}
.onde-panel button.field-delete:hover {
  /*    color: #e70000; */
  color: transparent;
  background-position: 32px 0;
}
.onde-panel button.field-delete:active {
  background-position: 16px 0;
}
.onde-panel th,
.onde-panel td {
  padding: 0 1em;
}
.onde-panel .field.error,
.onde-panel .field.error > label.field-name.collapser {
  background-color: #ffe6df;
}

/*!
angular-xeditable - 0.1.8
Edit-in-place for angular.js
Build date: 2014-01-10
*/
.editable-wrap {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
  margin-bottom: 0;
}
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
  margin-bottom: 0;
}
.editable-wrap .editable-input {
  display: inline-block;
}
.editable-buttons {
  display: inline-block;
  vertical-align: top;
}
.editable-buttons button {
  margin-left: 5px;
}
.editable-input.editable-has-buttons {
  width: auto;
}
.editable-bstime .editable-input input[type=text] {
  width: 46px;
}
.editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}
.editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}
.editable-color input[type=color] {
  width: 50px;
}
.editable-checkbox label span,
.editable-checklist label span,
.editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}
.editable-hide {
  display: none !important;
}
.editable-click,
a.editable-click {
  text-decoration: none;
  color: #428bca;
  border-bottom: dashed 1px #428bca;
}
.editable-click:hover,
a.editable-click:hover {
  text-decoration: none;
  color: #2a6496;
  border-bottom-color: #2a6496;
}
.editable-empty,
.editable-empty:hover,
.editable-empty:focus,
a.editable-empty,
a.editable-empty:hover,
a.editable-empty:focus {
  font-style: italic;
  color: #D14;
  text-decoration: none;
}

/* angular-ui-tree css file */
.angular-ui-tree-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}
.angular-ui-tree-nodes {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 20px;
}
.angular-ui-tree-node,
.angular-ui-tree-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px;
}
.angular-ui-tree-hidden {
  display: none;
}
.angular-ui-tree-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
}
.angular-ui-tree-handle {
  cursor: move;
  text-decoration: none;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 20px;
  line-height: 20px;
}
.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  opacity: 0.8;
}

@font-face {
  font-family: 'codehs-icons-v1_8';
  src: url('https://d14to6y4nub5k1.cloudfront.net/font/codehs-icons-v1_8.eot?29317514&878b5ef2510c');
  src: url('https://d14to6y4nub5k1.cloudfront.net/font/codehs-icons-v1_8.eot?29317514&878b5ef2510c#iefix') format('embedded-opentype'), url('https://d14to6y4nub5k1.cloudfront.net/font/codehs-icons-v1_8.woff?29317514&878b5ef2510c') format('woff'), url('https://d14to6y4nub5k1.cloudfront.net/font/codehs-icons-v1_8.ttf?29317514&878b5ef2510c') format('truetype'), url('https://d14to6y4nub5k1.cloudfront.net/font/codehs-icons-v1_8.svg?29317514&878b5ef2510c#codehs-icons-v1_8') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'codehs-icons-v1_8';
    src: url('https://d14to6y4nub5k1.cloudfront.net/font/codehs-icons-v1_8.svg?29317514&878b5ef2510c#codehs-icons-v1_8') format('svg');
  }
}
*/
[class^="chs-icon-"]:before,
[class*=" chs-icon-"]:before {
  font-family: "codehs-icons-v1_8";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.chs-icon-bell:before {
  content: '\e800';
}
/* '' */
.chs-icon-bug:before {
  content: '\e801';
}
/* '' */
.chs-icon-example:before {
  content: '\e802';
}
/* '' */
.chs-icon-code:before {
  content: '\e803';
}
/* '' */
.chs-icon-check:before {
  content: '\e804';
}
/* '' */
.chs-icon-folder:before {
  content: '\e805';
}
/* '' */
.chs-icon-stopwatch:before {
  content: '\e806';
}
/* '' */
.chs-icon-lightbulb:before {
  content: '\e807';
}
/* '' */
.chs-icon-calendar:before {
  content: '\e808';
}
/* '' */
.chs-icon-class:before {
  content: '\e809';
}
/* '' */
.chs-icon-nametag:before {
  content: '\e80a';
}
/* '' */
.chs-icon-video:before {
  content: '\e80b';
}
/* '' */
.chs-icon-computer:before {
  content: '\e80c';
}
/* '' */
.chs-icon-book:before {
  content: '\e80d';
}
/* '' */
.chs-icon-book-empty:before {
  content: '\e80e';
}
/* '' */
.chs-icon-pencil:before {
  content: '\e80f';
}
/* '' */
.chs-icon-ellipses-h:before {
  content: '\e810';
}
/* '' */
.chs-icon-plus-squared-alt:before {
  content: '\e811';
}
/* '' */
.chs-icon-minus-squared-alt:before {
  content: '\e812';
}
/* '' */
.chs-icon-messages:before {
  content: '\e813';
}
/* '' */
.chs-icon-resume:before {
  content: '\e814';
}
/* '' */
.chs-icon-chart:before {
  content: '\e815';
}
/* '' */
.chs-icon-bars:before {
  content: '\e816';
}
/* '' */
.chs-icon-apple:before {
  content: '\e817';
}
/* '' */
.chs-icon-screen:before {
  content: '\e818';
}
/* '' */
.chs-icon-user-add:before {
  content: '\e819';
}
/* '' */
.chs-icon-map:before {
  content: '\e81a';
}
/* '' */
.chs-icon-cancel:before {
  content: '\e81b';
}
/* '' */
.chs-icon-circle-empty:before {
  content: '\e81c';
}
/* '' */
.chs-icon-lightbulb-alt:before {
  content: '\e81d';
}
/* '' */
.chs-icon-graduation-cap:before {
  content: '\e81e';
}
/* '' */
.chs-icon-headset:before {
  content: '\e81f';
}
/* '' */
.chs-icon-price-tag:before {
  content: '\e820';
}
/* '' */
.chs-icon-dots-9:before {
  content: '\e821';
}
/* '' */
.chs-icon-dots-4:before {
  content: '\e822';
}
/* '' */
.chs-icon-gear:before {
  content: '\e823';
}
/* '' */
.chs-icon-forum:before {
  content: '\e824';
}
/* '' */
.chs-icon-refresh:before {
  content: '\e825';
}
/* '' */
.chs-icon-pause:before {
  content: '\e826';
}
/* '' */
.chs-icon-forward:before {
  content: '\e827';
}
/* '' */
.chs-icon-turtle:before {
  content: '\e828';
}
/* '' */
.chs-icon-rabbit:before {
  content: '\e829';
}
/* '' */
.chs-icon-cake:before {
  content: '\e82a';
}
/* '' */
.chs-icon-user:before {
  content: '\e82b';
}
/* '' */
.chs-icon-speech:before {
  content: '\e82c';
}
/* '' */

/*!
 * bootstrap-select v1.5.4
 * http://silviomoreto.github.io/bootstrap-select/
 *
 * Copyright 2013 bootstrap-select
 * Licensed under the MIT license
 */
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
  float: none;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
  float: right;
}
.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px\0;
  /*IE9 and below*/
}
.bootstrap-select.form-control:not([class*="span"]) {
  width: 100%;
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.error .bootstrap-select .btn {
  border: 1px solid #b94a48;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 2051;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  float: left;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group[class*="span"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 2000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu dt {
  display: block;
  padding: 3px 20px;
  cursor: default;
}
.bootstrap-select.btn-group .div-contain {
  overflow: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li > a.opt {
  position: relative;
  padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li > a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li > dt small {
  font-weight: normal;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
  position: absolute;
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small {
  color: #64b1d8;
  color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li > dt small {
  font-weight: normal;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select-searchbox,
.bootstrap-select .bs-actionsbox {
  padding: 4px 8px;
}
.bootstrap-select .bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bootstrap-select-searchbox input {
  margin-bottom: 0;
}
.bootstrap-select .bs-actionsbox .btn-group button {
  width: 50%;
}

ul.tagit {
  padding: 1px 5px;
  overflow: auto;
  margin-left: inherit;
  /* usually we don't want the regular ul margins. */
  margin-right: inherit;
}
ul.tagit li {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
  position: relative;
  line-height: inherit;
}
input.tagit-hidden-field {
  display: none;
}
ul.tagit li.tagit-choice-read-only {
  padding: .2em .5em .2em .5em;
}
ul.tagit li.tagit-choice-editable {
  padding: .2em 18px .2em .5em;
}
ul.tagit li.tagit-new {
  padding: .25em 4px .25em 0;
}
ul.tagit li.tagit-choice a.tagit-label {
  cursor: pointer;
  text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
  cursor: pointer;
  position: absolute;
  right: .1em;
  top: 50%;
  margin-top: -8px;
  line-height: 17px;
}
/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: none;
}
ul.tagit li.tagit-choice input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
  width: inherit;
  background-color: inherit;
  outline: none;
}

@import url('//fonts.googleapis.com/css?family=Grand+Hotel');
@import url('//fonts.googleapis.com/css?family=Clicker+Script');
@import url('//fonts.googleapis.com/css?family=Telex');
/*
 * MIXINS!
 */
/*

This is the main colors file for the entire project.
Please name all colors, and use colors named here.

*/
/* Main site colors */
/* extended pallette */
/* progress Colors */
/* color-centric classes */
.text-blue {
  color: #27a9e1;
}
.text-green {
  color: #8cc63e;
}
.text-orange {
  color: #fbaf3f;
}
.text-red {
  color: #de5844;
}
.text-yellow {
  color: #ffdd17;
}
.text-indigo {
  color: #2e3092;
}
.text-purple {
  color: #9e1e62;
}
.text-teal {
  color: #00a79d;
}
.text-grey {
  color: #beccd4;
}
.bg-red {
  background-color: #de5844;
}
.bg-blue {
  background-color: #27a9e1;
}
.bg-orange {
  background-color: #fbaf3f;
}
.bg-indigo {
  background-color: #2e3092;
}
.bg-green {
  background-color: #8cc63e;
}
.bg-purple {
  background-color: #9e1e62;
}
.bg-teal {
  background-color: #00a79d;
}
.bg-yellow {
  background-color: #ffdd17;
}
.bg-grey {
  background-color: #beccd4;
}
.bg-slate {
  background-color: #6b757b;
}
.bg-pink {
  background-color: #ff99c6;
}
.bg-facebook {
  background-color: #3b5999;
}
.bg-twitter {
  background-color: #4099ff;
}
.bg-sky-blue {
  background-color: #f4f8fc;
}
/* Text specifications: fonts, weights, etc. */
/* Constants for use with the font-weight properties. */
/* text-rules based classes */
.heading {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  text-transform: uppercase;
}
.bigyear .btn {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 14px;
}
.bigyear h1,
.bigyear h2,
.bigyear h3,
.bigyear h4,
.bigyear h5,
.bigyear h6 {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
.bigyear h2.heading {
  font-size: 38px;
  font-weight: bold;
}
.bigyear h3.heading {
  font-size: 18px;
  font-weight: normal;
}
.bigyear h4.heading {
  font-size: 14px;
  font-weight: normal;
}
/* Update */
/* 1 ==> true, -1 ==> false */
/* Necessary for divs to be able to extend the whole page */
html {
  height: 100%;
}
body.body-full {
  height: 100%;
}
.full-page {
  height: 100%;
}
.no-scroll {
  overflow: hidden;
}
/*
EDITABLE ICONS
*/
.edit-icon i.chs-icon-pencil {
  color: #ccc;
  cursor: pointer;
  position: relative;
  left: 5px;
  bottom: 1px;
}
/* Space between the update and cancel buttons. */
.icon-green {
  color: green;
}
.icon-red {
  color: red;
}
.karel-spin {
  width: 35px;
  height: 35px;
}
.icon-switchelem {
  padding: 8px;
  position: absolute;
}
/* STUB: move these into a separate css file. */
[data-ui='editable_text'] .edit-update {
  background-color: #27a9e1;
  margin-left: 5px;
  margin-top: 5px;
}
[data-ui='editable_text'] .edit-cancel {
  color: #27a9e1;
  margin-top: 5px;
  text-transform: uppercase;
}
[data-ui='editable_text'] .icon-ok {
  color: green;
  margin-left: 10px;
}
[data-ui='editable_text'] .icon-remove {
  color: red;
  margin-left: 10px;
}
/* MODIFIED HERE */
code,
pre {
  padding: 0 3px 2px;
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace;
  font-size: 12px;
  /*color: #333333;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* Fixes bug where indentation appeared correct in editor but
 * wrong on grading review page. */
pre.prettyprint {
  tab-size: 4;
}
.invisible {
  visibility: hidden;
}
.alert-gray {
  color: black;
  background-color: #E6E6E6;
  border-color: #C4C4C4;
}
.alert-red {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  background-color: #de5844;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border: none;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.gone {
  display: none;
}
.center {
  text-align: center;
}
.left-align {
  text-align: left;
}
.right-align {
  text-align: right;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.absolute-top-left {
  position: absolute;
  top: 0px;
  left: 0px;
}
.small {
  font-size: 70%;
}
.errorlist {
  padding: 8px 35px 8px 14px;
  margin-bottom: 5px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  list-style-type: none;
  margin-left: 0;
}
/* General Things */
.page-title {
  font-size: 33px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.pointer {
  cursor: pointer;
}
.uppercase {
  text-transform: uppercase;
}
.bold {
  font-weight: bold;
}
.no-border-bottom {
  border-bottom: none !important;
}
/* Makes the element height same as the viewport height*/
.full-height-div {
  height: 100vh;
}
.form-box-shadow {
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
}
.no-box-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-alert {
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
}
.ellipsis-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popover {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 300px;
}
.popover a {
  text-align: center;
  color: #27a9e1;
  line-height: 24px;
  font-weight: 400;
}
.popover a:hover {
  text-decoration: none;
  color: rgba(39, 169, 225, 0.8);
}
/* UI Elements and Font Styling*/
.btn-main {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
}
.btn-main:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main:focus {
  color: #FFFFFF;
}
.btn-main-blue {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
}
.btn-main-blue:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-blue:focus {
  color: #FFFFFF;
}
.btn-facebook {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #3b5999;
}
.btn-facebook:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-facebook:focus {
  color: #FFFFFF;
}
.btn-facebook:hover {
  background-color: #3b5999;
}
.btn-twitter {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #4099ff;
}
.btn-twitter:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-twitter:focus {
  color: #FFFFFF;
}
.btn-twitter:hover {
  background-color: #4099ff;
}
.btn-main-red {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #de5844;
}
.btn-main-red:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-red:focus {
  color: #FFFFFF;
}
.btn-main-red:hover {
  background-color: #c8503e;
}
.btn-main-orange {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #fbaf3f;
}
.btn-main-orange:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-orange:focus {
  color: #FFFFFF;
}
.btn-main-orange:hover {
  background-color: #eca53c;
}
.btn-main-green {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #8cc63e;
}
.btn-main-green:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-green:focus {
  color: #FFFFFF;
}
.btn-main-green:hover {
  background-color: #85be39;
}
.btn-main-dark-blue {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #28384a;
}
.btn-main-dark-blue:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-dark-blue:focus {
  color: #FFFFFF;
}
.btn-main-dark-blue:hover {
  background-color: #161f29;
}
.btn-main-yellow {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #ffdd17;
}
.btn-main-yellow:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-yellow:focus {
  color: #FFFFFF;
}
.btn-main-yellow:hover {
  background-color: #efcb1b;
}
.btn-main-teal {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #00a79d;
}
.btn-main-teal:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-teal:focus {
  color: #FFFFFF;
}
.btn-main-teal:hover {
  background-color: #039285;
}
.btn-main-purple {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #9e1e62;
}
.btn-main-purple:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-purple:focus {
  color: #FFFFFF;
}
.btn-main-purple:hover {
  background-color: #77194f;
}
.btn-main-indigo {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #2e3092;
}
.btn-main-indigo:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-indigo:focus {
  color: #FFFFFF;
}
.btn-main-indigo:hover {
  background-color: #252a72;
}
.btn-main-silver {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #95a5ac;
}
.btn-main-silver:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-silver:focus {
  color: #FFFFFF;
}
.btn-main-silver:hover {
  background-color: #8c9ba2;
}
.btn-main-slate {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #6b757b;
}
.btn-main-slate:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-slate:focus {
  color: #FFFFFF;
}
.btn-main-slate:hover {
  background-color: #606a6f;
}
.btn-main-white {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  color: #555555;
}
.btn-main-white:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-white:focus {
  color: #FFFFFF;
}
.btn-main-white:hover {
  background-color: rgba(190, 204, 212, 0.25);
  color: #555555;
}
.btn-main-white:focus {
  color: #555555;
}
.btn-main-transparent {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: transparent;
  border: solid 1px #FFFFFF;
}
.btn-main-transparent:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.btn-main-transparent:focus {
  color: #FFFFFF;
}
.btn-main-transparent:hover {
  background-color: transparent;
  opacity: .5;
}
.sidenav {
  position: absolute;
  width: 200px;
  background-color: #28384a;
}
.sidenav .profile-photo-wrapper {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 2px solid #beccd4;
  width: 100px;
  height: 100px;
  padding: 0;
  margin: auto;
  overflow: hidden;
  background-color: #FFFFFF;
  margin-bottom: 15px;
}
.sidenav .profile-photo-wrapper img {
  width: 100%;
}
.sidenav .sidenav-header {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  color: #FFFFFF;
  padding-left: 30px;
  margin-top: 15px;
}
.sidenav .sidenav-name {
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  letter-spacing: .5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.sidenav #profile-toggle button {
  margin-top: 15px;
  margin-left: 30px;
  width: 140px;
  text-align: left;
  height: 35px;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 12px;
}
.sidenav #profile-toggle button span {
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.sidenav #profile-toggle button:focus {
  outline: none;
}
.sidenav #profile-toggle .chs-icon-check {
  position: absolute;
  color: #FFFFFF;
  left: 6px;
}
.sidenav #profile-toggle .dropdown-menu {
  background-color: #27a9e1;
  width: 142px;
  padding: 0;
  margin-left: 29px;
  min-width: 0;
}
.sidenav #profile-toggle .dropdown-menu li {
  padding-left: 25px;
  line-height: 40px;
  font-size: 12px;
}
.sidenav #profile-toggle .dropdown-menu li:first-child {
  text-transform: none;
  letter-spacing: initial;
}
.sidenav #profile-toggle .dropdown-menu li:hover {
  background-color: #2499cc;
}
.sidenav #profile-toggle .dropdown-menu li a {
  color: #FFFFFF;
  text-transform: uppercase;
  padding-left: 5px;
}
.sidenav #profile-toggle .dropdown-menu li a:hover {
  background-color: transparent;
}
.sidenav .sidenav-class {
  color: #27a9e1;
  display: inline-block;
  width: 100%;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
  padding-left: 10px;
  padding-right: 10px;
}
.sidenav .sidenav-class:hover {
  color: rgba(39, 169, 225, 0.8);
}
.sidenav .sidenav-bio {
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
}
.sidenav hr {
  background-color: #979797;
  opacity: .15;
}
.sidenav ul {
  padding-left: 30px;
  padding-right: 30px;
  list-style-type: none;
}
.sidenav ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.sidenav ul li:first-child {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.sidenav ul li:first-child span {
  line-height: 17px;
  vertical-align: middle;
}
.sidenav ul li:first-child img {
  width: 15px;
  margin-right: 7px;
}
.sidenav ul li a {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sidenav ul li a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
.sidenav-blue-links li:first-child {
  color: #27a9e1;
}
.sidenav-orange-links li:first-child {
  color: #fbaf3f;
}
.sidenav-green-links li:first-child {
  color: #8cc63e;
}
.sidenav-white-links li:first-child {
  color: #FFFFFF;
}
.sidenav-icon {
  width: 15px;
  margin-right: 7px;
}
.metrics-table p {
  margin-bottom: 0;
}
.metrics-table p:first-child {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #BECCD4;
  letter-spacing: .5px;
}
.metrics-table p:nth-child(2) {
  font-weight: 200;
  font-size: 30px;
  color: #555555;
}
.dashboard-title {
  color: #555555;
  font-size: 24px;
  letter-spacing: .4px;
  font-weight: 200;
  padding-left: 15px;
  display: inline-block;
}
.dashboard-subtitle {
  text-transform: uppercase;
  color: #a7aeb6;
  font-size: 14px;
  letter-spacing: .4px;
  font-weight: 400;
}
.queue-header {
  margin: 20px 0;
  padding: 0 30px;
}
.queue-header .dashboard-subtitle {
  display: inline-block;
  line-height: 31px;
}
.queue-header .queue-toggle {
  color: #a7aeb6;
  line-height: 31px;
}
.queue-header .queue-toggle:hover {
  color: #8c9ba2;
}
.queue-header .queue-toggle.toggle-active {
  color: #555555;
  font-weight: 600;
}
.queue-header .queue-toggle.toggle-active:hover {
  color: #555555;
}
.queue-header a {
  font-size: 12px;
  margin-left: 10px;
}
.progressbar {
  background-color: #beccd4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 10px;
}
.progressbar div {
  height: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.wrap {
  background: #fff;
  padding: 10px 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
}
.antialias {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Form items */
.codehs-form input[type=text],
.codehs-form textarea,
.codehs-form input[type=password] {
  height: 52px;
  font-size: 14px;
  color: #555555;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 6px 10px;
  border: 1px solid #efedee;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: block;
}
.codehs-form input[type=text]:focus,
.codehs-form textarea:focus,
.codehs-form input[type=password]:focus {
  outline: 1px solid #fbaf3f;
  border: 1px solid #efedee;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.codehs-form input::-webkit-input-placeholder,
.codehs-form textarea::-webkit-input-placeholder {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 22px;
}
.codehs-form input:-moz-placeholder,
.codehs-form textarea:-moz-placeholder {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 22px;
}
.codehs-form input::-moz-placeholder,
.codehs-form textarea::-moz-placeholder {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 22px;
}
.codehs-form input:-ms-input-placeholder,
.codehs-form textarea:-ms-input-placeholder {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 22px;
}
.codehs-form .error input[type=text],
.codehs-form .pw-match-error input[type=text],
.codehs-form .email-used-error input[type=text],
.codehs-form .error textarea,
.codehs-form .pw-match-error textarea,
.codehs-form .email-used-error textarea,
.codehs-form .error input[type=password],
.codehs-form .pw-match-error input[type=password],
.codehs-form .email-used-error input[type=password],
.codehs-form .error button.selectpicker,
.codehs-form .pw-match-error button.selectpicker,
.codehs-form .email-used-error button.selectpicker {
  outline: 1px solid #de5844;
}
.codehs-form select {
  text-transform: uppercase;
  height: 52px;
  background: transparent;
  display: block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #efedee;
  -webkit-appearance: none;
  padding-left: 10px;
  font-size: 12px;
  color: #555555;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/down_orange.png?018b43abf0a6') no-repeat 90% center;
  -webkit-background-size: 12px auto;
  -moz-background-size: 12px auto;
  -o-background-size: 12px auto;
  background-size: 12px auto;
}
.codehs-form select:focus {
  outline: 1px solid #fbaf3f;
}
.codehs-form .bootstrap-select .btn {
  height: 52px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #efedee;
  color: #555555;
  text-transform: uppercase;
}
.codehs-form .bootstrap-select .btn:focus {
  background-color: #f4f8fc;
}
.codehs-form .bootstrap-select .btn:hover {
  background-color: #f4f8fc;
}
.codehs-form .bootstrap-select .btn .caret {
  color: #fbaf3f;
}
.codehs-form .bootstrap-select.open .btn {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  background-color: #f4f8fc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: none;
}
.codehs-form .bootstrap-select.open.dropup .btn {
  border-bottom: 1px solid #efedee;
  border-top: none;
}
.codehs-form .bootstrap-select.open.dropup .dropdown-menu {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}
.codehs-form .bootstrap-select div.dropdown-menu {
  max-height: 250px;
  overflow: auto;
}
.codehs-form .bootstrap-select .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  text-align: left;
  border: 1px solid #efedee;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.codehs-form .bootstrap-select .dropdown-menu li:focus {
  outline: none;
}
.codehs-form .bootstrap-select .dropdown-menu li:focus a {
  background-color: #fbaf3f;
}
.codehs-form .bootstrap-select .dropdown-menu li:focus a span,
.codehs-form .bootstrap-select .dropdown-menu li:focus a i {
  color: #FFFFFF;
}
.codehs-form .bootstrap-select .dropdown-menu li.disabled {
  display: none;
}
.codehs-form .bootstrap-select .dropdown-menu li span {
  line-height: 42px;
  color: #555555;
  margin-right: 0;
  margin-left: 25px;
}
.codehs-form .bootstrap-select .dropdown-menu li a:hover,
.codehs-form .bootstrap-select .dropdown-menu li a:focus {
  outline: none;
  background-color: #fbaf3f;
}
.codehs-form .bootstrap-select .dropdown-menu li a:hover span,
.codehs-form .bootstrap-select .dropdown-menu li a:focus span,
.codehs-form .bootstrap-select .dropdown-menu li a:hover i,
.codehs-form .bootstrap-select .dropdown-menu li a:focus i {
  color: #FFFFFF;
}
.codehs-form .bootstrap-select .dropdown-menu li i.check-mark {
  color: #555555;
  left: 15px;
  margin-top: 14.5px;
}
.codehs-form .bootstrap-select.has-placeholder .btn span:first-child {
  color: rgba(85, 85, 85, 0.65);
}
.tooltip-inner {
  background-color: #6b757b;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #6b757b;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #6b757b;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #6b757b;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #6b757b;
}
/* END MIXINS */
/**************/
body {
  background-color: white;
  padding-top: 60px;
  /* for the header */
}
/* The top navigation gets offset by the banner height */
#top-nav {
  top: 0px;
}
#wrapper {
  /*.wrapper-top(@BANNER_ON);*/
  margin-top: 0px;
  min-width: 900px;
}
select {
  margin: 2px;
}
#start_learning {
  background-color: #67e667;
  padding: 10px;
  margin-bottom: 10px;
}
/* Top banner on the home page*/
#banner-message {
  position: fixed;
  z-index: 1000000;
  top: 0;
  width: 100%;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  padding: 12px 19px;
}
/* The top navigation gets offset by the banner height */
#top-nav {
  top: 0px;
}
/* Pretty printing for code */
.com {
  color: #93a1a1;
}
.lit {
  color: #195f91;
}
.pun,
.opn,
.clo {
  color: #93a1a1;
}
.fun {
  color: #dc322f;
}
.str,
.atv {
  color: #D14;
}
.kwd,
.linenums .tag {
  color: #1e347b;
}
.typ,
.atn,
.dec,
.var {
  color: teal;
}
.pln {
  color: #48484c;
}
.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
  -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px;
  /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}
.nav-points {
  font-weight: bold;
  font-size: 11px;
  margin-left: 4px;
}
.nav-credits {
  font-size: 11px;
}
.nav-credits .icon-circle {
  font-size: 9px;
  margin-right: 2px;
  margin-left: 3px;
}
.icon-silver {
  color: #95aba6;
}
#banner {
  background-color: white;
  height: 650px;
  margin-top: 50px;
  margin: auto;
  padding: 0px;
  margin-bottom: 20px;
}
#banner img.csinhs {
  width: 350px;
  margin: auto;
  display: block;
}
#banner h1 {
  font-size: 60px;
  color: black;
  margin-top: 40px;
  line-height: 70px;
  cursor: pointer;
}
#banner h1 .read:hover {
  opacity: 0.7;
}
#banner h1 .write:hover {
  opacity: 0.7;
}
#banner h1 .code {
  color: #264f9f;
}
#banner h1 .code:hover {
  opacity: 0.7;
}
#banner .msg {
  font-size: 30px;
  display: block
        width: 900px;
  line-height: 40px;
  margin-top: 40px;
  font-weight: bold;
  text-align: center;
}
#banner .bannernews {
  width: 800px;
  display: block;
  margin: auto;
  margin-top: 40px;
  overflow: hidden;
}
#banner .bannernews div {
  float: left;
  display: inline-block;
  margin: 5px 50px;
}
#banner .bannernews div a {
  display: inline-block;
}
#banner .bannernews div a img {
  height: 70px;
  width: 70px;
  overflow: hidden;
  border: 2px solid white;
}
#banner .bannernews div a img:hover {
  border: 2px solid #eee;
}
.registration-container {
  margin-top: 20px;
}
.quickbox {
  position: fixed;
  width: 400px;
  top: 200px;
  left: 50%;
  margin-left: -200px;
  height: 100px;
  padding: 20px;
  text-align: center;
  font-size: 40px;
  padding-top: 100px;
}
img.badge-img {
  width: 80px;
  float: left;
  margin: 10px;
}
i.large {
  font-size: 40px;
}
.flex {
  display: -webkit-flex;
  display: flex;
}
.flex-column {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.flex-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex-align-center {
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
.flex-align-space-between {
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  align-items: center;
  justify-content: space-between;
}
.flex-align-start {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-align-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-unit {
  -webkit-flex: 1;
  flex: 1;
}
.flex-auto {
  -webkit-flex: auto;
  flex: auto;
}
#all-courses-container {
  margin-left: 25px;
  margin-right: 25px;
}
#all-courses-container #all-courses-table .module-image {
  height: 30px;
  width: 30px;
}
#all-courses-container #all-courses-table .image-column {
  max-width: 200px;
}
#all-courses-container #all-courses-table .course-image {
  max-width: 120px;
}
#targeted-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#targeted-wrapper #targeted-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/tutor_info/tutorbg.jpg?13069ad7546b') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#targeted-wrapper #targeted-header #targeted-overlay {
  padding: 90px 0 80px 0;
}
#targeted-wrapper #targeted-header #targeted-overlay .btn-main-blue {
  padding: 1.25em 2.75em;
  margin: 10px;
}
#targeted-wrapper #targeted-header #targeted-overlay .tutors-tagline {
  margin: 15px 0 65px 0;
}
#targeted-wrapper #view-button {
  border: 1px solid #FFFFFF;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
#targeted-wrapper #view-button:hover {
  opacity: .7;
}
#targeted-wrapper #panel-3-subject {
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#targeted-wrapper #panel-3-subject #content-image-row {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
}
#targeted-wrapper #panel-3-subject .header {
  font-weight: 600;
  font-size: 14px;
  color: #555555;
  padding: 20px;
}
#targeted-wrapper #panel-3-subject .content {
  max-width: 400px;
  margin: 0 auto;
  font-size: 14px;
  color: #909090;
  line-height: 20px;
}
#targeted-wrapper #panel-3-subject .green-button {
  background-color: #8cc63e;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
#targeted-wrapper #panel-3-subject .green-button:hover {
  background-color: #85be39;
  opacity: 1;
}
#targeted-wrapper #panel-3-subject #button-row {
  max-width: 1200px;
  margin: 0 auto;
}
#targeted-wrapper .sky-blue {
  background-color: #f4f8fc;
}
#targeted-wrapper .targeted-panel {
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 80px;
  padding-bottom: 80px;
}
#targeted-wrapper .targeted-panel .header {
  font-size: 24px;
  color: #555555;
  padding-top: 30px;
  padding-bottom: 20px;
}
#targeted-wrapper .targeted-panel .content {
  max-width: 400px;
  font-size: 14px;
  color: #909090;
  line-height: 20px;
}
#targeted-wrapper .targeted-panel .button {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
  margin-top: 40px;
}
#targeted-wrapper .targeted-panel .orange-button {
  font-size: 14px;
  background-color: #fbaf3f;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
  margin-top: 40px;
}
#targeted-wrapper .targeted-panel .orange-button:hover {
  background-color: #eca53c;
  opacity: 1;
}
#targeted-wrapper .targeted-panel .4-pane-image {
  width: 450px;
}
#targeted-wrapper .targeted-panel .icon {
  height: 150px;
}
#targeted-wrapper .targeted-panel .img {
  max-height: 400px;
  max-width: 597px;
  width: 100%;
  border-radius: 3px;
}
#targeted-wrapper .targeted-panel .shorter-img {
  max-height: 275px;
  border-radius: 3px;
  max-width: 434px;
  width: 100%;
}
#targeted-wrapper .targeted-panel .shorter-img.commgraphic {
  max-width: 614px;
}
#targeted-wrapper .resources-panel {
  padding: 50px;
  min-width: 1200px;
}
#targeted-wrapper .resources-panel .pdf-icon {
  font-family: 'FontAwesome';
  padding-left: 20px;
}
#targeted-wrapper .resources-panel .eye-icon {
  font-family: 'FontAwesome';
  padding-right: 10px;
}
#targeted-wrapper .resources-panel .zero-padding {
  padding: 0px;
}
#targeted-wrapper .resources-panel .horizontal-divider {
  max-height: 1px;
}
#targeted-wrapper .resources-panel .resources-header {
  padding: 20px;
  font-weight: 100;
  font-size: 38px;
  color: #555555;
}
#targeted-wrapper .resources-panel .resource-item {
  padding: 20px;
  height: 150px;
}
#targeted-wrapper .resources-panel .border-right {
  border-right: 2px solid #CCCCCC;
}
#targeted-wrapper .resources-panel .hacked-border {
  height: 2px;
  border-right: 2px solid #CCCCCC;
}
#targeted-wrapper .resources-panel .floating-border {
  background-color: #CCCCCC;
  margin-left: 20px;
  margin-right: 20px;
  height: 2px;
}
#targeted-wrapper .resources-panel .header {
  padding-left: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  color: #555555;
  line-height: 22px;
}
#targeted-wrapper .resources-panel .content {
  padding-left: 20px;
  font-size: 14px;
  color: #95A5AC;
  line-height: 20px;
}
#targeted-wrapper .resources-panel .read-more a {
  position: absolute;
  bottom: 20px;
  padding-left: 20px;
  font-weight: 600;
  font-size: 14px;
  color: #27A9E1;
}
#targeted-wrapper #join-schools-panel .content {
  margin-bottom: 40px;
}
#targeted-wrapper #join-schools-panel .btn {
  margin-bottom: 10px;
}
#targeted-wrapper #join-schools-panel .btn-main-orange {
  padding: 1.25em 2.53em;
  margin-right: 10px;
}
#targeted-wrapper #join-schools-panel .btn-main-transparent {
  border-color: #fbaf3f;
  padding: 1.25em 3.25em;
  color: #fbaf3f;
}
#targeted-wrapper #join-schools-panel .btn-main-transparent:hover {
  border-color: #eca53c;
  background-color: #eca53c;
  color: #FFFFFF;
  opacity: 1;
}
#friends-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#friends-wrapper #friends-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/about/aboutimage.jpg?32c3118b6853') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#friends-wrapper #partners-panel {
  padding: 30px;
}
#friends-wrapper #partners-panel #partners-title {
  font-size: 18px;
}
#friends-wrapper #partners-panel #partners-logos {
  text-align: center;
}
#friends-wrapper #partners-panel #partners-logos img {
  position: inline;
  width: 120px;
  margin: 20px;
}
#friends-wrapper #featured-panel {
  padding: 30px;
  background-color: #f4f8fc;
}
#friends-wrapper #featured-panel #featured-title {
  font-size: 18px;
}
#friends-wrapper #featured-panel #featured-logos img {
  position: inline;
  width: 80px;
  height: 80px;
  margin: 20px;
  border: 2px solid #CCCCCC;
}
#friends-wrapper #media-requests-panel {
  padding: 50px;
}
#team-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#team-wrapper #team-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/about/team_placeholder.jpg?0643b12b105c') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#team-wrapper #tlp-panel {
  padding: 80px;
  max-width: 800px;
  margin: 0 auto;
}
#team-wrapper #tlp-panel .tlp-image {
  padding: 10px;
}
#team-wrapper #tlp-panel .tlp-header {
  font-size: 18px;
}
#team-wrapper #tlp-panel .tlp-content {
  font-size: 12px;
  color: #AAAAAA;
  line-height: 19px;
  letter-spacing: .9px;
  padding: 10px;
}
#team-wrapper .team-image-panel {
  margin-bottom: 100px;
  width: 100%;
}
#team-wrapper .team-image-panel .img-strip {
  width: 100%;
  min-height: 120px;
}
#team-wrapper #team-panel .small-left-padding {
  padding-left: 10px;
}
#team-wrapper #team-panel .team-bio {
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 60px;
}
#team-wrapper #team-panel .team-bio .name-title {
  line-height: 25px;
  font-weight: 600;
  color: #27a9e1;
}
#team-wrapper #team-panel .team-bio .name-title .title {
  color: black;
}
#team-wrapper #team-panel .team-bio .blurb {
  color: #555555;
}
#testimonials-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#testimonials-wrapper #testimonials-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/testimonials/testimonial_background.jpg?d489b7fdf780') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#testimonials-wrapper #testimonials-header #testimonials-header-button {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
}
#testimonials-wrapper #testimonials-header #testimonials-title {
  font-size: 38px;
  color: #FFFFFF;
  font-weight: 200;
  margin: 50px;
}
#testimonials-wrapper #testimonials-header #testimonials-subtitle {
  font-size: 14px;
  opacity: 0.85;
}
#testimonials-wrapper #testimonials-content {
  max-width: 1500px;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 50px;
  text-align: center;
  margin: 0 auto;
}
#testimonials-wrapper #testimonials-content .testimonials-border-right {
  line-height: 70%;
  border-right: 2px solid #95A5AC;
}
#testimonials-wrapper #testimonials-content .content-header {
  font-size: 14px;
  font-weight: 600;
  color: #565B5E;
  margin-bottom: 20px;
}
#testimonials-wrapper #testimonials-content .testimonials-pic {
  border-radius: 100%;
  padding: 10px;
  width: 110px;
  height: 110px;
}
#testimonials-wrapper #testimonials-content .testimonials-box {
  margin: 20px;
  overflow: auto;
}
#testimonials-wrapper #testimonials-content .testimonials-quote {
  text-align: left;
  background-color: #F4F8FC;
  border-radius: 5px;
  font-size: 12px;
  color: #565B5E;
  opacity: 75%;
  line-height: 18px;
}
#testimonials-wrapper #testimonials-content .testimonials-quote p {
  margin: 10px;
}
#testimonials-wrapper #testimonials-content .testimonials-name-title {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 14px;
  color: #565B5E;
  font-weight: 600;
}
#testimonials-wrapper #testimonials-content .testimonials-location {
  margin: 10px;
  color: #27A9E1;
  font-size: 12px;
}
#faq-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/about/aboutimage.jpg?32c3118b6853') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#faq-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#faq-content-panel {
  padding: 30px;
}
#faq-set {
  width: 800px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
#faq-set .faq-question {
  font-size: 18pt;
  color: #555555;
  text-align: left;
  margin: 8px;
}
#faq-set .faq-answer {
  font-size: 14pt;
  color: rgba(85, 85, 85, 0.5);
  text-align: left;
  line-height: 24px;
  margin: 4px;
}
.faq-question {
  font-size: 18pt;
  color: #555555;
  text-align: left;
  margin: 8px;
}
.faq-answer {
  font-size: 14pt;
  color: rgba(85, 85, 85, 0.5);
  text-align: left;
  line-height: 24px;
  margin: 4px;
}
#contact-header {
  background: url('/static/img/about/aboutimage.jpg') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#contact-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#contact-panel {
  padding: 50px;
}
#contact-panel #contact-title {
  text-align: center;
  font-size: 16pt;
}
#contact-panel #contact-tagline {
  font-size: 10pt;
  color: #CCCCCC;
  text-align: left;
}
#contact-panel #contact-tagline p {
  text-align: center;
}
#news-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/about/aboutimage.jpg?32c3118b6853') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#news-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#news-wrapper #news-content-container {
  text-align: center;
  background-color: #f4f8fc;
}
#news-wrapper #news-content-container .z-top {
  z-index: 10;
  background-color: #f4f8fc;
}
#news-wrapper #news-content-container #news-items .button-container {
  width: 790px;
  overflow: auto;
  padding-bottom: 20px;
  margin: 0 auto;
}
#news-wrapper #news-content-container #news-items .button-container #press-kit-button {
  float: right;
  background-color: #8cc63e;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
#news-wrapper #news-content-container #news-items .button-container #press-kit-button:hover {
  background-color: #85be39;
}
#news-wrapper #news-content-container #news-items .news-container {
  width: 790px;
  height: 200px;
  background-color: #FFFFFF;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 3px;
}
#news-wrapper #news-content-container #news-items .news-content {
  text-align: left;
}
#news-wrapper #news-content-container #news-items .news-content .news-title .date {
  color: #27a9e1;
}
#news-wrapper #news-content-container #news-items .news-content .news-description a {
  color: #BBBBBB;
}
#news-wrapper #news-content-container #news-items .news-content .news-description a:hover {
  color: #444444;
}
.about-header {
  color: #FFFFFF;
  text-align: center;
  font-weight: 200;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  overflow-x: hidden;
}
.about-header .overlay {
  background: rgba(15, 66, 85, 0.7);
  padding: 90px 0 80px 0;
}
.about-header .overlay .tutors-tagline {
  margin: 15px 0 65px 0;
}
.about-header .about-title-button {
  display: inline;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
.about-header .about-title-button:hover {
  opacity: .7;
}
.about-title {
  font-size: 38px;
  font-weight: 100;
  margin: 50px;
}
#about-nav-bar {
  margin: 30px;
}
.white-text {
  color: white;
}
.nav-bar-links {
  text-align: center;
  background-color: #28384a;
  font-size: 12pt;
  padding: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nav-bar-links .nav-item {
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 9px;
}
.nav-bar-links .active-nav-bar {
  color: #27a9e1;
  border-bottom: 3px solid #27a9e1;
}
.nav-bar-links a {
  color: #FFFFFF;
}
.nav-bar-links a:hover {
  color: #DDDDDD;
}
.half-width {
  width: 50%;
}
.half-page-width {
  width: 50vw;
}
.blue-dash-spacer {
  height: 3px;
  width: 50px;
  border-color: #27A9E1;
  background-color: #27A9E1;
}
.white-dash-spacer {
  height: 3px;
  width: 50px;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.grey-dash-spacer {
  height: 3px;
  width: 50px;
  border-color: #EEECEE;
  background-color: #EEECEE;
}
.grey-dash-nav-spacer {
  height: 3px;
  width: 50px;
  border-color: #555555;
  background-color: #555555;
  margin: 0px;
}
.fit-to-div {
  max-width: 100%;
  max-height: 100%;
}
.small-padding {
  padding: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  margin-top: 10px;
}
/* SMALLER SIZES */
h1,
.h1 {
  font-size: 30px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 18px;
  line-height: 18px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 11px;
}
/*
.alert {
    padding: 0px 35px 8px 14px;
    margin-bottom: 5px;
}
*/
.alert-action {
  background-color: #67e667;
  border-color: #56d556;
  color: #333;
}
.alert-action:hover {
  background-color: #56d556 !important;
  color: #333;
}
.alert-success:hover {
  background-color: #cedfc7 !important;
  border-color: #d6e9c6;
  color: #468847;
}
/* Bootstrap 3 uses .form-control but this applies those styles
 * to any input[text] */
input[type="text"] {
  display: block;
  height: 34px;
  padding: 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="text"]::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder {
  color: #999999;
}
input[type="text"]::-webkit-input-placeholder {
  color: #999999;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"] {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textareainput[type="text"] {
  height: auto;
}
label {
  display: block;
}
#about-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/about/aboutimage.jpg?32c3118b6853') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#about-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#about-wrapper #mission-story {
  background-color: #27a9e1;
  padding-top: 50px;
  padding-bottom: 50px;
}
#about-wrapper #mission-story .spacer {
  height: 50px;
}
#about-wrapper #mission-story .tagline {
  text-align: center;
  font-size: 16pt;
  color: #2A5586;
}
#about-wrapper #mission-story h3 {
  font-weight: 600;
  letter-spacing: .9px;
  font-size: 16px;
  color: #FFFFFF;
}
#about-wrapper #mission-story p {
  opacity: 75%;
  font-size: 14px;
  line-height: 22px;
}
#about-wrapper #rwc-image {
  width: 30%;
}
#about-wrapper .team-image-panel {
  width: 100%;
}
#about-wrapper .team-image-panel .img-strip {
  width: 100%;
  min-height: 120px;
}
#about-wrapper .bottom-content .white-half {
  text-align: center;
  padding: 50px;
}
#about-wrapper .bottom-content .america-map {
  height: 550px;
  position: relative;
  bottom: 75px;
}
#about-wrapper .bottom-content .blue-half {
  background-color: #27a9e1;
  padding: 50px;
  padding-top: 300px;
}
#about-wrapper .bottom-content .blue-half .small-left-padding {
  padding-left: 10px;
}
#about-wrapper .bottom-content .blue-half #team-button-holder {
  margin-top: 20px;
}
#about-wrapper .bottom-content .blue-half #meet-team-button {
  background-color: #8cc63e;
  font-size: 14px;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
#about-wrapper .bottom-content .blue-half #meet-team-button:hover {
  background-color: #85be39;
}
#about-wrapper .bottom-content #map-header {
  font-size: 20px;
  font-weight: 200;
  color: #555555;
}
#about-wrapper .founder-bio {
  color: white;
  font-size: 12pt;
}
#about-wrapper .founder-bio a {
  color: #DDDDDD;
}
#about-wrapper .founder-bio a:hover {
  color: #888888;
}
#about-wrapper .founder-bio .founder-tag {
  font-weight: 600;
  letter-spacing: .9px;
  color: #FFFFFF;
  font-size: 16px;
}
#about-wrapper .founder-bio .bio {
  opacity: 75%;
  font-size: 14px;
  line-height: 22px;
}
#about-wrapper .founder-bio .position {
  color: #28384a;
}
#about-wrapper .founder-pic {
  max-width: 100px;
  max-height: 100px;
  border-radius: 100px;
}
.admin-widget {
  background-color: white;
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
  width: 275px;
  border: 2px solid black;
  padding: 10px 20px;
  float: left;
  height: 270px;
  overflow: scroll;
}
.admin-widget .title {
  font-size: 22px;
  margin-bottom: 10px;
}
.admin-widget .content {
  height: 200px;
}
#admin-search {
  margin-top: 30px;
  width: 100%;
  font-size: 16px;
  line-heigh: 23px;
}
/* general style improvements for BigYear redesign */
.bigyear .btn {
  margin: 10px;
  padding: 1em 2em;
  text-transform: uppercase;
  color: white;
}
.bigyear .subtle {
  opacity: 0.7;
}
.bigyear a.subtle {
  text-decoration: none;
  color: inherit;
}
.bigyear .square4 span {
  position: absolute;
  font-size: 10px;
}
.bigyear .square4 .top {
  top: 0;
}
.bigyear .square4 .bottom {
  top: 60%;
}
.bigyear .square4 .left {
  left: 0;
}
.bigyear .square4 .right {
  left: 60%;
}
.bigyear .tooltip {
  text-transform: none;
}
.bigyear ol.breadcrumb {
  background-color: #27333a;
  color: #f1f1f1;
  list-style: none;
  padding: 1em;
  border-radius: 0;
  margin: 0;
}
.bigyear ol.breadcrumb li a {
  color: inherit;
  background: inherit;
}
.bigyear ol.breadcrumb li {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  text-transform: uppercase;
  display: inline;
  background-color: #424849;
  margin: .5em .1em;
  padding: .5em 1em;
}
.bigyear ol.breadcrumb li + li:before {
  content: none;
}
.bigyear ol.breadcrumb li:first-child {
  border-top-left-radius: .4em;
  border-bottom-left-radius: .4em;
  margin-left: 40px;
}
.bigyear ol.breadcrumb li:last-child {
  background-color: #555555;
  border-top-right-radius: .4em;
  border-bottom-right-radius: .4em;
}
.charges {
  margin-top: 20px;
}
.charges .charge {
  width: 300px;
  margin-bottom: 10px;
  padding: 10px;
  background: #eee;
  border: 1px solid #ccc;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
}
.checkout-btn-submit {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #fbaf3f;
  width: 275px;
  height: 52px;
  margin-top: 13px;
}
.checkout-btn-submit:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
.checkout-btn-submit:focus {
  color: #FFFFFF;
}
.checkout-btn-submit:hover {
  background-color: #eca53c;
}
.btn-group > .checkout-btn,
.checkout-btn {
  text-transform: uppercase;
  height: 52px;
  min-width: 100px;
  font-size: 12px;
  letter-spacing: 0.5px;
  background-color: #FFFFFF;
  color: #95a5ac;
  border-radius: 3px;
  border: 1px solid #D4D4D4;
}
.btn-group > .checkout-btn:hover,
.checkout-btn:hover {
  background-color: #fbfdff;
  color: #95a5ac;
}
.btn-group > .checkout-btn-active,
.checkout-btn-active {
  text-transform: uppercase;
  height: 52px;
  min-width: 100px;
  font-size: 12px;
  letter-spacing: 0.5px;
  background-color: #FFFFFF;
  color: #95a5ac;
  border-radius: 3px;
  border: 1px solid #D4D4D4;
  background-color: #27a9e1;
  color: #C4E7F7;
  box-shadow: inset 0px 1px 3px 1px #0B89BA;
}
.btn-group > .checkout-btn-active:hover,
.checkout-btn-active:hover {
  background-color: #fbfdff;
  color: #95a5ac;
}
.btn-group > .checkout-btn-active:hover,
.checkout-btn-active:hover {
  background-color: #2499cc;
  background-color: #27a9e1;
  color: #C4E7F7;
}
#checkout-page {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f3f8fb;
  color: #555555;
  letter-spacing: 1px;
  height: auto;
  min-height: 100%;
  /* Ensure that the button border won't change on hover. */
}
#checkout-page #checkout-header {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  -webkit-flex: 200px;
  flex: 200px;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/schoolbackground.jpg?71a39262d415') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  line-height: 200px;
  color: #FFFFFF;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 2px;
}
#checkout-page #checkout-header-text {
  font-weight: 200;
}
#checkout-page #checkout-fields {
  width: 640px;
}
#checkout-page #step-container {
  margin-top: 30px;
  width: 640px;
  height: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
#checkout-page .step-label {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  color: #6b757b;
  font-weight: 200;
  font-size: 14px;
}
#checkout-page .step-active {
  font-weight: 600;
  color: #555555;
}
#checkout-page #hr-background {
  width: 640px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/pricing_rule.png?71a39262d415') no-repeat center center;
  -webkit-background-size: auto auto;
  -moz-background-size: auto auto;
  -o-background-size: auto auto;
  background-size: auto auto;
}
#checkout-page .step-check {
  min-width: 40px;
  min-height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/progress_circle.png?71a39262d415') no-repeat center center;
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
#checkout-page .step-check .completed {
  width: 14px;
  height: 10px;
}
#checkout-page .step-check .active {
  width: 14px;
  height: 14px;
}
#checkout-page .step-link {
  color: #555555;
}
#checkout-page .step-link:hover {
  text-decoration: none;
  color: #27a9e1;
}
#checkout-page .step-img-link {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
#checkout-page #pricing-form {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
}
#checkout-page .form-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-bottom: 30px;
}
#checkout-page .checkout-form-group {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-flex: auto;
  flex: auto;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#checkout-page .checkout-form-label {
  text-transform: uppercase;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #555555;
}
#checkout-page .btn-group > .checkout-btn:hover {
  z-index: 0;
}
#checkout-page #checkout-message {
  width: 100%;
  padding-top: 40px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #95a5ac;
}
#checkout-page .input-wrap {
  background: #fff;
  padding: 10px 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  width: 550px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
#checkout-page .input-wrap select,
#checkout-page .input-wrap input {
  width: 100%;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 14px;
}
#checkout-page .input-wrap select::-webkit-input-placeholder,
#checkout-page .input-wrap input::-webkit-input-placeholder {
  font-size: 14px;
  letter-spacing: 0px;
}
#checkout-page .input-wrap select:-moz-placeholder,
#checkout-page .input-wrap input:-moz-placeholder {
  font-size: 14px;
  letter-spacing: 0px;
}
#checkout-page .input-wrap select::-moz-placeholder,
#checkout-page .input-wrap input::-moz-placeholder {
  font-size: 14px;
  letter-spacing: 0px;
}
#checkout-page .input-wrap select:-ms-input-placeholder,
#checkout-page .input-wrap input:-ms-input-placeholder {
  font-size: 14px;
  letter-spacing: 0px;
}
#checkout-page .input-wrap .bootstrap-select {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#checkout-page .input-wrap .input-top,
#checkout-page .input-wrap .input-middle,
#checkout-page .input-wrap .input-bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
#checkout-page .input-wrap .input-top,
#checkout-page .input-wrap .input-middle,
#checkout-page .input-wrap .input-bottom,
#checkout-page .input-wrap .input-left,
#checkout-page .input-wrap .input-right {
  width: 100%;
}
#checkout-page .input-wrap .input-top,
#checkout-page .input-wrap .input-middle {
  padding-bottom: 8px;
}
#checkout-page .input-wrap .input-left {
  padding-right: 8px;
}
#checkout-page .input-wrap .input-right {
  padding-left: 8px;
}
#checkout-page .list-info {
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  letter-spacing: 0.5px;
}
#checkout-page .list-info .list-row {
  width: 100%;
  height: 25px;
  color: #95a5ac;
}
#checkout-page .list-info .list-row label {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 10px;
  color: #95a5ac;
  font-weight: 600;
}
#checkout-page .list-info #total-cost-row.list-row {
  color: #555555;
}
#checkout-page .list-info #total-cost-row.list-row label {
  color: #555555;
}
#checkout-page .list-info :not(:last-child) {
  height: 50px;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/pricing_rule.png?71a39262d415') no-repeat center 35px;
  -webkit-background-size: auto auto;
  -moz-background-size: auto auto;
  -o-background-size: auto auto;
  background-size: auto auto;
}
#checkout-page #invoice-buttons {
  margin-bottom: 30px;
}
#checkout-page #checkout-btn-email {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: transparent;
  border: solid 1px #FFFFFF;
  margin-left: 6px;
  width: 215px;
  height: 52px;
  color: #95a5ac;
  border-color: #95a5ac;
}
#checkout-page #checkout-btn-email:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page #checkout-btn-email:focus {
  color: #FFFFFF;
}
#checkout-page #checkout-btn-email:hover {
  background-color: transparent;
  opacity: .5;
}
#checkout-page #checkout-btn-email:hover {
  color: #8c9ba2;
  border-color: #8c9ba2;
}
#checkout-page #checkout-btn-download {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #fbaf3f;
  width: 275px;
  height: 52px;
  margin-top: 13px;
  margin-top: 0px;
}
#checkout-page #checkout-btn-download:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page #checkout-btn-download:focus {
  color: #FFFFFF;
}
#checkout-page #checkout-btn-download:hover {
  background-color: #eca53c;
}
#checkout-page #checkout-btn-quote-download {
  background-color: #fbaf3f;
  width: 275px;
  height: 52px;
  margin-top: 13px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: #6b757b;
  margin-top: 0px;
  width: 225px;
}
#checkout-page #checkout-btn-quote-download:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-download:focus {
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-download:hover {
  background-color: #eca53c;
}
#checkout-page #checkout-btn-quote-download:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-download:focus {
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-download:hover {
  background-color: #606a6f;
}
#checkout-page #checkout-btn-quote-return {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  width: 275px;
  height: 52px;
  margin-right: 6px;
}
#checkout-page #checkout-btn-quote-return:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-return:focus {
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-email {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: transparent;
  border: solid 1px #FFFFFF;
  margin-left: 6px;
  width: 180px;
  height: 52px;
  color: #95a5ac;
  border-color: #95a5ac;
}
#checkout-page #checkout-btn-quote-email:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-email:focus {
  color: #FFFFFF;
}
#checkout-page #checkout-btn-quote-email:hover {
  background-color: transparent;
  opacity: .5;
}
#checkout-page #checkout-btn-quote-email:hover {
  color: #8c9ba2;
  border-color: #8c9ba2;
}
#checkout-page #invoice {
  width: 500px;
  height: 550px;
  border: 0px;
}
#checkout-page #share-this-page {
  width: 500px;
  padding-top: 20px;
}
#checkout-page #share-this-page input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  height: 50px;
  background-color: transparent;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  /* Cancel out disabled cursor on hover */
}
#checkout-page #share-this-page input:hover {
  cursor: pointer;
}
#checkout-page #class-duration-group {
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
#checkout-page #students-buttons {
  padding-bottom: 15px;
}
#checkout-page #students-buttons > .checkout-btn {
  min-width: 80px;
  font-size: 14px;
}
#checkout-page .less-than-sign {
  color: #6b757b;
  font-size: 12px;
  line-height: 100%;
}
#checkout-page .checkout-btn-active > .less-than-sign {
  color: #C4E7F7;
}
#checkout-page #students-input {
  padding: 10px 10px 10px 10px;
}
#checkout-page #num-students-row {
  margin-bottom: 10px;
}
#checkout-page #total-cost.form-row {
  height: 95px;
  background-color: rgba(216, 216, 216, 0.25);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  font-weight: 200;
  font-size: 16px;
}
#checkout-page #total-cost.form-row .num-students-group {
  margin-bottom: 2px;
}
#checkout-page #plan-description {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
#checkout-page #plan-cost {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
#checkout-page #price {
  font-size: 38px;
  font-weight: 600;
  padding-left: 10px;
}
#checkout-page #button-sibling {
  display: inline;
  margin-left: 15px;
}
#checkout-page .checkout-btn-quote {
  background-color: #fbaf3f;
  width: 275px;
  margin-top: 13px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: transparent;
  border: solid 1px #FFFFFF;
  width: 170px;
  height: 52px;
  color: #fbaf3f;
  border-color: #fbaf3f;
}
#checkout-page .checkout-btn-quote:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page .checkout-btn-quote:focus {
  color: #FFFFFF;
}
#checkout-page .checkout-btn-quote:hover {
  background-color: #eca53c;
}
#checkout-page .checkout-btn-quote:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page .checkout-btn-quote:focus {
  color: #FFFFFF;
}
#checkout-page .checkout-btn-quote:hover {
  background-color: transparent;
  opacity: .5;
}
#checkout-page .checkout-btn-quote:hover {
  color: #eca53c;
  border-color: #eca53c;
}
#checkout-page .footnote {
  font-size: 14px;
  font-weight: 200;
  color: #555555;
}
#checkout-page .footnote a {
  font-weight: normal;
  color: #27a9e1;
}
#checkout-page .footnote a:hover {
  color: #2499cc;
}
#checkout-page .checkout-table {
  width: 640px;
}
#checkout-page .checkout-table tbody tr:nth-child(odd) {
  background-color: #f3f8fb;
}
#checkout-page .checkout-table tbody tr:nth-child(even) {
  background-color: #fbfdff;
}
#checkout-page .checkout-table tbody td {
  border: 1px solid #eaebee;
}
#checkout-page .checkout-table td {
  vertical-align: middle;
}
#checkout-page .checkout-table td.description {
  padding: 30px;
}
#checkout-page .checkout-table td.feature {
  width: 127px;
  height: 143px;
}
#checkout-page .checkout-table td.feature.check {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/checkblue.png?71a39262d415') no-repeat center center;
  -webkit-background-size: 28px 28px;
  -moz-background-size: 28px 28px;
  -o-background-size: 28px 28px;
  background-size: 28px 28px;
}
#checkout-page .checkout-table .feature-title {
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 12px;
  color: #6b757b;
}
#checkout-page .checkout-table .feature-description {
  font-weight: 200;
  font-size: 12px;
  color: #6b757b;
}
#checkout-page #plan-table {
  width: 640px;
}
#checkout-page #plan-table tbody tr:nth-child(odd) {
  background-color: #f3f8fb;
}
#checkout-page #plan-table tbody tr:nth-child(even) {
  background-color: #fbfdff;
}
#checkout-page #plan-table tbody td {
  border: 1px solid #eaebee;
}
#checkout-page #plan-table td {
  vertical-align: middle;
}
#checkout-page #plan-table td.description {
  padding: 30px;
}
#checkout-page #plan-table td.feature {
  width: 127px;
  height: 143px;
}
#checkout-page #plan-table td.feature.check {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/checkblue.png?71a39262d415') no-repeat center center;
  -webkit-background-size: 28px 28px;
  -moz-background-size: 28px 28px;
  -o-background-size: 28px 28px;
  background-size: 28px 28px;
}
#checkout-page #plan-table .feature-title {
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 12px;
  color: #6b757b;
}
#checkout-page #plan-table .feature-description {
  font-weight: 200;
  font-size: 12px;
  color: #6b757b;
}
#checkout-page #plan-table #plan-header {
  height: 100px;
  background-color: #fbfdff;
  border: 1px solid #eaebee;
}
#checkout-page #plan-table th {
  border: 1px solid #eaebee;
}
#checkout-page #plan-table .header-font {
  font-size: 30px;
  color: #555555;
}
#checkout-page #plan-table #plan-text {
  font-size: 30px;
  color: #555555;
  padding-left: 30px;
  font-weight: 400;
}
#checkout-page #plan-table #features-text {
  font-size: 30px;
  color: #555555;
  font-weight: 100;
}
#checkout-page #plan-table .plan-name {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  color: #fbaf3f;
  font-weight: 600;
}
#checkout-page #support-table {
  width: 640px;
  margin-top: 20px;
  margin-bottom: 50px;
  /* Fix the gray border overlapping w/ blue border at intersection */
  /* End fix */
}
#checkout-page #support-table tbody tr:nth-child(odd) {
  background-color: #f3f8fb;
}
#checkout-page #support-table tbody tr:nth-child(even) {
  background-color: #fbfdff;
}
#checkout-page #support-table tbody td {
  border: 1px solid #eaebee;
}
#checkout-page #support-table td {
  vertical-align: middle;
}
#checkout-page #support-table td.description {
  padding: 30px;
}
#checkout-page #support-table td.feature {
  width: 127px;
  height: 143px;
}
#checkout-page #support-table td.feature.check {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/checkblue.png?71a39262d415') no-repeat center center;
  -webkit-background-size: 28px 28px;
  -moz-background-size: 28px 28px;
  -o-background-size: 28px 28px;
  background-size: 28px 28px;
}
#checkout-page #support-table .feature-title {
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 12px;
  color: #6b757b;
}
#checkout-page #support-table .feature-description {
  font-weight: 200;
  font-size: 12px;
  color: #6b757b;
}
#checkout-page #support-table tbody tr:nth-child(even) {
  background-color: #f3f8fb;
}
#checkout-page #support-table tbody tr:nth-child(odd) {
  background-color: #fbfdff;
}
#checkout-page #support-table tr:first-child td {
  border-top: 1px solid #27a9e1;
}
#checkout-page #support-table tr:last-child td {
  border-bottom: 1px solid #27a9e1;
}
#checkout-page #support-table tr td:first-child {
  border-left: 1px solid #27a9e1;
}
#checkout-page #support-table tr td:last-child {
  border-right: 1px solid #27a9e1;
}
#checkout-page #support-table tr:nth-child(2) {
  border-top: 1px solid #eaebee;
  border-bottom: 1px solid #eaebee;
}
#checkout-page #support-table td:nth-child(-n+2) {
  border: none;
  border-right: 1px solid #eaebee;
}
#checkout-page #support-table td:nth-last-child(-n+2) {
  border: none;
  border-left: 1px solid #eaebee;
}
#checkout-page #support-table tbody {
  border: 1px solid #eaebee;
  border-color: #27a9e1;
}
#checkout-page #support-table th {
  text-transform: uppercase;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #6b757b;
}
#checkout-page #support-table .blue-icon {
  color: #27a9e1;
}
#school-form select,
#school-form input {
  width: 100%;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 12px;
}
#school-form #school-name {
  margin-bottom: 10px;
}
#school-form #referrer-label {
  margin-top: 20px;
}
#school-form #referrer-info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
#school-form .referrer-icon {
  color: #27a9e1;
  padding-right: 5px;
}
#school-form #continue-row {
  width: 550px;
}
#school-form #continue-row #questions {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  max-width: 170px;
}
#school-form #continue-row #questions a {
  color: #27a9e1;
}
#school-form #continue-row #continue {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
#school-form #continue-row #continue button {
  margin-top: 0px;
}
#checkout-page {
  /* 'payment-details' instead of 'payment' because there is a non-namespaced 'payment-form' id in login.less */
}
#checkout-page #payment-details-form {
  width: 550px;
}
#checkout-page #payment-details-form #po-needed-radio {
  margin-top: 15px;
}
#checkout-page #payment-details-form input[type='radio'] {
  display: inline;
  vertical-align: baseline;
  margin-right: 5px;
}
#checkout-page #payment-details-form .radio-label {
  text-transform: uppercase;
  display: inline;
  padding-bottom: 0px;
  color: #6b757b;
  font-weight: 200;
  margin-right: 7px;
}
#checkout-page #payment-details-form #po-number {
  margin-top: 15px;
}
#checkout-page #payment-details-form .checkout-btn-submit {
  margin-top: 0px;
}
#checkout-page #confirm-page .btn {
  margin-top: 0px;
}
#checkout-page #confirm-page .checkout-btn-edit {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  background-color: transparent;
  border: solid 1px #FFFFFF;
  width: 170px;
  height: 52px;
  color: #95a5ac;
  border-color: #95a5ac;
}
#checkout-page #confirm-page .checkout-btn-edit:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#checkout-page #confirm-page .checkout-btn-edit:focus {
  color: #FFFFFF;
}
#checkout-page #confirm-page .checkout-btn-edit:hover {
  background-color: transparent;
  opacity: .5;
}
#checkout-page #confirm-page .checkout-btn-edit:hover {
  color: #8c9ba2;
  border-color: #8c9ba2;
}
#checkout-page #confirm-page #confirm-form {
  width: 550px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#checkout-page #confirm-page #contact-info {
  margin-bottom: 5px;
}
#checkout-page #confirm-page #confirm-buttons {
  margin-top: 10px;
}
#checkout-page #credit-card-label {
  padding-top: 25px;
}
#checkout-page #payment-icons {
  padding-top: 15px;
  padding-bottom: 15px;
  justify-content: flex-start;
}
#checkout-page #pay-info {
  display: block;
  font-size: 12px;
  color: #a7aeb6;
}
#checkout-page #pay-info a {
  color: #27a9e1;
}
#checkout-page #pay-info a:hover {
  text-decoration: none;
}
#checkout-page .credit-card-confirm {
  padding-top: 15px;
}
#checkout-page #invoice-page .top-message {
  width: 100%;
  margin-bottom: 5px;
  display: block;
  text-align: center;
  color: #555555;
}
#checkout-page #invoice-page #thanks-message {
  width: 100%;
  margin-bottom: 5px;
  display: block;
  text-align: center;
  padding-top: 40px;
  font-size: 24px;
  color: #555555;
}
#checkout-page #invoice-page #invoice-message {
  width: 100%;
  margin-bottom: 5px;
  display: block;
  text-align: center;
  color: #555555;
  padding-bottom: 30px;
}
#checkout-page #invoice-page #invoice-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: auto;
  margin-bottom: 0px;
}
#checkout-page #invoice-page #invoice-pdf-col {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  margin-right: 50px;
}
#checkout-page #invoice-page #invoice-info-col {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  width: 386px;
}
#checkout-page #invoice-page #invoice-info-col #invoice-status {
  text-transform: uppercase;
  font-size: 24px;
  height: 52px;
  line-height: 52px;
}
#checkout-page #invoice-page #invoice-info-col #invoice-status label {
  display: inline-block;
  font-weight: 600;
}
#checkout-page #invoice-page #invoice-info-col .input-wrap {
  width: 386px;
}
#checkout-page #invoice-page #invoice-info-col #order-info {
  padding-bottom: 20px;
}
#checkout-page #invoice-page #invoice-info-col #contact-info {
  padding-bottom: 30px;
}
#checkout-page #invoice-page .new-order {
  margin-top: 30px;
}
#class-page-content {
  width: 970px;
  margin: 35px auto;
}
#class-page-content .header {
  height: 60px;
  width: 100%;
  padding: 30px 20px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#class-page-content .table {
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid rgba(190, 204, 212, 0.25);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#class-page-content .table:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#class-page-content .row {
  position: relative;
  border-top: 1px solid rgba(190, 204, 212, 0.25);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
}
#class-page-content .row .link-wrapper {
  z-index: 1;
  position: absolute;
  height: 100%;
}
#class-page-content .row .link-wrapper:hover {
  outline: solid 1px #beccd4;
  outline-offset: 1px;
}
#class-page-content .teachers .header {
  background-color: #28384a;
}
#class-page-content .teachers .header .left * {
  float: left;
  display: inline-block;
  top: 50%;
}
#class-page-content .teachers .header .left h1 {
  font-size: 20px;
  margin-top: -10px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#class-page-content .teachers .header .left h2 {
  display: inline-block;
  font-size: 12px;
  margin: -4px 0px 0px;
  color: #a7aeb6;
  text-transform: uppercase;
}
#class-page-content .teachers .header .left .separator {
  background-color: #27a9e1;
  width: 6px;
  height: 6px;
  margin: -1px 10px 0px;
}
#class-page-content .teachers .header .right * {
  float: right;
  display: inline-block;
  top: 50%;
}
#class-page-content .teachers .header .right h3 {
  font-size: 12px;
  margin: -5px 5px 0px;
  color: #a7aeb6;
  font-weight: 600;
  text-transform: uppercase;
}
#class-page-content .teachers .header .right h4 {
  font-size: 14px;
  margin: -5px 0px 0px;
  color: #27a9e1;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
}
#class-page-content .teachers .row {
  height: 80px;
  width: 100%;
  margin: 0;
  background-color: #fff;
}
#class-page-content .teachers .row * {
  display: inline-block;
}
#class-page-content .teachers .row .circle-icon {
  height: 50px;
  width: 50px;
  margin: -7px 10px 0px 20px;
}
#class-page-content .teachers .row h1 {
  font-size: 20px;
  margin-top: 30px;
  color: #555555;
  font-weight: 200;
}
#class-page-content .teachers .row .class-plan-sec {
  float: right;
  display: inline-block;
  margin-right: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  height: 28px;
  font-size: 12px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  line-height: 29px;
  vertical-align: middle;
  margin-top: 26px;
}
#class-page-content .teachers .row .tutor {
  background-color: #95a5ac;
  width: 140px;
}
#class-page-content .teachers .row .teacher {
  background-color: #beccd4;
  width: 100px;
}
#class-page-content .teachers .row .link-wrapper {
  width: 968px;
}
#class-page-content .students .header {
  padding: 0;
}
#class-page-content .students .header * {
  display: inline-block;
}
#class-page-content .students .header h1 {
  font-size: 30px;
  color: #555555;
  font-weight: 200;
  margin: 15px 8px 0px 20px;
}
#class-page-content .students .header h2 {
  font-size: 16px;
  color: #555555;
  font-weight: 200;
  text-transform: uppercase;
  width: 200px;
}
#class-page-content .students .header a {
  position: relative;
  top: -3px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 14px;
  color: #95a5ac;
}
#class-page-content .students .header a.active,
#class-page-content .students .header a:hover {
  color: #555555;
}
#class-page-content .students .row {
  height: 80px;
  width: 100%;
  margin: 0;
}
#class-page-content .students .row * {
  display: inline-block;
}
#class-page-content .students .row .circle-icon {
  height: 40px;
  width: 40px;
  margin: -35px 10px 0px 20px;
}
#class-page-content .students .row h1,
#class-page-content .students .row h2 {
  font-size: 16px;
  color: #555555;
}
#class-page-content .students .row h1 {
  font-weight: 600;
  margin-top: 34px;
  width: 162px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#class-page-content .students .row .progress-wrap {
  border-left: 1px solid rgba(190, 204, 212, 0.25);
  border-right: 1px solid rgba(190, 204, 212, 0.25);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  position: absolute;
  height: 100%;
  width: 635px;
  top: 0;
  margin: 0;
  padding: 0;
  left: 235px;
}
#class-page-content .students .row .progress-wrap > * {
  position: absolute;
}
#class-page-content .students .row .progress-wrap h2 {
  top: 24px;
  left: 30px;
}
#class-page-content .students .row .progress-wrap .progressbar {
  top: 36px;
  right: 30px;
  width: 520px;
  display: flex;
}
#class-page-content .students .row .progress-wrap .progressbar .bg-blue {
  vertical-align: top;
}
#class-page-content .students .row .class-item-menu {
  position: absolute;
  right: 0px;
  top: 0px;
  display: table-cell;
  height: 80px;
  text-align: center;
}
#class-page-content .students .row .class-item-menu .chs-icon-ellipses-h {
  color: #beccd4;
  font-size: 25px;
  vertical-align: middle;
  line-height: 80px;
  width: 98px;
  margin: 4px 0px -4px;
}
#class-page-content .students .row .class-item-menu a {
  display: block;
}
#class-page-content .students .row .class-item-menu:hover .chs-icon-ellipses-h,
#class-page-content .students .row .class-item-menu.open .chs-icon-ellipses-h {
  color: #28384a;
}
#class-page-content .students .row .class-item-menu.open .root-menu {
  display: block;
}
#class-page-content .students .row .class-item-menu .root-menu {
  background-color: #28384a;
  padding: 15px 10px;
  top: 60px;
  right: 25px;
  width: 170px;
  max-height: 148px;
  text-align: left;
  display: none;
  border: none;
  min-width: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#class-page-content .students .row .class-item-menu .root-menu::before {
  content: "";
  border-color: transparent transparent #28384a transparent;
  border-style: solid;
  border-width: 8px;
  position: absolute;
  top: -16px;
  right: 15px;
}
#class-page-content .students .row .class-item-menu .root-menu li {
  padding: 0px 0px 20px 0px;
  text-align: left;
  width: 100%;
}
#class-page-content .students .row .class-item-menu .root-menu li:last-child {
  padding: 0px;
}
#class-page-content .students .row .class-item-menu .root-menu li > a {
  display: block;
  font-size: 12px;
  font-weight: 200;
  color: #a7aeb6;
}
#class-page-content .students .row .class-item-menu .root-menu li > a:hover {
  color: #FFFFFF;
  background-color: #28384a;
}
#class-page-content .students .row .class-item-menu .switch-menu {
  background-color: #27a9e1;
  position: relative;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
}
#class-page-content .students .row .class-item-menu .switch-menu a {
  display: block;
  color: #fff;
  text-align: left;
  width: 100%;
}
#class-page-content .students .row .class-item-menu .switch-menu i {
  font-size: 14px;
  position: absolute;
  right: 8px;
  top: 11px;
}
#class-page-content .students .row .class-item-menu .switch-menu .switch-button {
  font-size: 11px;
  font-weight: 200;
  padding: 8px 20px;
}
#class-page-content .students .row .class-item-menu .switch-menu .move-student {
  opacity: 0.5;
  padding: 4px 15px 10px;
  font-size: 12px;
  display: none;
}
#class-page-content .students .row .class-item-menu .switch-menu .move-student:hover {
  opacity: 1;
}
#class-page-content .students .row .class-item-menu .switch-menu .block {
  display: block;
}
#class-page-content .students .row .link-wrapper {
  width: 869px;
}
#class-page-content .students > div:nth-child(odd) {
  background-color: #fff;
}
#class-page-content .students > div:nth-child(odd) .progress-wrap {
  background-color: #fff;
}
#class-page-content .students > div:nth-child(even) {
  background-color: #f4f8fc;
}
#class-page-content .students > div:nth-child(even) .progress-wrap {
  background-color: #f4f8fc;
}
#class-page-content .circle-icon,
#class-page-content .separator {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#class-page-content .note {
  display: inline-block;
  margin: 5px auto 35px;
  width: 100%;
}
#class-page-content .note h1 {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 18px;
  color: #555555;
  letter-spacing: 0.5px;
}
#class-page-content .note .instructions {
  margin-top: 30px;
}
#class-page-content .note .instructions .btn-main {
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
#class-page-content .note .instructions p {
  margin-bottom: 5px;
  color: #555555;
}
#class-page-content .note .instructions #email-invite {
  display: inline-block;
  vertical-align: middle;
}
#class-page-content .note .instructions #link-signup {
  display: inline-block;
  vertical-align: middle;
}
#class-page-content .note .instructions #link-signup p:last-child {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
#class-page-content .note .instructions > span {
  margin-left: 50px;
  margin-right: 50px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 20px;
  font-weight: 600;
  color: #6b757b;
  background-color: rgba(190, 204, 212, 0.25);
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#teacher-page,
#class-page {
  position: relative;
  min-height: 100%;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  background-color: #f4f8fc;
}
#teacher-page a:hover,
#class-page a:hover {
  text-decoration: none;
}
#teacher-page #wrapper,
#class-page #wrapper {
  margin-left: 200px;
  padding-bottom: 50px;
  min-height: 100vh;
  background-color: #f4f8fc;
}
#teacher-page #wrapper #teacher-page-content,
#class-page #wrapper #teacher-page-content {
  padding-top: 50px;
  max-width: 1150px;
  margin: auto;
  padding-right: 20px;
  padding-left: 20px;
}
#teacher-page #wrapper #archives-toggler,
#class-page #wrapper #archives-toggler {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  position: relative;
  top: -2px;
}
#teacher-page #wrapper #archives-toggler .chs-icon,
#class-page #wrapper #archives-toggler .chs-icon {
  vertical-align: middle;
}
#teacher-page #wrapper #archives-toggler a,
#class-page #wrapper #archives-toggler a {
  color: #27a9e1;
}
#teacher-page #wrapper #archives-toggler a:hover,
#class-page #wrapper #archives-toggler a:hover {
  color: #6b757b;
}
#teacher-page #wrapper #archives-toggler #archives-toggler-text.minimized::after,
#class-page #wrapper #archives-toggler #archives-toggler-text.minimized::after {
  content: "Show All Classes";
}
#teacher-page #wrapper #archives-toggler #archives-toggler-text.expanded::after,
#class-page #wrapper #archives-toggler #archives-toggler-text.expanded::after {
  content: "Show Active Classes";
}
#teacher-page #wrapper #add-classes-sec,
#class-page #wrapper #add-classes-sec {
  margin: 0 0 40px 0;
  padding-bottom: 15px;
  padding-top: 15px;
}
#teacher-page #wrapper #add-classes-sec #my-classes-title,
#class-page #wrapper #add-classes-sec #my-classes-title {
  color: #555555;
  display: inline-block;
  font-size: 24px;
  font-weight: 200;
}
#teacher-page #wrapper #add-classes-sec #my-classes-title span,
#class-page #wrapper #add-classes-sec #my-classes-title span {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 15px;
}
#teacher-page #wrapper #add-classes-sec #add-new-class input,
#class-page #wrapper #add-classes-sec #add-new-class input {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 215px;
}
#teacher-page #wrapper #add-classes-sec #add-new-class input::-webkit-input-placeholder,
#class-page #wrapper #add-classes-sec #add-new-class input::-webkit-input-placeholder {
  color: #a7aeb6;
  font-size: 12px;
  line-height: 24px;
  font-weight: 200;
}
#teacher-page #wrapper #add-classes-sec #add-new-class input:-moz-placeholder,
#class-page #wrapper #add-classes-sec #add-new-class input:-moz-placeholder {
  color: #a7aeb6;
  font-size: 12px;
  line-height: 24px;
  font-weight: 200;
}
#teacher-page #wrapper #add-classes-sec #add-new-class input:-ms-input-placeholder,
#class-page #wrapper #add-classes-sec #add-new-class input:-ms-input-placeholder {
  color: #a7aeb6;
  font-size: 12px;
  line-height: 24px;
  font-weight: 200;
}
#teacher-page #wrapper #add-classes-sec #add-new-class input:focus,
#class-page #wrapper #add-classes-sec #add-new-class input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #fbaf3f;
}
#teacher-page #wrapper #add-classes-sec #add-new-class .btn,
#class-page #wrapper #add-classes-sec #add-new-class .btn {
  vertical-align: middle;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  font-size: 12px;
  width: 100px;
  line-height: 18px;
}
#teacher-page #wrapper #add-classes-sec #add-new-class .btn span,
#class-page #wrapper #add-classes-sec #add-new-class .btn span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  line-height: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
#teacher-page #wrapper #add-classes-sec #add-new-class.highlighted,
#class-page #wrapper #add-classes-sec #add-new-class.highlighted {
  outline: 3px solid #fbaf3f;
  outline-offset: -1px;
}
#teacher-page #wrapper #add-classes-sec.archives #archives-toggler,
#class-page #wrapper #add-classes-sec.archives #archives-toggler {
  display: inline-block;
}
#teacher-page #wrapper #add-classes-sec.no-archives #archives-toggler,
#class-page #wrapper #add-classes-sec.no-archives #archives-toggler {
  display: none;
}
#teacher-page #wrapper #classes #teacher-onboarding #onboarding-header,
#class-page #wrapper #classes #teacher-onboarding #onboarding-header {
  text-align: center;
  margin: 15px 0;
}
#teacher-page #wrapper #classes #teacher-onboarding #onboarding-header span:first-child,
#class-page #wrapper #classes #teacher-onboarding #onboarding-header span:first-child {
  font-size: 16px;
  color: #555555;
}
#teacher-page #wrapper #classes #teacher-onboarding #onboarding-header span:not(:first-child),
#class-page #wrapper #classes #teacher-onboarding #onboarding-header span:not(:first-child) {
  font-weight: 700;
  font-size: 28px;
  color: #555555;
  text-transform: uppercase;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item {
  height: 69px;
  padding-left: 30px;
  position: relative;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .icon-plus,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .icon-plus {
  margin-right: 34px;
  font-size: 11px;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  width: 21px;
  height: 21px;
  border: 2px solid #27a9e1;
  color: #27a9e1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .icon-plus:before,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .icon-plus:before {
  vertical-align: middle;
  line-height: 20px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task {
  color: #a7aeb6;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task span,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task span {
  color: #555555;
  font-weight: 600;
  margin-right: 10px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task a,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task a {
  color: #27a9e1;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task a:hover,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-task a:hover {
  opacity: .8px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon {
  line-height: 49px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon:first-child,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon:first-child {
  color: #27a9e1;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 30px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon:first-child.chs-icon-map,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon:first-child.chs-icon-map {
  font-size: 19px;
  margin-right: 29px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon-check,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon-check {
  color: #8cc63e;
  right: 43px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon-circle-empty,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .chs-icon-circle-empty {
  color: #27a9e1;
  right: 40px;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-status,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item .onboard-status {
  position: absolute;
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item {
  background-color: rgba(255, 255, 255, 0.5);
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .icon:first-of-type,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .icon:first-of-type,
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .chs-icon:first-of-type,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .chs-icon:first-of-type {
  color: rgba(39, 169, 225, 0.5);
  border-color: rgba(39, 169, 225, 0.5);
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .onboard-task,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .onboard-task {
  color: rgba(167, 174, 182, 0.5);
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .onboard-task span,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .onboard-task span {
  color: rgba(85, 85, 85, 0.5);
}
#teacher-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .onboard-task a,
#class-page #wrapper #classes #teacher-onboarding .onboarding-item.completed-item .onboard-task a {
  color: rgba(167, 174, 182, 0.5);
  cursor: default;
  pointer-events: none;
}
#teacher-page #wrapper #classes #archived-classes,
#class-page #wrapper #classes #archived-classes {
  display: none;
  overflow: visible !important;
  padding-bottom: 144px;
}
#teacher-page #wrapper #classes #archived-classes .class-list-item,
#class-page #wrapper #classes #archived-classes .class-list-item {
  background-color: rgba(190, 204, 212, 0.1);
}
#teacher-page #wrapper #classes #archived-classes .class-list-item .archived-indicator,
#class-page #wrapper #classes #archived-classes .class-list-item .archived-indicator {
  display: inline;
}
#teacher-page #wrapper #classes #archived-classes .class-list-item .class-item-content,
#class-page #wrapper #classes #archived-classes .class-list-item .class-item-content {
  opacity: .8;
}
#teacher-page #wrapper #classes #archived-classes .class-list-item .class-item-content .icon-download-alt,
#class-page #wrapper #classes #archived-classes .class-list-item .class-item-content .icon-download-alt {
  color: #555555;
  margin-right: 5px;
}
#teacher-page #wrapper #classes #archived-classes .class-list-item .class-item-menu .chs-icon-ellipses-h,
#class-page #wrapper #classes #archived-classes .class-list-item .class-item-menu .chs-icon-ellipses-h {
  color: rgba(107, 117, 123, 0.8);
}
#teacher-page #wrapper #classes .class-list-item,
#class-page #wrapper #classes .class-list-item {
  margin: 20px 0;
  height: 60px;
  line-height: 60px;
  display: table;
  width: 100%;
  padding: 0;
  overflow: auto !important;
}
#teacher-page #wrapper #classes .class-list-item .archived-indicator,
#class-page #wrapper #classes .class-list-item .archived-indicator {
  display: none;
}
#teacher-page #wrapper #classes .class-list-item .class-item-content,
#class-page #wrapper #classes .class-list-item .class-item-content {
  display: table-cell;
  padding-left: 30px;
}
#teacher-page #wrapper #classes .class-list-item .class-item-content:hover,
#class-page #wrapper #classes .class-list-item .class-item-content:hover {
  outline: solid 1px #beccd4;
  outline-offset: 1px;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu,
#class-page #wrapper #classes .class-list-item .class-item-menu {
  display: table-cell;
  width: 70px;
  text-align: center;
  border-left: solid 1px rgba(190, 204, 212, 0.3);
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .chs-icon-ellipses-h,
#class-page #wrapper #classes .class-list-item .class-item-menu .chs-icon-ellipses-h {
  color: #6b757b;
  font-size: 20px;
  vertical-align: middle;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu a,
#class-page #wrapper #classes .class-list-item .class-item-menu a {
  display: block;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu:hover .chs-icon-ellipses-h,
#class-page #wrapper #classes .class-list-item .class-item-menu:hover .chs-icon-ellipses-h,
#teacher-page #wrapper #classes .class-list-item .class-item-menu.open .chs-icon-ellipses-h,
#class-page #wrapper #classes .class-list-item .class-item-menu.open .chs-icon-ellipses-h {
  color: #27a9e1;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu {
  background-color: #28384a;
  padding: 0;
  text-align: left;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  top: 51px;
  right: 15px;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu::before,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu::before {
  content: "";
  border-color: transparent transparent #28384a transparent;
  border-style: solid;
  border-width: 8px;
  height: 0;
  width: 0;
  position: absolute;
  top: -16px;
  right: 15px;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .icon,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .icon {
  margin-right: 10px;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li {
  padding: 0;
  border-bottom: 1px solid rgba(241, 241, 241, 0.2);
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li:last-child,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li:last-child {
  border: none;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a {
  padding: 14px 50px 14px 30px;
  display: block;
  color: #a7aeb6;
  font-weight: 200;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a .icon,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a .icon {
  color: rgba(167, 174, 182, 0.7);
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a:hover,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a:hover {
  color: #FFFFFF;
  background-color: #28384a;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a:hover .icon,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu li a:hover .icon {
  color: rgba(167, 174, 182, 0.7);
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.archived .icon-upload-alt,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.archived .icon-upload-alt {
  display: inline;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.archived .icon-download-alt,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.archived .icon-download-alt {
  display: none;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.archived #archive-toggle-text::after,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.archived #archive-toggle-text::after {
  content: "Unarchive Class";
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.unarchived .icon-upload-alt,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.unarchived .icon-upload-alt {
  display: none;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.unarchived .icon-download-alt,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.unarchived .icon-download-alt {
  display: inline;
}
#teacher-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.unarchived #archive-toggle-text::after,
#class-page #wrapper #classes .class-list-item .class-item-menu .dropdown-menu .archive-toggle.unarchived #archive-toggle-text::after {
  content: "Archive Class";
}
#teacher-page #wrapper #classes .class-list-item .class-name,
#class-page #wrapper #classes .class-list-item .class-name {
  display: inline-block;
  font-size: 20px;
  color: #555555;
  font-weight: 200;
  margin-right: 5px;
}
#teacher-page #wrapper #classes .class-list-item .num-students,
#class-page #wrapper #classes .class-list-item .num-students {
  display: inline-block;
  font-size: 12px;
  color: #a7aeb6;
  text-transform: uppercase;
}
#teacher-page #wrapper #classes .class-list-item .num-students span,
#class-page #wrapper #classes .class-list-item .num-students span {
  font-size: 6px;
  margin-right: 7px;
  color: #27a9e1;
  line-height: 12px;
  vertical-align: middle;
}
#teacher-page #wrapper #classes .class-list-item .class-code,
#class-page #wrapper #classes .class-list-item .class-code {
  display: inline-block;
  text-transform: uppercase;
  color: #555555;
  font-size: 12px;
  margin-right: 30px;
  margin-top: 3px;
  min-width: 118px;
}
#teacher-page #wrapper #classes .class-list-item .class-code .code,
#class-page #wrapper #classes .class-list-item .class-code .code {
  color: #27a9e1;
  margin-left: 5px;
  font-size: 14px;
  line-height: 12px;
  vertical-align: middle;
}
#teacher-page #wrapper #classes .class-list-item .class-plan-sec,
#class-page #wrapper #classes .class-list-item .class-plan-sec {
  display: inline-block;
  background-color: #beccd4;
  margin-right: 15px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  width: 100px;
  height: 28px;
  font-size: 12px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  line-height: 29px;
  vertical-align: middle;
  margin-top: 18px;
}
.class-progress-page table {
  width: 100%;
}
#class-admin {
  position: relative;
  overflow: auto;
  min-height: 100vh;
  padding-bottom: 50px;
}
#class-admin #wrapper {
  margin-left: 200px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#class-admin #wrapper h1,
#class-admin #wrapper h2,
#class-admin #wrapper h3 {
  color: #555555;
}
#class-admin #wrapper .section-block {
  padding-bottom: 15px;
}
#class-invite {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#class-invite #wrapper {
  margin-left: 200px;
  min-height: 100vh;
  min-height: calc(100vh - 60px);
  background-color: #f4f8fc;
  padding-bottom: 50px;
}
#class-invite #invite-container {
  margin: auto;
  padding-top: 50px;
  width: 720px;
  position: relative;
}
#class-invite #invite-container h3 {
  margin-bottom: 40px;
}
#class-invite #invite-container a:hover {
  text-decoration: none;
}
#class-invite #invite-container #msg-center {
  position: absolute;
  width: 100%;
  top: 85px;
  font-size: 12px;
  text-align: center;
}
#class-invite #invite-container .invite-label {
  width: 10%;
  display: inline-block;
}
#class-invite #invite-container .invite-label[for="#email-list"] {
  vertical-align: middle;
}
#class-invite #invite-container .invite-label[for="#msg-box"] {
  vertical-align: top;
  padding-top: 10px;
}
#class-invite #invite-container #choose-class-label {
  margin-bottom: 15px;
}
#class-invite #invite-container #invite-dropdown {
  display: inline-block;
  margin-bottom: 15px;
}
#class-invite #invite-container #invite-dropdown #active-dropdown {
  vertical-align: middle;
}
#class-invite #invite-container #invite-dropdown .dropdown {
  display: inline-block;
}
#class-invite #invite-container #invite-dropdown .dropdown:hover {
  cursor: pointer;
}
#class-invite #invite-container #invite-dropdown .dropdown-toggle {
  color: #555555;
  font-size: 14px;
  display: inline-block;
}
#class-invite #invite-container #invite-dropdown .dropdown-toggle .icon {
  margin-left: 5px;
  vertical-align: middle;
}
#class-invite #invite-container #invite-dropdown .dropdown-toggle:hover {
  cursor: pointer;
}
#class-invite #invite-container #invite-dropdown .dropdown-menu {
  margin-top: 10px;
}
#class-invite #invite-container #invite-dropdown .dropdown-menu li {
  position: relative;
}
#class-invite #invite-container #invite-dropdown .dropdown-menu li .chs-icon {
  position: absolute;
  left: 13px;
  top: 15px;
  color: #555555;
  visibility: hidden;
}
#class-invite #invite-container #invite-dropdown .dropdown-menu li a {
  padding-left: 45px;
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#class-invite #invite-container #invite-dropdown .dropdown-menu li a:hover {
  background-color: #27a9e1;
  color: #FFFFFF;
}
#class-invite #invite-container #invite-dropdown .dropdown-menu li a.active + .chs-icon {
  visibility: visible;
}
#class-invite #invite-container #invite-dropdown .dropdown-menu li:hover .chs-icon {
  color: #FFFFFF;
}
#class-invite #invite-container #from-label {
  margin-bottom: 10px;
}
#class-invite #invite-container #from-email {
  padding-left: 5px;
  font-weight: 400;
}
#class-invite #invite-container ul.tagit {
  display: inline-block;
  vertical-align: middle;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 89%;
  font-size: 14px;
  border: 1px solid #efedee;
}
#class-invite #invite-container ul.tagit li.tagit-choice {
  line-height: 26px;
}
#class-invite #invite-container ul.tagit:hover {
  cursor: text;
}
#class-invite #invite-container .tagit-new {
  padding: 0;
  width: 25%;
  min-width: 150px;
}
#class-invite #invite-container .tagit-new input {
  width: 100%;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#class-invite #invite-container #msg-area {
  display: inline-block;
  width: 89%;
}
#class-invite #invite-container #msg-area textarea {
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border: 1px solid #efedee;
  width: 100%;
  padding: 10px;
  vertical-align: middle;
  resize: none;
  height: 150px;
  border-bottom: none;
}
#class-invite #invite-container #msg-area textarea:focus {
  border-color: #fbaf3f;
  outline: none;
}
#class-invite #invite-container #msg-area textarea:focus + input {
  border-color: #fbaf3f;
}
#class-invite #invite-container #msg-area input {
  background-color: rgba(149, 165, 172, 0.1);
  width: 100%;
  border: 1px solid #efedee;
  border-top: none;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  padding: 10px;
}
#class-invite #invite-container #msg-area input:focus {
  outline: none;
}
#class-invite #invite-container button {
  margin-top: 15px;
  width: 110px;
}
#class-invite #invite-container button .icon {
  display: none;
}
#class-invite #invite-container button:disabled .icon {
  display: inline;
}
#class-invite #invite-container button:disabled span:first-child {
  display: none;
}
#class-settings {
  position: relative;
  min-height: 100vh;
}
#class-settings .container {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #555555;
  padding-left: 200px;
  padding-right: 0;
  margin-right: 0;
  background-color: #f4f8fc;
  width: 100%;
}
#class-settings .container .btn-group.bootstrap-select {
  height: 40px !important;
}
#class-settings .container .btn-group.bootstrap-select button {
  height: 40px !important;
}
#class-settings .container .timezone-dropdown div.dropdown-menu.inner {
  max-height: 200px !important;
}
#class-settings .container input.btn {
  width: 70px;
  margin-bottom: 5px;
}
#class-settings .container .meeting-time-col {
  min-width: 100px;
}
#class-settings .container .meeting-time-form .time input {
  width: 34px;
  height: 45px;
  margin-right: 1px;
  float: left;
  padding: 0px;
}
#class-settings .container .code {
  font-family: monospace;
  font-weight: bold;
}
#header-container {
  color: #555555;
  padding-top: 50px;
  padding-bottom: 40px;
}
#header-container #title {
  font-size: 26px;
  font-weight: 200;
  margin-bottom: 5px;
}
#header-container #gray-bar {
  width: 60px;
  height: 4px;
  margin: auto;
  margin-bottom: 5px;
  background-color: #beccd4;
  opacity: .5;
}
#header-container #subtitle {
  font-size: 16px;
}
#class-site-activity-page {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  background-color: #f4f8fc;
  position: relative;
  padding-bottom: 25px;
  min-height: 100vh;
}
#class-site-activity-page #wrapper {
  margin-left: 200px;
}
#class-site-activity-page .activity-display-container {
  margin-bottom: 25px;
}
#class-site-activity-page .activity-display {
  margin: auto;
}
#class-site-activity-page .dashboard-subtitle {
  text-align: center;
  margin-bottom: 5px;
}
.plan-alert {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  width: 100%;
}
.plan-alert h3 {
  margin: 0px;
  height: 38px;
  line-height: 38px;
  font-weight: 600;
}
.plan-alert a {
  line-height: 24px;
  margin-left: 15px;
}
#teacher-sidenav {
  height: calc(100% - 60px);
  position: fixed;
  padding-top: 20px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  z-index: 2;
}
#teacher-sidenav #teacher-links {
  padding: 0;
  border-bottom: 2px solid #19232e;
  border-top: 2px solid #19232e;
  margin-top: 30px;
}
#teacher-sidenav #teacher-links li {
  padding: 0;
}
#teacher-sidenav #teacher-links li a {
  display: block;
  padding: 12px 15px;
}
#teacher-sidenav #teacher-links li a.active {
  background-color: #19232e;
  color: #FFFFFF;
}
#teacher-sidenav #teacher-links li a.active:hover {
  opacity: .8;
}
#teacher-sidenav #teacher-links li:first-child {
  text-transform: none;
  font-size: 14px;
  letter-spacing: initial;
}
#teacher-sidenav #teacher-links li .chs-icon {
  margin-right: 13px;
}
#teacher-sidenav #teacher-links li .chs-icon-price-tag {
  font-size: 12px;
}
#teacher-sidenav #teacher-links li .chs-icon-headset {
  font-size: 13px;
}
#teacher-sidenav #teacher-links li .chs-icon-lightbulb-alt {
  font-size: 15px;
  margin-left: -1px;
}
#teacher-sidenav #teacher-links li .chs-icon-forum {
  margin-left: -1px;
}
#teacher-sidenav #teacher-nav-footer {
  background-color: #19232e;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #FFFFFF;
  height: 60px;
  padding-left: 15px;
  display: table;
}
#teacher-sidenav #teacher-nav-footer #email-link {
  display: table-cell;
  vertical-align: middle;
  width: 45px;
}
#teacher-sidenav #teacher-nav-footer #email-love {
  display: table-cell;
  vertical-align: middle;
  padding-left: 13px;
}
#teacher-sidenav #teacher-nav-footer .icon-envelope {
  color: #27a9e1;
  width: 45px;
  text-align: center;
  border-right: 2px solid #beccd4;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
#teacher-sidenav #teacher-nav-footer .icon-heart {
  color: #ff99c6;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
}
#teacher-sidenav #teacher-nav-footer.admin-footer {
  padding-left: 0;
  text-align: center;
}
#teacher-sidenav #teacher-nav-footer.admin-footer a {
  line-height: 60px;
  color: rgba(255, 255, 255, 0.4);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  padding: 10px;
}
#teacher-sidenav #teacher-nav-footer.admin-footer a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
#teacher-sidenav .btn-main-transparent {
  border-color: #27a9e1;
  margin-left: 28px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  padding: 10px 30px;
  border-width: 2px;
  margin-top: 10px;
}
.teacher-top-nav {
  position: relative;
  height: 90px;
  background-color: #FFFFFF;
  padding-top: 24px;
  padding-left: 25px;
  line-height: 42px;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 100%;
}
.teacher-top-nav .nav-title {
  font-size: 20px;
  color: #555555;
  margin-right: 16px;
  font-weight: 200;
}
.teacher-top-nav a.nav-title:hover {
  opacity: .8;
}
.teacher-top-nav a:hover {
  text-decoration: none;
}
.teacher-top-nav a.class-nav-link {
  font-size: 12px;
  text-transform: uppercase;
  color: #a7aeb6;
  padding: 10px;
  display: inline-block;
  line-height: 20px;
}
.teacher-top-nav a.class-nav-link:hover {
  color: #555555;
}
.teacher-top-nav a.class-nav-link.active {
  color: #555555;
  height: 64px;
  border-bottom: solid 4px #27a9e1;
}
.teacher-top-nav a.class-nav-link.active:not(.dropdown-toggle) {
  pointer-events: none;
}
.teacher-top-nav a.class-nav-link.active + .dropdown-menu {
  margin-top: -20px;
}
.teacher-top-nav a.class-nav-link #queues-count {
  color: #FFFFFF;
  background-color: #27a9e1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  padding: 1px 4px;
  margin-left: 5px;
}
.teacher-top-nav #settings-link {
  position: absolute;
  right: 30px;
  color: #FFFFFF;
  display: inline-block;
  width: 30px;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background-color: #beccd4;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 14px;
  margin-top: 6px;
}
.teacher-top-nav #settings-link:hover {
  background-color: #95a5ac;
}
#teacher-class-nav #class-dropdown {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
#teacher-class-nav #class-dropdown .dropdown-toggle {
  display: inline-block;
  padding-right: 15px;
  padding-left: 20px;
  color: #555555;
  text-transform: uppercase;
  font-size: 12px;
  height: 42px;
  width: 210px;
  line-height: 38px;
  border: 2px solid rgba(190, 204, 212, 0.25);
}
#teacher-class-nav #class-dropdown .dropdown-toggle .icon {
  color: #beccd4;
  margin-left: 15px;
}
#teacher-class-nav #class-dropdown .dropdown-toggle span:first-of-type {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 148px;
  vertical-align: middle;
}
#teacher-class-nav #class-dropdown .dropdown-toggle:hover {
  cursor: pointer;
}
#teacher-class-nav #class-dropdown .dropdown-menu {
  min-width: 210px;
}
#teacher-class-nav #class-dropdown .dropdown-menu li a {
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#teacher-class-nav #class-dropdown .dropdown-menu li a:hover {
  background-color: #27a9e1;
  color: #FFFFFF;
}
#teacher-class-nav #class-dropdown .dropdown-menu li a:focus {
  background-color: #27a9e1;
  color: #FFFFFF;
  outline: none;
}
#teacher-class-nav #class-progress-dropdown,
#teacher-class-nav #more-links {
  display: inline-block;
}
#teacher-class-nav #class-progress-dropdown .icon-angle-down,
#teacher-class-nav #more-links .icon-angle-down {
  margin-left: 6px;
}
#teacher-class-nav #class-progress-dropdown a:hover,
#teacher-class-nav #more-links a:hover {
  cursor: pointer;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu {
  background-color: #28384a;
  padding: 0;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu:before {
  content: "";
  border-color: transparent transparent #28384a transparent;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  top: -10px;
  right: 8px;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li:first-child {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  border-bottom: solid 1px #19232e;
  margin-left: 15px;
  margin-right: 15px;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li a {
  color: rgba(255, 255, 255, 0.5);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 45px;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li a:hover {
  background-color: rgba(190, 204, 212, 0.2);
  color: #FFFFFF;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li a:focus {
  background-color: #27a9e1;
  color: #FFFFFF;
  outline: none;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li a.active {
  pointer-events: none;
  cursor: default;
  background-color: #27a9e1;
  color: #FFFFFF;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li a .icon-circle {
  font-size: 9px;
  margin-top: -3px;
  margin-right: 12px;
  vertical-align: middle;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li a .chs-icon-dots-4 {
  font-size: 11px;
  margin-left: -2px;
  margin-right: 10px;
}
#teacher-class-nav #class-progress-dropdown .dropdown-menu li a .chs-icon-dots-9 {
  font-size: 13px;
  margin-left: -1px;
  margin-right: 8px;
}
#teacher-class-nav #more-links:hover .dropdown-menu {
  display: block;
}
#teacher-class-nav #more-links .dropdown-menu {
  padding: 0;
}
#teacher-class-nav #more-links .dropdown-menu li a {
  color: #a7aeb6;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
  border-left: solid 4px transparent;
}
#teacher-class-nav #more-links .dropdown-menu li a:hover {
  color: #555555;
  background-color: transparent;
}
#teacher-class-nav #more-links .dropdown-menu li a:focus {
  color: #555555;
  background-color: transparent;
  outline: none;
}
#teacher-class-nav #more-links .dropdown-menu li a.active {
  border-color: #27a9e1;
  color: #555555;
  pointer-events: none;
}
#teacher-class-nav .badge {
  font-size: 9px;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: -3px;
  font-weight: 400;
  background-color: #beccd4;
}
/* Demo Listing Page */
#demos-page {
  overflow-x: hidden;
  background-color: #f4f8fc;
  font-family: 'proxima-nova';
}
#demos-page #demos-header {
  padding-top: 75px;
  padding-bottom: 45px;
  text-align: center;
}
#demos-page #demos-header #demo-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 38px;
  color: #555555;
  line-height: 46px;
}
#demos-page #demos-header .line {
  margin: 14px auto 18px auto;
}
#demos-page #demos-header #demo-subtitle {
  font-weight: 200;
  font-size: 18px;
  color: #a7aeb6;
  line-height: 26px;
}
#demos-page #demo-listings {
  padding-left: 14%;
  padding-bottom: 65px;
}
#demos-page #demo-listings .demo-listing {
  float: left;
  height: 200px;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 10px 20px 10px 0;
  border: solid 2px #FFFFFF;
  box-shadow: none;
}
#demos-page #demo-listings .demo-listing .demo-img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
  margin: auto;
}
#demos-page #demo-listings .demo-listing .demo-img img {
  width: 100%;
}
#demos-page #demo-listings .demo-listing .demo-info {
  padding: 25px 20px 10px 20px;
  float: left;
}
#demos-page #demo-listings .demo-listing .demo-info .demo-name {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px 0;
  color: #28384a;
}
#demos-page #demo-listings .demo-listing .demo-info .demo-desc {
  color: #a7aeb6;
  font-size: 14px;
}
#demos-page #demo-listings .demo-listing .demo-info .line {
  width: 30px;
  margin-top: 12px;
  margin-bottom: 14px;
}
#demos-page #demo-listings .demo-listing:hover {
  border-color: #27a9e1;
}
#demos-page #demo-signup {
  text-align: center;
  background-color: #27a9e1;
  color: #FFFFFF;
  padding: 50px 0;
}
#demos-page #demo-signup p {
  font-size: 18px;
  font-weight: 100;
  display: inline;
  margin-right: 20px;
}
#demos-page #demo-signup a {
  text-transform: uppercase;
  border: 1px solid #FFFFFF;
  padding: 1.25em 3em;
  margin-left: 20px;
}
/* Single Demo Page */
#single-demo-page {
  min-height: 100vh;
}
#single-demo-page #demo-container {
  min-height: 100vh;
  padding: 0px;
}
#single-demo-page #demo-pane {
  padding-top: 50px;
  float: left;
}
#single-demo-page #demo-pane canvas {
  margin-top: 15px;
}
#single-demo-page #demo-pane .ui-wrapper {
  display: none;
}
#single-demo-page #demo-desc-container {
  background-color: #f4f8fc;
  min-height: 100vh;
}
#single-demo-page #demo-desc-container #demo-desc {
  padding-top: 85px;
  margin-left: 60px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  text-align: left;
}
#single-demo-page #demo-desc-container #demo-desc #demo-name {
  font-size: 38px;
  font-weight: 200;
  color: #555555;
  margin-bottom: 10px;
  text-align: left;
}
#single-demo-page #demo-desc-container #demo-desc #blurb {
  color: #95A5AC;
  font-size: 20px;
  font-weight: 200;
  text-align: left;
}
#single-demo-page #demo-desc-container #demo-desc .btn-main-green {
  padding-left: 20px;
  padding-right: 20px;
}
#single-demo-page .btn-main-blue {
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 60px;
  margin-left: 150px;
  width: 125px;
}
#single-demo-page #learn-button {
  padding: 14px;
  margin-left: 60px;
  text-transform: none;
  font-weight: 600;
  font-size: 12px;
}
#single-demo-page #social {
  margin-left: 60px;
  float: left;
}
#single-demo-page #social .row {
  margin-left: 0px;
  margin-right: 0px;
}
#single-demo-page canvas {
  margin-left: 50px;
  margin-right: 60px;
  margin-top: 10px;
}
.btn-group > .grading-problem-btn,
.grading-problem-btn {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #FFFFFF;
  color: #95a5ac;
  border-radius: 3px;
  border: 1px solid #D4D4D4;
}
.btn-group > .grading-problem-btn:hover,
.grading-problem-btn:hover {
  background-color: #fbfdff;
  color: #95a5ac;
}
.btn-group > .btn-main-green.grading-problem-btn.active,
.btn-main-green.grading-problem-btn.active {
  background-color: #8cc63e;
  color: #FFFFFF;
  box-shadow: inset 0px 1px 3px 1px #777;
}
.btn-group > .btn-main.grading-problem-btn.active,
.btn-main.grading-problem-btn.active {
  background-color: #27a9e1;
  color: #FFFFFF;
  box-shadow: inset 0px 1px 3px 1px #777;
}
.btn-group > .btn-main-red.grading-problem-btn.active,
.btn-main-red.grading-problem-btn.active {
  background-color: #de5844;
  color: #FFFFFF;
  box-shadow: inset 0px 1px 3px 1px #777;
}
.btn-group > .grading-problem-btn:hover {
  z-index: 0;
}
.btn-group > .grading-problem-btn.active:hover {
  z-index: 0;
}
/* The box for grading buttons on a grading problem. */
#grading-box {
  padding: 10px;
  margin-bottom: 7px;
  margin-left: 6px;
  margin-right: 7px;
}
#grading-box button {
  margin-right: 15px;
}
.favorite-program-star {
  background-image: url('https://d14to6y4nub5k1.cloudfront.net/img/star-off.png?010c4b183126');
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
}
.favorite-program-star.selected {
  background-image: url('https://d14to6y4nub5k1.cloudfront.net/img/star-on.png?95afc291f579');
}
#grading-response-box {
  padding: 10px;
}
#grading-response {
  width: 100%;
  height: 100px;
}
.ace_gutter-cell.breakpoint {
  background-color: #e4a14c;
  border-radius: 20px 0px 0px 20px;
}
.ace_gutter-cell.warning {
  background-color: yellow;
}
.ace_gutter-cell.error {
  background-color: red;
}
/* Resizable handles. This is the right draggable bar in the editor. */
.ui-resizable-e {
  cursor: col-resize;
  width: 5px;
  right: 0px;
  top: 0;
  height: 100%;
  z-index: 50;
  position: absolute;
  border-left: 1px solid #a1a1a1;
  border-right: 1px solid #a1a1a1;
  background-image: -webkit-linear-gradient(left, #f7f7f7, #e2e2e2);
  background-image: -moz-linear-gradient(left, #f7f7f7, #e2e2e2);
}
.ui-resizable-w {
  cursor: col-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
pre.cm-highlight {
  background-color: #fffca8;
  /*#fcf8e3; /*yellow;*/
}
.sidebar-world-wrap {
  position: relative;
  padding-left: 3px;
  height:190px;
  width: 100%;
}
#edit-exercise-description,
#edit-solution-world,
#edit-starter-code,
#edit-solution-code {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 13px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left: 3px;
  margin-bottom: 5px;
}
#edit-solution-world {
  margin-bottom: 0;
  margin-left: 0;
  display: none;
}
#edit-solution-world.add-world {
  position: absolute;
  left: 3px;
}
#edit-starter-code {
  margin-top: 5px;
}
#exercise-edit-modal {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#exercise-edit-modal textarea {
  width: 100%;
  height: 100px;
}
#exercise-edit-modal .error-text {
  color: #de5844;
  font-size: 12px;
  font-weight: 200;
  visibility: hidden;
}
#save-exercise-edits,
#save-code-btn {
  width: 135px;
}
#save-exercise-edits .save-text,
#save-code-btn .save-text {
  display: inline;
}
#save-exercise-edits .icon-spinner,
#save-code-btn .icon-spinner {
  display: none;
}
#save-exercise-edits:disabled .save-text,
#save-code-btn:disabled .save-text {
  display: none;
}
#save-exercise-edits:disabled .icon-spinner,
#save-code-btn:disabled .icon-spinner {
  display: inline;
}
#save-code-btn {
  width: 180px;
}
#edit-exercise-code-modal #problem-editor {
  height: 400px;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
}
#edit-exercise-code-modal .solution-edit,
#edit-exercise-code-modal .starter-edit {
  display: none;
}
#edit-exercise-code-modal.solution-edit .solution-edit {
  display: inline-block;
}
#edit-exercise-code-modal.starter-edit .starter-edit {
  display: inline-block;
}
#show-editor-instructions {
  margin: 9px 0px 4px 2px;
  font-size: 12px;
}
.editor-wrap {
  /* Important: this way we dont scroll down past the editor view,
     * world or canvas, and sidebar. Scrolling happens *within* those
     * divs. */
  overflow: hidden;
}
.editor-wrap .run_code {
  font-size: 12px;
  width: 150px;
  padding-top: .65em;
  padding-bottom: .65em;
}
.editor-wrap .run_code .icon-play {
  margin-right: 7px;
}
.embeddable-wrap {
  position: relative;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
.embeddable-wrap #left .action {
  padding-bottom: 6px;
  padding-left: 20px;
}
.embeddable-wrap #tab-bar {
  margin-top: 5px;
}
#branded-editor-logo {
  width: 100px;
  height: 100px;
  bottom: 0;
  right: 0;
  position: absolute;
}
.sidebar-timestamp {
  font-size: 11px;
  color: #ccc;
}
/* For html */
.html-destination {
  width: 100%;
  height: 100%;
}
#run-tab {
  height: 100%;
}
#run-tab .buttons .btn-sm {
  padding: 5px;
}
#run-tab .buttons .chs-icon {
  color: #555555;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#run-tab .buttons #stop {
  text-transform: uppercase;
  color: #95a5ac;
}
#run-tab .buttons .icon-stop {
  margin-right: 5px;
  color: #555555;
  margin-left: 10px;
}
#run-tab .buttons .chs-icon-turtle {
  font-size: 16px;
  margin-top: 12px;
}
#run-tab .buttons .chs-icon-rabbit {
  font-size: 20px;
  margin-top: 8px;
  margin-left: -2px;
}
#run-tab #edit-karel-worlds {
  margin-left: 10px;
}
#html {
  height: 100%;
}
.html-solution {
  border: 1px solid black;
  float: left;
  width: 300px;
  padding: 10px;
  height: 350px;
}
.editor-tab-content {
  height: 100%;
}
/* end html */
.dark-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #28384a;
  opacity: 0.75;
  z-index: 100;
}
.sample {
  padding: 20px;
}
#directions-modal {
  position: absolute;
  top: 50px;
  background-color: transparent;
  z-index: 1000;
  width: 1000px;
  left: 50%;
  margin-left: -530px;
  margin-top: 20px;
  padding: 30px;
  height: 83%;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#directions-modal .ex-dirs {
  padding: 25px;
  background-color: rgba(190, 204, 212, 0.5);
  font-size: 23px;
  line-height: 36px;
  margin: 39px 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#directions-modal .peer-dirs {
  padding: 20px;
  background-color: #ccc;
  font-size: 18px;
  line-height: 24px;
  margin: 39px 16px;
}
#directions-modal .sample-sols {
  width: 294px;
  height: 300px;
  overflow: auto;
}
#directions-modal .peer-check .popup-hide {
  display: none;
}
#directions-modal .peer-check {
  margin-left: 30px;
  width: 400px;
  overflow: auto;
}
#directions-modal .directions {
  background-color: white;
  padding: 20px;
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.5);
  /* Hide on the popups */
}
#directions-modal .directions .top {
  overflow: hidden;
}
#directions-modal .directions .top h2 {
  float: left;
}
#directions-modal .directions .top .lets-go-button {
  float: right;
  margin-bottom: 10px;
}
#directions-modal .directions .top .lets-go-button button {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
}
#directions-modal .directions .exercise-more {
  display: none;
}
#directions-modal .directions .editor-exercise {
  background-color: rgba(190, 204, 212, 0.5);
}
#directions-modal .directions .editor-exercise,
#directions-modal .directions .editor-exercise p {
  font-size: 17px;
}
#directions-modal .directions .editor-exercise code,
#directions-modal .directions .editor-exercise p code {
  background-color: yellow;
  padding: 2px;
  font-weight: bold;
}
#directions-modal .directions .result {
  overflow: hidden;
}
#directions-modal .directions .result .result-single {
  float: left;
}
#directions-modal .directions .result .result-single img {
  width: 350px;
}
#directions-modal .directions .result .result-start {
  margin-right: 20px;
}
#directions-modal .directions .result .left-exercise {
  float: left;
  width: 535px;
  margin-left: 40px;
  margin-top: 29px;
}
#directions-modal .directions .result .left-exercise .editor-exercise div {
  margin-bottom: 20px;
}
#directions-modal .directions .result .demo-buttons {
  margin-top: 10px;
}
#directions-modal .directions .result .demo-buttons .icon-white {
  margin-right: 5px;
}
#tab-bar {
  overflow: auto;
}
#tab-bar .tab-pane {
  margin: 10px;
  margin-top: 20px;
}
#status-message {
  font-size: 14px;
  font-weight: 200;
  line-height: 52px;
  position: absolute;
  top: 0;
  color: #FFFFFF;
  width: 100%;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  padding-left: 12px;
}
#status-message span:first-child {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-right: 3px;
  line-height: 14px;
}
#status-message span:first-child:before {
  vertical-align: middle;
  margin-left: 1.5px;
}
#status-message span:first-child.chs-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#status-message span:first-child.chs-icon-check:before {
  margin-left: -0.5px;
}
#status-message span:last-child {
  vertical-align: middle;
}
.full-bar-message {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 9px;
  margin-left: 4px;
  padding: 7px 5px;
  margin-bottom: 7px;
}
.editor-exercise {
  padding: 9px;
  margin-bottom: 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 15px;
}
.CodeMirror {
  width: 100%;
  background-color: #FFF;
}
.CodeMirror .CodeMirror-gutter-text pre.warning {
  background-color: yellow;
  color: #333;
}
.CodeMirror .CodeMirror-gutter-text pre.error {
  background-color: red;
  color: white;
}
.CodeMirror-scroll {
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#game {
  margin: 0px 10px 10px 12px;
}
canvas {
  border: 2px solid black;
  background: #FFF !important;
}
#error {
  border: 1px solid black;
  background-color: #eee;
  padding: 10px;
  width: 382px;
  margin-left: 12px;
  overflow: hidden;
  height: 100px;
}
#submit-button {
  font-size: 12px;
  font-weight: 900;
  padding: .65em 2.25em;
}
#right {
  /*    width: 45%; */
  float: left;
  min-width: 350px;
  height: inherit;
  overflow: auto;
  background: #FFF !important;
  border-left: 1px solid rgba(190, 204, 212, 0.25);
}
#right #view-html {
  display: block;
  padding-top: 10px;
  color: #95a5ac;
}
#right #view-html:hover {
  text-decoration: none;
  opacity: .8;
}
#right .speed {
  width: 48%;
  margin-right: 8px;
  vertical-align: middle;
}
#right #tester-message {
  color: #19232e;
  width: 80%;
  margin-left: 10%;
}
#right #tester-message.alert-info {
  background-color: rgba(39, 169, 225, 0.25);
}
#right #tester-message.alert-danger {
  background-color: rgba(222, 88, 68, 0.25);
}
body.editorbody {
  background-color: white;
  background-image: none;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
body.editorbody #close-toggle {
  right: calc(100% - 250px);
}
body.editorbody #open-toggle {
  left: 0;
  display: none;
}
body.editorbody .toggle-sidebar {
  position: fixed;
  bottom: 52px;
  z-index: 99;
  right: 0;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #27a9e1;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  opacity: .85;
}
body.editorbody .toggle-sidebar:hover {
  background-color: #2499cc;
}
body.editorbody .toggle-sidebar:focus {
  outline: none;
}
body.editorbody #settings-button {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin: 0;
  background-color: #95a5ac;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 4px 13px 0 13px;
}
body.editorbody #settings-button:hover {
  background-color: #beccd4;
}
body.editorbody #save-button {
  line-height: 30px;
}
body.editorbody #save-button.btn-main-transparent {
  color: #27a9e1;
  border-color: #27a9e1;
  font-size: 12px;
  width: 50px;
}
body.editorbody #codehs-editor {
  border-left: 0;
}
body.editorbody .right-col-tabs.nav-tabs {
  border-bottom: none;
}
body.editorbody .right-col-tabs.nav-tabs > li {
  margin-bottom: 0;
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
}
body.editorbody .right-col-tabs.nav-tabs > li:nth-child(n+1):before {
  content: '';
  position: absolute;
  left: -1px;
  display: inline-block;
  width: 2px;
  height: 16px;
  background-color: rgba(149, 165, 172, 0.5);
  top: 17px;
  z-index: 2;
}
body.editorbody .right-col-tabs.nav-tabs > li.active > a {
  background-color: #19232e;
  color: #FFFFFF;
}
body.editorbody .right-col-tabs.nav-tabs > li.active > a:after {
  content: '';
  border-bottom: 6px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  bottom: 0;
  left: calc(50% - 8px);
}
body.editorbody .right-col-tabs.nav-tabs > li.active:before {
  width: 0;
}
body.editorbody .right-col-tabs.nav-tabs > li.active + li:before {
  width: 0;
}
body.editorbody .right-col-tabs.nav-tabs > li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  line-height: 30px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #28384a;
  color: #95a5ac;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0;
  font-weight: 600;
  border: none;
}
body.editorbody .right-col-tabs.nav-tabs > li > a:hover {
  color: #FFFFFF;
}
body.editorbody .right-col-tabs.nav-tabs > li > a .chs-icon-ellipses-h:before {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.editorbody .right-col-tabs.nav-tabs > li .dropdown-menu li a {
  text-align: left;
  line-height: 40px;
}
body.editorbody .right-col-tabs.nav-tabs #run-code-tab {
  min-width: 100px;
}
body.editorbody .right-col-tabs.nav-tabs #cheat-sheet-tab {
  min-width: 110px;
}
#karel-grader {
  width: 400px;
}
#problem-sidebar {
  float: left;
  width: 250px;
  padding-right: 6px;
  padding-top: 30px;
  height: inherit;
  position: relative;
  /* If the sidebar is too tall, scroll to see more
     * content. Override overflow: hidden from js */
  overflow: auto !important;
}
#problem-sidebar.sandbox-item {
  padding-top: 7px;
}
#problem-sidebar img {
  width: 100%;
}
#problem-sidebar .result-title {
  font-size: 14px;
  font-weight: 600;
  padding: 3px 3px;
  text-transform: uppercase;
  color: #555555;
}
#problem-sidebar .section-title {
  font-size: 14px;
  padding: 3px 3px;
  margin-top: 4px;
  color: #555555;
  text-transform: uppercase;
  font-weight: 600;
}
#problem-sidebar .objective {
  padding: 2px 4px;
  font-size: 12px;
  margin-left: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#problem-sidebar .objective code,
#problem-sidebar .objective pre {
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  color: black;
  padding: 2px;
}
#problem-sidebar .cheat-sheet-title-text {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 3px;
}
#problem-sidebar .cheat-sheet-title-text code {
  text-transform: none;
}
#problem-sidebar .cheat-sheet-contents pre {
  font-size: 14px;
  line-height: 20px;
  margin-left: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#problem-sidebar .cheat-sheet-contents.small pre {
  font-size: 12px;
  line-height: 17px;
}
#editor-settings-modal .editor-font-smaller,
#editor-settings-modal .editor-font-larger {
  font-size: 20px;
  font-weight: 700;
  padding-top: 3px;
  padding-bottom: 3px;
}
#left {
  float: left;
  width: 45%;
  height: inherit;
  min-width: 300px;
  /* This styles images that show what the results of completing an
     * exercise should look like */
}
#left .action {
  padding-top: 9px;
  padding-right: 5px;
  background-color: rgba(190, 204, 212, 0.25);
}
#left .action .name,
#left .action .editor-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
#left .action .editor-title {
  color: #555555;
  padding-left: 7px;
}
#left .action .help_button {
  margin-left: 10px;
}
#left .action .timestamp {
  font-size: 11px;
  color: #999;
}
#left #next-button {
  font-size: 12px;
  line-height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}
#left #next-button span {
  margin-left: 3px;
}
#left .result {
  position: fixed;
  bottom: 40px;
  left: 10px;
  z-index: 99;
  cursor: pointer;
  width: 250px;
  padding: 5px;
  background-color: white;
  border: 1px dashed black;
}
#left .result .result-text {
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
}
#left .result img.mini-result {
  width: 250px;
}
#left #grade-and-respond-text {
  max-width: 100%;
}
#left .ace_scrollbar {
  right: 5px;
}
/* For minimizing icons */
.icon-hide-show {
  background-color: #eee;
  float: right;
}
.icon-hide-show:hover {
  background-color: #ccc;
}
.editor_button {
  margin: 0 7px 8px 0;
}
#karelworld {
  width: 39%;
  max-width: 200px;
}
#speed_slider {
  width: 60%;
  max-width: 300px;
  margin: 20px 12px 15px;
  float: left;
  height: .4em;
  border: none;
  background-color: rgba(190, 204, 212, 0.5);
  background-image: none;
}
#speed_slider a {
  width: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-image: none;
  background-color: #555555;
  border-color: #FFFFFF;
  top: -0.4em;
}
#speed_slider a:focus {
  outline: none;
}
#speed_slider a:hover {
  cursor: pointer;
}
.speed_label {
  float: left;
  margin-top: 10px;
}
.buttons {
  margin: 15px;
}
#for-loop-vars {
  text-align: center;
  line-height: 50px;
  width: 80%;
  font-size: 14px;
  font-weight: 600;
  color: #555555;
  margin-left: 10px;
  background-color: rgba(190, 204, 212, 0.25);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#console {
  width: 396px;
  height: 300px;
  margin: 0 0 10px 12px;
  border: 2px solid gray;
  padding: 3px;
  overflow-y: auto;
  font-family: monospace;
}
#console.graphics {
  height: 100px;
}
textarea#console:focus {
  outline: none !important;
}
#documentation-tab pre {
  /*        width: 400px; */
  background-color: rgba(190, 204, 212, 0.15);
  border: 1px dashed #beccd4;
}
#documentation-tab table.karel pre {
  width: 200px;
}
#documentation-tab table.conditions pre {
  width: 200px;
}
#documentation-tab .docs-nav-section {
  width: 129px;
  float: left;
  min-height: 215px;
}
#video-tab img {
  width: 500px;
}
#history-tab #code-history-listings {
  width: 150px;
}
#history-tab #code-history-listings .links {
  margin-left: 80px;
}
#history-tab #code-history-listings .links a.delete-code {
  margin-left: 8px;
}
#history-tab #code-history-listings .code-version {
  background-color: #eee;
  margin: 1px 0;
  width: 70px;
  cursor: pointer;
  padding: 2px 2px 2px 4px;
  float: left;
  overflow: hidden;
}
#history-tab #code-history-listings .code-version:hover {
  background-color: #ccc;
}
#history-tab #code-history-listings .code-version .code-timestamp.date {
  font-size: 13px;
}
#history-tab #code-history-listings .code-version .code-timestamp.time {
  font-size: 11px;
  color: #999;
}
#history-tab #code-history-listings .code-version .code-full {
  display: none;
}
#history-tab #code-history-listings .code-version.current {
  border-right: 3px solid #5b83b6;
}
#history-tab #history-preview {
  position: fixed;
  overflow: auto;
  max-width: 400px;
  max-height: 500px;
  margin-left: 200px;
}
.history-message {
  margin-left: 3px;
}
.new-messages {
  font-weight: bold;
  color: #dd0000;
}
.image-wrapper img {
  height: 400px;
}
#autograder-modal {
  color: #555555;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#autograder-modal + .modal-backdrop {
  background-color: rgba(40, 56, 74, 0.5);
}
#autograder-modal h5 {
  font-size: 14px;
  margin-top: 10px;
  font-weight: 600;
}
#autograder-modal .modal-body h4:first-child {
  font-size: 16px;
  margin-bottom: 20px;
}
#autograder-modal .modal-body h4:first-child span {
  font-weight: 600;
}
#autograder-modal .modal-body .open_help {
  color: #27a9e1;
}
#autograder-modal .modal-body .open_help:hover {
  text-decoration: none;
  opacity: .6;
}
#autograder-modal .world-status {
  /* This lets us define a css circle.
         * With the status classes below we
         * set the color of the circle. */
}
#autograder-modal .world-status .name {
  margin: 0 0 5px;
  width: 469px;
  font-size: 14px;
  line-height: 1.8;
}
#autograder-modal .world-status code {
  background-color: #ccc;
  padding: 4px 2px;
}
#autograder-modal .world-status .status {
  margin-right: 10px;
  margin-top: 2px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid;
  position: relative;
}
#autograder-modal .world-status .status .chs-icon {
  font-size: 12px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#autograder-modal .world-status .status .chs-icon-check {
  top: -2px;
  left: -2px;
}
#autograder-modal .world-status .status .chs-icon-cancel {
  font-size: 11px;
  left: 1px;
  top: -2px;
}
#autograder-modal .world-status .status.pass {
  border-color: #8cc63e;
}
#autograder-modal .world-status .status.fail {
  border-color: #de5844;
}
#autograder-modal #autograder-signup {
  margin-top: 20px;
}
#autograder-modal #autograder-signup a {
  font-size: 12px;
}
#autograder-modal .btn-main-transparent.alert-close {
  color: #27a9e1;
  border-color: #27a9e1;
}
#autograder-modal .modal-footer a {
  font-size: 12px;
}
#autograder-modal .modal-footer a.uppercase {
  color: #27a9e1;
  margin-right: 10px;
}
#autograder-modal .modal-footer a.uppercase:hover {
  text-decoration: none;
  opacity: .75;
}
#autograder-modal .modal-footer #continue-anyways-btn {
  color: #6b757b;
  font-weight: 600;
  margin-right: 5px;
}
#autograder-modal .modal-footer #continue-anyways-btn:hover {
  text-decoration: none;
  opacity: .8;
}
#mark-status {
  margin-right: 10px;
}
#mark-status #check-program {
  margin-right: 10px;
}
#mark-status #grade-button {
  color: #27a9e1;
  text-transform: uppercase;
}
#mark-status .dropdown-toggle {
  line-height: 30px;
}
#autograder-modal {
  top: 5%;
}
#editor-resource {
  height: calc(100% - 54px - 35px);
}
#video-slides {
  height: calc(100% - 35px);
}
#sql-destination {
  width: 100%;
  font-family: monospace;
}
#sql-database-viewer {
  font-family: monospace;
}
#error-popup {
  position: absolute;
  z-index: 100;
  background: #dee5e9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 5px;
  font-size: 13px;
}
#error-popup .original-message {
  color: #555555;
}
#error-popup .simple-message {
  margin-top: 5px;
  color: #111;
  font-size: 20px;
  line-height: 32px;
  padding: 6px 2px;
}
#error-popup .code {
  font-family: monospace;
  color: #555555;
  background: rgba(255, 255, 255, 0.75);
  vertical-align: bottom;
  padding: 0px 1px 0px 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#error-page #errors {
  width: 50%;
  border: 2px solid #444;
  height: 300px;
  overflow: auto;
  margin-right: 10px;
}
#error-page #errors .error {
  padding: 5px;
  color: #333;
  border-bottom: 1px solid #ccc;
  background: #FFF;
}
#error-page #errors .error:hover {
  background: #eee;
  cursor: pointer;
}
#error-page #errors .selected {
  background: #ccc;
}
#error-page #console {
  width: 500px;
  height: 300px;
  margin: 0 0 10px 12px;
  border: 2px solid gray;
  padding: 3px;
  overflow-y: auto;
  font-family: monospace;
}
#error-page textarea#console:focus {
  outline: none !important;
}
#error-page .CodeMirror {
  width: 100%;
  background-color: #FFF;
}
#error-page .CodeMirror-scroll {
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 300px;
  width: 500px;
}
#error-modal {
  position: relative;
  width: 90%;
  margin-left: -50%;
  margin-top: 30px;
}
#error-modal .original-message {
  font-size: 13px;
  color: #555;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
#error-modal .simple-message {
  font-size: 16px;
  margin-top: 20px;
  color: #333;
}
/*
* This file will only get included
* if you are on an exercise page
*/
.CodeMirror {
  float: left;
}
.cheat-sheet {
  z-index: 10;
  background-color: white;
  margin-top: 20px;
}
.cheat-sheet-contents {
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
.cheat-sheet-contents pre {
  font-size: 20px;
  line-height: 34px;
  background-color: white;
  border-radius: 0;
  margin-top: 2px;
  background-color: rgba(190, 204, 212, 0.15);
  border: 1px dashed #beccd4;
}
.cheat-sheet-contents.cheat-sheet-text {
  padding: 0px 10px;
}
.cheat-sheet-contents.small pre {
  font-size: 12px;
  line-height: 17px;
  margin-left: 5px;
  margin-top: 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.cheat-sheet-title {
  width: 98%;
  margin: auto;
  margin-bottom: 10px;
}
.cheat-sheet-title-text {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}
#footer {
  background: #28384a;
  font-family: 'proxima-nova';
}
#footer #footer-map-wrapper {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: right;
  margin-right: 40px;
}
#footer #footer-map-wrapper #footer-map {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #f4f8fc;
  border: 2px solid #f4f8fc;
}
#footer #footer-main-links {
  margin-top: 60px;
  margin-bottom: 60px;
}
#footer .footlink-header {
  font-weight: 900;
  font-size: 16px;
  color: #FFFFFF;
  margin-left: 15px;
  margin-bottom: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#footer .footlinks {
  margin-left: 15px;
}
#footer .footlinks a {
  font-weight: 200;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 18px;
}
#footer #footer-help-wrapper {
  margin-top: 40px;
}
#footer #help-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 15px;
}
#footer #codehs-email {
  color: #27a9e1;
}
#footer #footer-codehs {
  padding-top: 31px;
  text-align: center;
  background-color: #f4f8fc;
  height: 120px;
}
#footer #footer-codehs #footer-love {
  margin-bottom: 14px;
  font-weight: 400;
  font-size: 17px;
  color: #28384a;
}
#footer #footer-codehs #footer-love i {
  color: #FF9696;
  margin-right: 10px;
}
#footer #footer-codehs .footlinks {
  margin: 0;
}
#footer #footer-codehs .footlinks a {
  font-weight: 400;
  color: #a7aeb6;
  margin: 0 10px;
}
#footer #footer-social {
  padding: 30px 0;
  text-align: center;
  background: #28384a;
}
#footer #footer-social .share {
  padding: 8px inherit;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 180px;
  height: 34px;
  margin: 0 10px;
  font-size: 12px;
  font-weight: 400;
  background-color: #f4f8fc;
  line-height: 18px;
  color: #a7aeb6;
}
#footer #footer-social .share:hover {
  color: #FFFFFF;
}
#footer #footer-social .share i {
  font-size: 14px;
  margin-right: 10px;
}
#footer #footer-social #twitter-btn i {
  color: #4099ff;
}
#footer #footer-social #twitter-btn:hover {
  background-color: #4099ff;
}
#footer #footer-social #twitter-btn:hover i {
  color: #FFFFFF;
}
#footer #footer-social #facebook-btn i {
  color: #3b5999;
}
#footer #footer-social #facebook-btn:hover {
  background-color: #3b5999;
}
#footer #footer-social #facebook-btn:hover i {
  color: #FFFFFF;
}
#gifts-page {
  color: #FFF;
}
#gifts-page h3 a {
  color: white;
  text-decoration: none;
}
#gifts-page h3 a:hover {
  text-decoration: underline;
}
#gifts-page .top-message {
  background: #1772c7;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px;
}
#gifts-page .more-info {
  font-family: 'Telex', sans-serif;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/kids_banner2.jpeg?010c4b183126');
  padding: 50px 0px 50px 0px;
  background-size: 100% auto !important;
}
#gifts-page .more-info.sponsor-info {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/kids_banner3.jpeg?e3dc3c69569b');
}
#gifts-page .more-info .bg {
  background: rgba(10, 10, 10, 0.6);
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  min-height: 325px;
}
#gifts-page .more-info h1 {
  text-transform: uppercase;
  font-size: 42px;
  line-height: 45px;
}
#gifts-page .more-info h3 {
  margin-top: 15px;
}
#gifts-page .thank-you {
  padding-bottom: 20px;
}
#gifts-page .banner {
  padding-top: 30px;
  font-size: 72px;
  line-height: 90px;
  text-align: center;
  font-family: 'Clicker Script', cursive;
  font-weight: bold;
}
#gifts-page .error ul.errorlist {
  margin: 0;
  padding: 7px 9px;
  background-color: #FCE7E7;
  color: #B94A48;
  margin-right: 7px;
  list-style: none;
}
#gifts-page .gift-bottom {
  background: white;
  color: black;
  padding-bottom: 100px;
}
#gifts-page .gift-bottom input[type=text] {
  background-color: white;
}
#gifts-page .gift-bottom .gift-wrap {
  width: 900px;
  margin: auto;
  margin-top: 20px;
}
#gifts-page .gift-bottom .gift-wrap .gift-img {
  float: left;
  width: 400px;
}
#gifts-page .gift-bottom .gift-wrap .gift-img img {
  width: 300px;
}
#gifts-page .gift-bottom .gift-wrap .gift-form {
  float: left;
  width: 500px;
}
#gifts-page .gift-bottom .gift-wrap .gift-form input[type=text] {
  line-height: 29px;
  font-size: 20px;
  height: 24px;
  padding: 7px 11px;
  background-color: white;
}
#gifts-page .gift-bottom .gift-wrap .gift-form.sponsor-form {
  margin-top: 80px;
}
#gifts-page .gift-bottom .gift-wrap .gift-form #id_to_name {
  width: 448px;
}
#gifts-page .gift-bottom .gift-wrap .gift-form .name-error {
  float: left;
  width: 243px;
}
#gifts-page .gift-bottom .gift-wrap .gift-form .email-error {
  float: left;
}
#gifts-page .gift-bottom .gift-wrap .gift-form .month-error {
  float: left;
}
#gifts-page .gift-bottom .gift-wrap .gift-info p {
  color: #aaa;
}
#gifts-page .message {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 30px;
  line-height: 50px;
  font-family: 'Telex', sans-serif;
}
#gifts-page .buttons {
  text-align: center;
}
#gifts-page label {
  font-weight: 200;
  color: #333;
  font-size: 22px;
  line-height: 25px;
  font-family: 'Telex', sans-serif;
}
#gifts-page input.left {
  margin-right: 10px;
}
#gifts-page .plan-options {
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  font-family: 'Telex', sans-serif;
}
#gifts-page .plan-options .what {
  font-size: 10px;
  color: #ccc;
  cursor: pointer;
}
#gifts-page .total {
  font-family: 'Telex', sans-serif;
}
#gifts-page #register-button {
  font-family: 'Telex', sans-serif;
  font-size: 36px;
  font-weight: bold;
  margin-top: 10px;
  float: right;
  position: static;
}
#gifts-page .separator {
  margin: 10px 0px 10px 0px;
  border-bottom: 1px dotted #fff;
}
#gifts-page .gift-info {
  padding-top: 50px;
}
#gifts-page .redeem-info {
  margin-top: 10px;
  line-height: 25px;
  font-size: 16px;
}
#gifts-page .redeem-info .field {
  font-size: 20px;
  font-family: 'Telex', sans-serif;
  margin-right: 10px;
}
#gifts-page .redeem-info .code {
  font-family: monospace;
}
#gifts-page #redeem .group .left {
  margin-right: 10px;
}
#printable {
  margin: 20px;
  padding: 20px;
  width: 800px;
  border: 1px solid #ccc;
}
#printable .message {
  margin-bottom: 20px;
}
#printable .steps {
  float: left;
  width: 400px;
  padding-left: 100px;
}
#printable .steps ol {
  font-size: 18px;
  line-height: 28px;
}
#printable .steps ol li {
  margin-bottom: 5px;
}
#printable .info {
  float: left;
  width: 200px;
  padding-left: 100px;
  line-height: 25px;
  font-size: 16px;
}
#printable .info .field {
  font-size: 20px;
  font-family: 'Telex', sans-serif;
  margin-right: 10px;
}
#printable .info .code {
  font-family: monospace;
}
.homepage-banner {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/kids_banner.jpeg?36f3a0f08547');
  background-size: 100% auto !important;
}
.homepage-banner .top-message {
  background: none !important;
}
.homepage-banner #buttons {
  margin-top: -20px;
  padding-bottom: 30px;
}
.homepage-banner #buttons .option {
  margin-bottom: 20px;
}
.homepage-banner #buttons .option .btn {
  margin-right: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.code-viewer .code-list {
  width: 740px !important;
}
.code-viewer .code-action {
  width: 50px !important;
}
.code-viewer pre {
  font-size: 24px;
  line-height: 30px;
}
.code-viewer #typical-sol {
  position: fixed;
  max-width: 600px !important;
  right: 8px;
  top: 69px;
  margin-right: 25px;
  width: 580px;
}
.code-viewer #typical-sol pre {
  width: 500px;
}
.grading {
  margin: auto;
}
.grading #header-info {
  margin: 20px 40px 0 20px;
  margin-top: 20px;
  color: black;
}
.grading #header-info #grading-links {
  font-size: 1.2em;
}
.grading #header-info #counts {
  float: right;
  text-align: right;
}
.grading #header-info #counts > span:first-child {
  padding-right: 20px;
}
.grading #header-info select {
  width: 47%;
}
.grading .typical-sol {
  float: left;
  width: 370px;
  max-height: 600px;
  overflow: auto;
  margin-left: 10px;
  border-left: 1px dashed #aaa;
  padding-left: 10px;
}
.grading .code-list {
  width: 1300px;
  margin-bottom: 100px;
  margin-right: 10px;
  margin-left: 15px;
  float: left;
}
.grading .code-list .canned-response {
  display: block;
  font-size: 10px;
  line-height: 14px;
  padding: 7px 0px;
}
.grading .code-list .canned-response .count {
  font-weight: bold;
}
.grading .code-list .code-listing {
  margin-top: 30px;
  border-top: 1px dashed #aaa;
  max-height: 600px;
  background-color: white;
}
.grading .code-list .code-listing .code-action {
  float: left;
  width: 214px;
  padding: 5px 11px;
}
.grading .code-list .code-listing .code-action .code-student {
  font-size: 14px;
}
.grading .code-list .code-listing .code-action .code-student-class {
  font-size: 12px;
  color: #aaa;
}
.grading .code-list .code-listing .code-action .code-timestamp {
  color: #222;
  font-size: 10px;
}
.grading .code-list .code-listing .code-action .code-prev-comments .msg-user {
  font-size: 10px;
  color: #ccc;
}
.grading .code-list .code-listing .code-action .code-prev-comments .accordion a {
  color: black;
}
.grading .code-list .code-listing .code-action .code-prev-comments .accordion .accordion-group {
  margin-top: 7px;
}
.grading .code-list .code-listing .code-action .code-prev-comments .accordion .accordion-toggle {
  display: inline-block;
  padding: 4px 5px;
  font-size: 13px;
  font-weight: bold;
}
.grading .code-list .code-listing .code-action .code-comment {
  margin-top: 7px;
}
.grading .code-list .code-listing .code-action .code-comment textarea {
  margin-right: 7px;
  font-family: Courier;
  height: 50px;
}
.grading .code-list .code-listing .code-text {
  width: 600px;
  max-height: 600px;
  overflow: auto;
  margin-left: 10px;
  border-left: 1px dashed #aaa;
  padding-left: 10px;
  float: left;
}
.grading .code-list .code-listing .code-text .code-none {
  font-size: 25px;
  color: #ccc;
  font-style: italic;
}
.messages-table {
  width: 1000px;
}
.messages-table td {
  border: 1px solid black;
}
.messages-table .basics {
  width: 100px;
}
.messages-table .to {
  width: 80px;
}
.messages-table .from {
  width: 80px;
}
.messages-table .ex {
  width: 100px;
}
.messages-table .code {
  width: 450px;
}
.messages-table .content {
  width: 400px;
}
.messages-table pre {
  width: 450px;
  overflow: scroll;
}
.msg-ratings {
  margin-top: 17px;
  background-color: rgba(204, 204, 204, 0.2);
  padding: 7px;
}
.help-student-role {
  width: 393px;
  font-size: 11px;
}
:hover {
  text-decoration: none;
}
.tutor-org img {
  width: 20px;
  height: 20px;
  margin: -4px 2px 0 2px;
}
.message {
  color: #666;
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
  padding-bottom: 5px;
  width: 85%;
}
.message .byline {
  padding-bottom: 3px;
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
}
.message .byline .name {
  font-weight: bold;
  color: #333;
}
.message .byline .time {
  color: #999;
}
.message .byline .photo {
  overflow: hidden;
  margin-right: 5px;
  height: 40px;
  width: 40px;
}
.message .byline .photo img {
  height: 40px;
  width: auto;
}
#help-tab {
  padding-bottom: 100px;
}
#help-tab.tab-pane {
  margin: 0;
}
#help-tab a {
  color: inherit;
}
#help-tab a:hover {
  text-decoration: none;
}
#help-tab h3 {
  font-size: 16px;
  font-weight: 200;
  color: #95a5ac;
}
#help-tab #upgrade-message {
  padding: 25px 15px;
  margin: 20px 20px 20px 30px;
  background-color: rgba(222, 88, 68, 0.25);
  color: #8e3329;
}
#help-tab #upgrade-message .credits {
  font-weight: 600;
  font-style: italic;
}
#help-tab #upgrade-message p:first-of-type {
  margin-top: 30px;
  margin-bottom: 20px;
}
#help-tab #upgrade-message a {
  color: rgba(142, 51, 41, 0.5);
  font-weight: 700;
}
#help-tab #upgrade-message a:hover {
  opacity: .7;
}
#help-tab #user-info-header {
  background-color: rgba(190, 204, 212, 0.15);
  padding: 20px 30px;
}
#help-tab #user-info-header h4 {
  color: #555555;
  margin-bottom: 5px;
}
#help-tab #user-info-header p {
  font-size: 12px;
  color: #a7aeb6;
  font-weight: 200;
  margin-bottom: 20px;
}
#help-tab #user-info-header #user-age {
  color: #555555;
  padding-right: 15px;
}
#help-tab #user-info-header #user-age .chs-icon {
  color: #a7aeb6;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#help-tab #user-info-header #user-plan {
  padding-left: 12px;
  color: #27a9e1;
  border-left: 1px solid rgba(190, 204, 212, 0.75);
}
#help-tab .message {
  border-bottom: 1px solid rgba(190, 204, 212, 0.25);
  position: relative;
  margin: 0;
  width: 100%;
  height: 80px;
  padding: 20px;
}
#help-tab .message:first-of-type {
  padding-top: 30px;
}
#help-tab .message.comment {
  height: auto;
}
#help-tab .message.comment .photo-border {
  width: 58px;
  height: 58px;
  left: 32px;
}
#help-tab .message.comment .msg-content {
  margin-left: 90px;
  padding-top: 5px;
  height: 58px;
}
#help-tab .message.comment .msg-icon {
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
#help-tab .message .photo-border {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: solid 2px #95a5ac;
  left: 42px;
  position: absolute;
}
#help-tab .message .photo-border.rejected {
  border-color: #de5844;
}
#help-tab .message .photo-border.function-ok {
  border-color: #27a9e1;
}
#help-tab .message .photo-border.passed {
  border-color: #8cc63e;
}
#help-tab .message .photo-border.submission {
  border-color: #ffdd17;
}
#help-tab .message .photo-border .photo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: solid 2px #FFFFFF;
  overflow: hidden;
}
#help-tab .message .photo-border .photo img {
  width: 100%;
}
#help-tab .message h4 {
  color: #555555;
  margin-top: 3px;
  margin-bottom: 3px;
}
#help-tab .message p {
  color: #95a5ac;
  font-size: 12px;
}
#help-tab .message .msg-content {
  margin-left: 75px;
}
#help-tab .message .msg-icon {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: solid 2px;
  text-align: center;
  position: absolute;
  right: 25px;
  top: 30px;
}
#help-tab .message .msg-icon.submission {
  border-color: #ffdd17;
  color: #ffdd17;
}
#help-tab .message .msg-icon.submission:before {
  margin-top: 1px;
  margin-left: 2px;
  font-size: 15px;
}
#help-tab .message .msg-icon.rejected {
  border-color: #de5844;
  color: #de5844;
}
#help-tab .message .msg-icon.rejected:before {
  font-size: 12px;
}
#help-tab .message .msg-icon.function-ok {
  border-color: #27a9e1;
  color: #27a9e1;
}
#help-tab .message .msg-icon.passed {
  border-color: #8cc63e;
  color: #8cc63e;
}
#help-tab .message .msg-icon.comment {
  color: #95a5ac;
  font-size: 22px;
  right: 29px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#help-tab .message .msg-icon.chs-icon-check {
  font-size: 13px;
}
#help-tab .message .msg-icon.chs-icon-check:before {
  margin-left: -1px;
  margin-top: 3px;
}
#help-tab .message .msg-comment {
  padding: 25px 0 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: solid 2px rgba(190, 204, 212, 0.3);
  margin-left: 10px;
  margin-top: 18px;
  position: relative;
  word-wrap: break-word;
}
#help-tab .message .msg-comment:before,
#help-tab .message .msg-comment:after {
  bottom: 100%;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
}
#help-tab .message .msg-comment:before {
  border-color: transparent;
  border-bottom-color: rgba(190, 204, 212, 0.3);
  border-width: 10px 12px;
  left: 17px;
}
#help-tab .message .msg-comment:after {
  border-color: transparent;
  border-bottom-color: #FFFFFF;
  border-width: 7px 9px;
  left: 20px;
}
#help-tab .message .msg-comment.has-menu {
  padding-bottom: 0;
}
#help-tab .message .msg-comment p {
  color: #555555;
  font-weight: 200;
  font-size: 14px;
  padding: 0 18px;
}
#help-tab .message .msg-comment p a {
  color: #27a9e1;
}
#help-tab .message .msg-comment p a:hover {
  opacity: .5;
}
#help-tab .message .msg-comment p code,
#help-tab .message .msg-comment p pre {
  background-color: rgba(190, 204, 212, 0.3);
  color: #555555;
}
#help-tab .message .msg-comment .comment-content pre.prettyprint {
  padding: 22px 18px;
  background-color: rgba(190, 204, 212, 0.3);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
}
#help-tab .message .msg-comment .comment-content pre.prettyprint .pln {
  color: #555555;
}
#help-tab .message .msg-comment .msg-menu {
  line-height: 37px;
  padding: 0 18px;
}
#help-tab .message .msg-comment .msg-menu .code-version {
  color: #95a5ac;
}
#help-tab .message .msg-comment .msg-menu .code-version .code-timestamp {
  color: #beccd4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}
#help-tab .message .msg-comment .msg-menu .code-version span {
  vertical-align: middle;
}
#help-tab .message .msg-comment .msg-menu .code-version:hover {
  cursor: pointer;
  opacity: .5;
}
#help-tab .message .msg-comment .msg-menu .chs-icon-ellipses-h {
  color: #95a5ac;
  vertical-align: middle;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown:hover .chs-icon-ellipses-h,
#help-tab .message .msg-comment .msg-menu .msg-dropdown.open .chs-icon-ellipses-h {
  color: #27a9e1;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .dropdown-menu {
  background-color: #28384a;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-right: -8px;
  margin-top: -3px;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .dropdown-menu li {
  padding: 0;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .dropdown-menu li a {
  color: #a7aeb6;
  line-height: 36px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 200;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .dropdown-menu li a:hover,
#help-tab .message .msg-comment .msg-menu .msg-dropdown .dropdown-menu li a:focus {
  color: #FFFFFF;
  background-color: #28384a;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .dropdown-menu::before {
  content: "";
  border-color: transparent transparent #28384a transparent;
  border-style: solid;
  border-width: 8px;
  height: 0;
  width: 0;
  position: absolute;
  top: -16px;
  right: 10px;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .flag-msg:after {
  content: 'Flag';
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .flag-msg.has-flag {
  pointer-events: none;
  color: rgba(167, 174, 182, 0.5);
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .flag-msg.has-flag:after {
  content: 'Flagged';
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .save-canned:after {
  content: 'Save as Canned Response';
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .save-canned.is-saved {
  pointer-events: none;
  color: rgba(167, 174, 182, 0.5);
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .save-canned.is-saved:after {
  content: 'Saved as Canned Response';
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .rating-item {
  position: relative;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .rating-item span {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .rating-item:hover {
  cursor: pointer;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .rating-item:hover span {
  visibility: hidden;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .rating-item:hover span + .msg-rating {
  display: inline-block;
}
#help-tab .message .msg-comment .msg-menu .msg-dropdown .msg-rating {
  position: absolute;
  left: 30px;
  display: none;
}
#help-tab .help-badge {
  font-size: 12px;
  text-transform: uppercase;
  padding: 2px 5px;
  color: #FFFFFF;
  font-weight: 600;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
  position: relative;
  top: -1px;
}
#help-tab .help-badge.tutor-badge {
  background-color: #95a5ac;
}
#help-tab .help-badge.teacher-badge {
  background-color: #6b757b;
}
#help-tab #item-grading {
  padding: 20px 20px 0 30px;
}
#help-tab #item-grading .grade-option {
  display: inline-block;
  padding: 4px 15px;
}
#help-tab #item-grading .grade-option:first-child {
  padding-left: 0;
}
#help-tab #item-grading .grade-option:last-child {
  padding-right: 0;
}
#help-tab #item-grading .grade-option:not(:first-of-type) {
  border-left: 1px solid rgba(190, 204, 212, 0.5);
}
#help-tab #item-grading label {
  margin: 0;
}
#help-tab #item-grading input[type="radio"] {
  display: none;
}
#help-tab #item-grading input[type="radio"] + label span {
  vertical-align: middle;
}
#help-tab #item-grading input[type="radio"] + label span.icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #95a5ac;
  margin-right: 7px;
  text-align: center;
  line-height: 10px;
  font-size: 8px;
}
#help-tab #item-grading input[type="radio"] + label span.icon:before {
  display: none;
}
#help-tab #item-grading input[type="radio"]:checked + label span.icon:before {
  display: inline-block;
}
#help-tab #item-grading #grade-pass:checked + label {
  color: #8cc63e;
}
#help-tab #item-grading #grade-pass:checked + label span.icon {
  border-color: #8cc63e;
}
#help-tab #item-grading #grade-ok:checked + label {
  color: #27a9e1;
}
#help-tab #item-grading #grade-ok:checked + label span.icon {
  border-color: #27a9e1;
}
#help-tab #item-grading #grade-reject:checked + label {
  color: #de5844;
}
#help-tab #item-grading #grade-reject:checked + label span.icon {
  border-color: #de5844;
}
#help-tab #item-grading #grade-none:checked + label {
  color: #6b757b;
}
#help-tab #item-grading #grade-none:checked + label span.icon {
  border-color: #6b757b;
}
#help-tab #item-grading label {
  color: #555555;
  font-weight: 600;
  font-size: 12px;
}
#help-tab .wmd-panel {
  margin: 20px;
  margin-left: 30px;
  position: relative;
  width: auto;
}
#help-tab .wmd-panel .btn-toolbar {
  margin-left: 0;
  background-color: rgba(190, 204, 212, 0.3);
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}
#help-tab .wmd-panel .btn-group {
  margin-left: 0;
}
#help-tab .wmd-panel .btn-group .btn {
  border-radius: 0;
  margin-left: 0;
  color: #555555;
  background-color: transparent;
}
#help-tab .wmd-panel .btn-group .btn:after {
  height: 14px;
  border-left: 1px das;
}
#help-tab .wmd-panel #wmd-input.needs-rating {
  height: 78px !important;
}
#help-tab .wmd-panel .wmd-input {
  resize: vertical;
  border-color: rgba(190, 204, 212, 0.3);
  padding: 10px;
  width: 100%;
  height: 100px;
  min-height: 78px;
}
#help-tab .wmd-panel .wmd-input:focus {
  outline: none;
}
#help-tab .wmd-panel .wmd-input::-webkit-input-placeholder {
  font-style: italic;
  color: #beccd4;
  font-weight: 200;
}
#help-tab .wmd-panel .wmd-input:-moz-placeholder {
  font-style: italic;
  color: #beccd4;
  font-weight: 200;
}
#help-tab .wmd-panel .wmd-input::-moz-placeholder {
  font-style: italic;
  color: #beccd4;
  font-weight: 200;
}
#help-tab .wmd-panel .wmd-input:-ms-input-placeholder {
  font-style: italic;
  color: #beccd4;
  font-weight: 200;
}
#help-tab .wmd-panel .send-message {
  margin-top: -6px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  width: 100%;
}
#help-tab .wmd-preview {
  min-height: 60px;
  padding: 15px 0px;
  color: #555555;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 2px solid rgba(190, 204, 212, 0.5);
  margin-left: 0;
  margin-right: 0;
  word-wrap: break-word;
}
#help-tab .wmd-preview p {
  padding: 0 15px;
}
#help-tab .wmd-preview p code,
#help-tab .wmd-preview p pre {
  background-color: rgba(190, 204, 212, 0.3);
  color: #555555;
}
#help-tab .wmd-preview p a {
  color: #27a9e1;
}
#help-tab .wmd-preview p a:hover {
  opacity: .5;
}
#help-tab .wmd-preview pre.prettyprint {
  padding: 20px 15px;
  background-color: rgba(190, 204, 212, 0.3);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
}
#help-tab .wmd-preview pre.prettyprint .pln {
  color: #555555;
}
#help-tab #add-custom-response-modal h3 {
  color: #555555;
}
#help-tab #add-custom-response-modal .wmd-panel {
  margin-left: 20px;
  margin-right: 20px;
}
#help-tab #add-custom-response-modal .wmd-preview {
  border-width: 1px;
}
#help-tab #add-custom-response-modal .response-message {
  color: #fbaf3f;
  font-size: 12px;
  text-align: center;
  height: 17px;
}
#help-tab #add-custom-response-modal #add-response-btn {
  width: 130px;
}
#help-tab #add-custom-response-modal #add-response-btn:before {
  content: 'Add Response';
}
#help-tab #add-custom-response-modal #add-response-btn .icon-spin {
  display: none;
}
#help-tab #add-custom-response-modal #add-response-btn:disabled:before {
  content: '';
}
#help-tab #add-custom-response-modal #add-response-btn:disabled .icon-spin {
  display: inline;
}
#help-tab #rate-msg {
  position: absolute;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  width: 100%;
  padding: 13px 35px;
  bottom: 122px;
  border: 1px solid rgba(190, 204, 212, 0.3);
  border-top: none;
  background-color: #F8F9FA;
}
#help-tab #rate-msg p {
  color: #555555;
  font-style: italic;
  font-weight: 200;
  height: 40px;
}
#help-tab #rate-msg #rating-section {
  text-align: right;
}
#help-tab #rate-msg .tutor-photo {
  width: 40px;
  height: 40px;
  border: solid 2px #95a5ac;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
#help-tab #rate-msg .tutor-photo img {
  width: 100%;
}
#help-tab #rate-msg .msg-rating {
  display: inline-block;
}
#help-tab .canned-responses {
  padding: 0 20px 20px 30px;
}
#help-tab .canned-responses h3 span {
  vertical-align: middle;
}
#help-tab .canned-responses h3 span.icon-question-sign {
  color: #27a9e1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#help-tab .canned-responses .canned-response {
  font-size: 12px;
  line-height: 20px;
  color: #555555;
  cursor: pointer;
}
#help-tab .canned-responses .canned-response:hover {
  opacity: .65;
}
#help-tab .canned-responses .canned-response .count {
  font-weight: bold;
}
#help-tab .canned-responses .add-response {
  font-size: 12px;
  color: #27a9e1;
}
#help-tab .canned-responses .add-response span {
  vertical-align: middle;
}
#help-tab .canned-responses .add-response .icon-plus {
  margin-right: 5px;
  font-size: 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#help-tab .canned-responses .add-response:hover {
  opacity: .8;
}
#help-tab #canned-responses .add-response {
  display: none;
}
#help-tab #canned-responses.no-custom-responses .add-response {
  display: inline;
}
#help-tab #canned-responses.no-custom-responses + #custom-responses {
  display: none;
}
#help-tab #favorite-program {
  color: #555555;
}
#help-tab #favorite-program .favorite-program-star {
  display: inline-block;
  width: 25px;
  height: 20px;
  background-position: center center;
  vertical-align: middle;
  margin-top: -2px;
}
#help-tab #favorite-program span {
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
}
#help-tab #tutor-section {
  padding-left: 30px;
  padding-right: 20px;
}
#help-tab #tutor-section .tutor-action {
  color: #555555;
  margin-bottom: 5px;
}
#help-tab #tutor-section .tutor-action > div {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
#help-tab #admin-section {
  padding: 20px;
  padding-left: 30px;
}
#help-tab #dummy {
  visibility: hidden;
}
#help-tab #public-page {
  margin-left: 30px;
}
#help-tab #public-page a {
  color: #27a9e1;
}
#help-tab #public-page a:hover {
  opacity: .75;
}
#help-tab .help_question {
  font-size: 15px;
  width: 85%;
  height: 100px;
}
#help-tab .help-tab-button {
  font-size: 12px;
  margin-bottom: 4px;
}
#homepage-hoc {
  height: 100%;
  width: 100%;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/landing.jpg?36f3a0f08547') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #FFFFFF;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  display: table;
}
#homepage-hoc .overlay {
  height: 100%;
  background: rgba(30, 53, 78, 0.85);
  overflow: hidden;
  display: table-row;
}
#homepage-hoc-content {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
#homepage-hoc h1 {
  font-size: 80px;
  margin-bottom: 60px;
  font-weight: 600;
}
#homepage-hoc h2 {
  font-size: 24px;
  margin-bottom: 100px;
}
#homepage-hoc #actions {
  width: 60%;
  margin: auto;
}
#homepage-hoc #student-action,
#homepage-hoc #teacher-action {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
#homepage-hoc #student-action a,
#homepage-hoc #teacher-action a {
  font-size: 16px;
  width: 250px;
  line-height: 40px;
}
#homepage-hoc #student-action p,
#homepage-hoc #teacher-action p {
  font-size: 12px;
  letter-spacing: .3px;
  margin-top: 5px;
  font-weight: 600;
}
#homepage-hoc #learn-more-link {
  position: absolute;
  color: #FFFFFF;
  padding: 10px;
  bottom: 10px;
  right: 20px;
  font-weight: 600;
  font-size: 20px;
}
#homepage-hoc #learn-more-link:hover {
  text-decoration: none;
  opacity: .5;
}
#homepage-hoc #learn-more-link span {
  font-size: 18px;
  margin-left: 5px;
}
#hoc-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#hoc-wrapper a:hover {
  text-decoration: none;
  opacity: .75;
}
#hoc-wrapper #hoc-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/signup/bg-code.jpg?1851b1275980') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#hoc-wrapper #hoc-header .about-title {
  font-size: 28px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0px;
}
#hoc-wrapper #hoc-header .overlay {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/signup/white-lines.png?1851b1275980') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-color: rgba(15, 66, 85, 0.5);
  padding: 35px 0px 80px 0px;
}
#hoc-wrapper .section-title {
  font-size: 24px;
  font-weight: 200;
  color: #555555;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
  background-color: #27a9e1;
  color: white;
}
#hoc-wrapper .call-to-action {
  text-align: center;
  padding-bottom: 30px;
}
#hoc-wrapper .call-to-action p {
  font-size: 24px;
  font-weight: 100;
}
#hoc-wrapper .call-to-action a {
  text-transform: uppercase;
  border: 1px solid #FFFFFF;
  padding: 1.25em 3em;
}
#hoc-wrapper #hoc-what-is-panel {
  padding: 50px;
  background-color: #FFF;
}
#hoc-wrapper #hoc-what-is-panel.blue-panel {
  background-color: #f4f8fc;
}
#hoc-wrapper #hoc-what-is-panel .header {
  padding-bottom: 25px;
  font-size: 24px;
  font-weight: 200;
  color: #555555;
}
#hoc-wrapper #hoc-what-is-panel .copy {
  font-size: 14px;
  font-weight: 200;
  color: #95a5ac;
}
#hoc-wrapper #hoc-what-is-panel .video-container {
  text-align: center;
}
#hoc-wrapper #hoc-what-is-panel .video-player {
  margin-top: 20px
            .center;
}
#hoc-wrapper #computer-image-panel .image {
  max-height: 150px;
  position: relative;
  top: -50px;
}
#hoc-wrapper .header {
  font-size: 24px;
  font-weight: 200;
  color: #555555;
  padding-bottom: 20px;
  padding-top: 20px;
}
#hoc-wrapper #hoc-for-hs-panel {
  padding: 50px;
  background-color: #f4f8fc;
}
#hoc-wrapper #hoc-for-hs-panel #hoc-for-hs-row {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: "space-around";
}
#hoc-wrapper #hoc-for-hs-panel #hoc-for-hs-row .hoc-for-hs-col {
  text-align: center;
}
#hoc-wrapper #hoc-for-hs-panel .no-right-padding {
  padding-right: 0px;
}
#hoc-wrapper #hoc-for-hs-panel .subheader {
  font-weight: 600;
  font-size: 18px;
  color: #555555;
}
#hoc-wrapper #hoc-for-hs-panel .copy {
  font-weight: 200;
  font-size: 16px;
  color: #909090;
  line-height: 26px;
}
#hoc-wrapper #hoc-for-hs-panel .hoc-badge {
  padding-bottom: 20px;
}
#hoc-wrapper #hoc-for-hs-panel .hoc-badge img {
  width: 100px;
  height: 100px;
}
#hoc-wrapper #hoc-testimonials {
  display: flex;
  justify-content: space-around;
  margin-top: 150px;
  background-color: #27a9e1;
  padding: 0px 150px;
}
#hoc-wrapper #hoc-testimonials .testimonial-col {
  width: 40%;
}
#hoc-wrapper #hoc-testimonials .testimonial-col .testimonial {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 50px;
  position: relative;
  top: -60px;
}
#hoc-wrapper #hoc-testimonials .testimonial-col .testimonial .testimonial-body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
  font-size: 20px;
}
#hoc-wrapper #hoc-testimonials .testimonial-col .testimonial .testimonial-byline {
  margin-top: 15px;
  margin-bottom: 25px;
  color: #FFF;
  opacity: .5;
  font-size: 12px;
}
#hoc-wrapper #hoc-testimonials .testimonial-col .testimonial-img-container {
  width: 150px;
  height: 150px;
  position: relative;
  top: -100px;
  border: solid 6px #FFF;
  border-radius: 150px;
  margin: auto;
  background-color: #FFF;
}
#hoc-wrapper #hoc-testimonials .testimonial-col .testimonial-img-container .testimonial-img {
  width: 100%;
  height: 100%;
}
#hoc-wrapper #want-more-hoc-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 125px;
  font-size: 18px;
  letter-spacing: .9px;
}
#hoc-wrapper #want-more-hoc-panel .more-hoc-text {
  color: #27a9e1;
  font-weight: 200;
}
#hoc-wrapper #want-more-hoc-panel .more-hoc-text a {
  color: #27a9e1;
  font-weight: 600;
}
#hoc-wrapper #want-more-hoc-panel .hoc-transparency {
  opacity: .75;
}
.hoc-start-panel {
  list-style: none;
  padding: 25px 0px;
  margin: 0px;
}
.hoc-start-panel li:nth-child(odd) {
  background-color: #f4f8fc;
}
.hoc-start-panel li:nth-child(even) {
  background-color: #FFF;
}
.hoc-start-panel .hoc-row .hoc-instance {
  padding: 20px 0px;
}
.hoc-start-panel .hoc-row .hoc-instance .info-container .hoc-title {
  color: #555555;
  font-size: 24px;
  line-height: 24px;
  font-weight: 200;
}
.hoc-start-panel .hoc-row .hoc-instance .info-container .hoc-description {
  color: #95a5ac;
  font-size: 14px;
  line-height: 21px;
  font-weight: 200;
}
.hoc-start-panel .hoc-row .hoc-instance .info-container .start-container {
  margin-top: 10px;
}
.hoc-start-panel .hoc-row .hoc-instance .info-container .start-container .start-text {
  font-size: 14px;
  font-weight: 600;
  color: #555555;
  margin-right: 20px;
}
.hoc-start-panel .hoc-row .hoc-instance .info-container .start-container .button {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0em 3.5em;
}
.hoc-start-panel .hoc-row .hoc-instance .info-container .start-container .white-button {
  font-size: 12px;
  background-color: white;
  border-color: #27a9e1;
  color: #27a9e1;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1em 3.5em;
}
.hoc-start-panel .hoc-row .hoc-instance .info-container .start-container .white-button:hover {
  background-color: #f4f8fc;
  opacity: 1;
}
.hoc-start-panel .hoc-row .hoc-instance .image-container {
  min-width: 200px;
  text-align: center;
  border-radius: 200px;
}
.hoc-start-panel .hoc-row .hoc-instance .image-container img {
  width: 180px;
}
.chart-container {
  display: block;
  margin: 50px 50px 50px 50px;
}
.bar-chart {
  display: inline-block;
  width: 900px;
  height: 500px;
}
.bar-chart .bar {
  fill: steelblue;
}
.bar-chart .axis path,
.bar-chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.option-area {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  margin-left: 40px;
  margin-top: 100px;
}
.option-selector {
  margin-bottom: 20px;
}
.x-label {
  display: block;
  text-align: right;
  padding-right: 2em;
}
.chart-title {
  text-align: center;
}
.iemsg {
  text-align: center;
  padding: 20px;
  position: fixed;
  bottom: 0;
  width: 100%;
}
#tutor-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 20px;
  background-color: #fcf8e3;
  font-size: 20px;
  font-weight: bold;
  z-index: 100;
}
#landing .white {
  background: #fff;
}
#landing #status-message {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
#landing img {
  height: 200px;
}
#landing .logo {
  width: 255px;
  height: auto;
}
#landing .offerings {
  margin-top: 15px;
}
#landing .offerings div {
  margin-bottom: 8px;
  font-size: 16px;
  color: #444;
  font-weight: normal;
}
#landing #karel-info h1 {
  margin-bottom: 20px;
}
#landing #karel-info p {
  font-size: 18px;
  line-height: 23px;
}
#landing #top-row {
  text-align: center;
  color: white;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/landing.jpg?36f3a0f08547') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#landing #top-row #top-row-container {
  padding: 90px;
  background-color: rgba(0, 0, 0, 0.3);
}
#landing #top-row .banner {
  font-size: 48px;
  line-height: 1.2em;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 0px;
  color: white;
}
#landing #top-row .banner-description {
  font-weight: 200;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px;
}
#landing #top-row p {
  font-size: 18px;
  font-weight: 200;
  line-height: 24px;
  color: white;
}
#landing #top-row a {
  color: white;
}
#landing #top-row .description {
  text-align: left;
  margin-top: 5px;
  font-size: 17px;
  line-height: 24px;
  color: white;
}
#landing #top-row .btn {
  font-weight: 400;
  font-size: 22px;
}
#landing #learn-more {
  width: 80%;
  margin-left: 10%;
  margin-top: 10px;
  margin-bottom: 20px;
}
#landing #landing-testimonials {
  background: #f4f4f4;
}
#landing #get-started {
  background: #f4f4f4;
}
#landing .testimonials {
  padding-bottom: 0;
}
#landing .testimonials .testimonial {
  font-size: 13px;
  line-height: 23px;
  margin-bottom: 26px;
  width: 40%;
  float: left;
  margin-left: 72px;
}
#landing .testimonials .testimonial img {
  width: 100px;
  height: 100px;
  padding: 8px;
}
#landing .testimonials .testimonial .name {
  font-weight: bold;
  float: right;
}
#landing .news {
  overflow: hidden;
  margin: 0px;
  padding: 20px;
}
#landing .news .news-container {
  display: block;
}
#landing .news .newslink {
  float: left;
  width: 120px;
}
#landing .news .newslink img {
  width: 80px;
  height: 80px;
  margin-left: 10px;
}
#landing .news .partnerlink {
  float: left;
}
#landing .news .partnerlink img {
  height: 53px;
}
#landing .news .newstitle {
  font-size: 40px;
  font-weight: bold;
  margin-top: 23px;
  float: right;
  font-style: italic;
  margin-right: 20px;
}
#landing #mid .welcome-video {
  width: 50%;
  float: left;
}
#landing #mid .msg {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
}
#landing #mid .sample-video {
  float: left;
  width: 50%;
}
#landing #mid .video {
  width: 420px;
  margin: auto;
}
#landing .related {
  padding: 5px 0px 5px 0px;
}
#landing .related img {
  height: 60px;
  width: auto;
}
#landing .related div {
  text-align: center;
}
#landing .related h4 {
  margin-bottom: 5px;
}
#old_footer {
  background: #f1f1f1;
  padding: 30px 30px 70px 30px;
  margin-top: 10px;
  border: 1px solid #ccc;
}
#old_footer h3 {
  margin-top: 0px;
}
#old_footer #footer-content {
  width: 80%;
  margin-left: 10%;
}
#old_footer .footlinks {
  margin-left: 40px;
}
#old_footer .share {
  margin-right: 15px;
}
#old_footer img {
  width: 50px;
  height: 50px;
}
#old_footer a {
  color: #555;
}
#old_footer a:hover {
  color: #222;
}
#news .news-item {
  margin-top: 15px;
  overflow: hidden;
}
#news .news-item .news-img {
  float: left;
}
#news .news-item .news-img img {
  float: left;
  width: 150px;
}
#news .news-item .news-info {
  float: left;
  padding-left: 10px;
}
#news .news-item .news-info .news-name {
  font-size: 20px;
}
#news .news-item .news-info .news-date {
  font-size: 12px;
  color: #888;
  padding: 3px;
  font-weight: bold;
}
#news .news-item .news-info .news-article {
  font-size: 17px;
}
#faq {
  padding-top: 10px;
  margin-bottom: 30px;
  background: #fff;
}
#faq .answer {
  font-size: 15px;
  line-height: 18px;
}
#faq .answer p {
  font-size: 15px;
  line-height: 18px;
}
#faq ul {
  padding: 20px;
}
#faq li {
  margin-bottom: 20px;
}
#faq .col-xs-1 {
  width: 100px;
  height: 1px;
}
#faq .col-xs-5 {
  margin-left: 0px;
}
#faq .question {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 15px;
}
#faq ul.qa {
  list-style: none;
  margin-left: 0px;
}
#faq ul.qa li {
  margin-bottom: 10px;
}
#schools .section {
  background: #fff;
  border-bottom: 1px solid #ccc;
  padding: 20px 0px 20px 0px;
}
#schools .btn {
  font-weight: bold;
  font-size: 22px;
  margin-top: 10px;
  margin-right: 20px;
}
#schools .top-message {
  margin-bottom: 30px;
}
#schools .image {
  width: 90%;
  height: auto;
}
#schools .options {
  margin-top: 10px;
}
#schools .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
#schools .faq {
  font-size: 15px;
}
#schools .faq div {
  padding: 10px;
}
#schools .option {
  margin-top: 10px;
  margin-bottom: 20px;
}
#schools .option .info {
  font-size: 16px;
  margin-top: 10px;
  margin-left: 0px;
}
#schools .option .info li {
  list-style: none;
  margin-bottom: 15px;
}
.bigyear {
  overflow-x: hidden;
}
.bigyear .card-list .lesson.card {
  height: auto;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
}
.bigyear .card-list .lesson.card .heading {
  margin: 30px;
  font-size: 18px;
}
.bigyear .card-list .lesson.card .heading a {
  color: black;
  text-decoration: none;
}
.bigyear .card-list .lesson.card .heading a:hover {
  opacity: 0.5;
}
.bigyear .card-list .lesson.card .heading .title {
  color: #a7aeb6;
  font-size: 18px;
  font-weight: 600;
  padding-left: 1em;
}
.bigyear .card-list .lesson.card .item-list {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
.bigyear .card-list .lesson.card .item-list .item-listing {
  display: table-row;
  border-bottom: 1px solid #f1f1f1;
}
.bigyear .card-list .lesson.card .item-list .item-listing:hover {
  text-decoration: none;
  background-color: #f1f1f1;
}
.bigyear .card-list .lesson.card .item-list .item-listing:last-child {
  border: none;
}
.bigyear .card-list .lesson.card .item-list .item-listing .thumbnail-wrapper {
  display: table-cell;
  vertical-align: middle;
  padding-left: 50px;
}
.bigyear .card-list .lesson.card .item-list .item-listing div.item-title {
  display: table-cell;
  vertical-align: middle;
  padding: 1em;
  padding-left: 10em;
  color: #555555;
  font-size: 0.9em;
  font-weight: 600;
}
.bigyear .card-list .lesson.card .item-list .item-listing div.item-type {
  display: table-cell;
  vertical-align: middle;
  padding: 1em;
  padding-right: 50px;
  color: #333333;
  text-align: right;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 600;
}
.bigyear .card-list .lesson.card .item-list .item-listing.started > div.item-status {
  color: #fbaf3f;
}
.bigyear .card-list .lesson.card .item-list .item-listing.submitted > div.item-status {
  color: #ffdd17;
}
.bigyear .card-list .lesson.card .item-list .item-listing.func-done > div.item-status {
  color: #27a9e1;
}
.bigyear .card-list .lesson.card .item-list .item-listing.complete > div.item-status {
  color: #8cc63e;
}
.bigyear .card-list .lesson.card .item-list .item-listing.rejected > div.item-status {
  color: #de5844;
}
.bigyear .card-list .lesson.card .item-list .item-listing.func-correct > div.item-status {
  color: #ffdd17;
}
.bigyear .card-list .lesson.card .item-list .item-listing.not-started > div.item-status {
  color: #beccd4;
}
.bigyear .card-list .lesson.card .item-list li:last-child {
  border-bottom: none;
}
.bigyear .card-list .lesson.card .item-thumbnail-box {
  border-radius: 5px;
  width: 30px;
  height: 30px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.bigyear .card-list .lesson.card .item-thumbnail-box span.icon-white {
  color: white;
  opacity: 0.8;
}
.bigyear .card-list .lesson.card .dot {
  position: absolute;
  top: 30px;
  right: 50px;
}
.bigyear .card-list .lesson.card .dot.submitted {
  color: #ffdd17;
}
.bigyear .card-list .lesson.card .dot.not-started {
  color: #beccd4;
}
.bigyear .card-list .lesson.card .dot.complete {
  color: #8cc63e;
}
.bigyear .card .btn {
  padding: 1em 2em;
  text-transform: uppercase;
}
#library-page {
  /* hack because there was extra white space?? */
  margin-top: -30px;
}
.bigyear .library-lesson-go {
  margin-top: 30px;
}
.bigyear #library-header {
  position: relative;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/library/header.jpg?ddfd5eccc60e') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #27a9e1;
  height: 400px;
}
.bigyear #library-header #library-crown {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -25px;
  color: #f1f1f1;
}
.bigyear #library-header h1 {
  font-size: 38px;
  text-transform: uppercase;
  text-align: center;
  font-family: 'proxima-nova';
  font-weight: 600;
  color: white;
  padding-top: 130px;
  margin: 30px;
}
.bigyear #library-header .subtitle {
  font-family: 'proxima-nova';
  font-size: 16px;
  color: white;
  text-align: center;
  max-width: 40em;
  margin: auto;
}
.bigyear #library-header .course-buttons {
  width: 400px;
  margin: auto;
  margin-top: 10px;
}
.bigyear #library-main {
  background: #f1f1f1;
  min-height: 100vh;
  min-height: calc(100vh - 60px);
}
.bigyear .card-list {
  padding-top: 50px;
  padding-bottom: 30px;
  font-family: 'proxima-nova';
}
.bigyear .card-list .card {
  background-color: white;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  height: 260px;
  padding: 10px;
  overflow: hidden;
  margin-left: 50px;
  margin-bottom: 40px;
  position: relative;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
}
.bigyear .card-list .card .course-icon {
  width: 225px;
  margin-left: 10px;
}
.bigyear .card-list .card .rondel {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 200px;
  height: 200px;
  display: table-cell;
}
.bigyear .card-list .card .square4 {
  position: absolute;
  right: 50px;
  top: 30px;
  width: 20px;
  height: 20px;
  color: #f1f1f1;
}
.bigyear .card-list .card .nonadot {
  position: absolute;
  right: 50px;
  top: 30px;
  color: #f1f1f1;
}
.bigyear .card-list .card .summary {
  position: absolute;
  left: 280px;
  right: 50px;
  top: 30px;
  bottom: 30px;
}
.bigyear .card-list .card .title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .5px;
}
.bigyear .card-list .card hr.short {
  border: 2px solid #f1f1f1;
  width: 46px;
  height: 0;
  margin-top: 7px;
  margin-bottom: 0;
  margin-left: 0;
}
.bigyear .card-list .card .description {
  line-height: 21px;
  margin-top: 10px;
  color: #a7aeb6;
}
.bigyear .card-list .card .details {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 90%;
  color: #a7aeb6;
  font-size: 12px;
  font-weight: light;
  line-height: 21px;
  text-transform: uppercase;
}
.bigyear .card-list .card .details span {
  font-weight: 600;
}
.bigyear .card-list .card ul.details {
  bottom: 5px;
  display: table-row;
  list-style-type: none;
  padding: 0;
}
.bigyear .card-list .card ul.details li {
  display: table-cell;
}
.bigyear .card-list .card .points {
  width: 100px;
}
.bigyear .card-list .card .videos {
  width: 50px;
}
.bigyear .card-list .card .exercises {
  width: 50px;
}
.bigyear .card-list .card .challenges {
  width: 50px;
}
.bigyear .card-list .card .btn {
  position: absolute;
  bottom: 20px;
  right: 40px;
}
.bigyear .card-list .card .btn:disabled {
  opacity: 1;
}
.bigyear .course.card hr {
  position: absolute;
  width: 100%;
  bottom: 50px;
}
.bigyear .nonadot {
  content: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/nonadot.png?f3027a8fcb79');
  width: 50px;
  height: 50px;
}
.bigyear .nonadot-small {
  width: 20px;
  height: 20px;
}
.bigyear .library-right-rail {
  padding: 50px;
}
.bigyear .library-right-rail .plaque {
  margin-bottom: 2em;
}
.bigyear .library-right-rail .plaque,
.bigyear .library-right-rail .plaque iframe {
  border-radius: 4px;
  width: 300px;
  height: 250px;
}
.bigyear .bg-snake {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/library/snake.png?f3027a8fcb79') #424849;
}
.bigyear .demo-cta {
  position: relative;
  text-align: center;
}
.bigyear .demo-cta div {
  text-align: center;
  color: #f1f1f1;
  font-size: 1.2em;
  font-weight: bold;
  padding: 3em;
}
.bigyear .demo-cta .btn {
  position: absolute;
  bottom: 2em;
  left: 57px;
}
#module-editor #item-list {
  list-style-type: none;
  padding-left: 0px;
}
#module-editor #item-search-table {
  height: 500px;
  overflow-y: scroll;
}
#module-editor .sortable-item,
#module-editor .ui-sortable-placeholder {
  padding: 5px !important;
  background: white;
  margin-bottom: 3px;
  width: 80%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#module-editor .close {
  font-weight: normal;
  line-height: 0.8;
}
#module-editor .sortable-item a:hover {
  text-decoration: underline;
}
#module-editor .mod-img-prev {
  width: 200px;
}
#module-editor img {
  width: 70%;
}
.login,
.forgot-pw {
  min-height: 100vh;
  min-height: calc(100vh - 60px);
  min-width: 300px !important;
  background-color: #f4f8fc;
}
#login-page,
.change-password-page,
.forgot-password-page {
  position: relative;
  font-family: 'proxima-nova';
  padding-top: 10%;
}
#login-page .alert,
.change-password-page .alert,
.forgot-password-page .alert {
  width: 300px;
  padding: 17px 25px;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  background-color: #de5844;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border: none;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
#login-page #status-message,
.change-password-page #status-message,
.forgot-password-page #status-message {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}
#login-page i,
.change-password-page i,
.forgot-password-page i {
  margin-left: 3px;
  margin-top: 2px;
}
#login-page input[type=text],
.change-password-page input[type=text],
.forgot-password-page input[type=text],
#login-page textarea,
.change-password-page textarea,
.forgot-password-page textarea,
#login-page input[type=password],
.change-password-page input[type=password],
.forgot-password-page input[type=password] {
  width: 250px;
}
#login-page #create-account,
.change-password-page #create-account,
.forgot-password-page #create-account {
  margin: 15px auto 0 auto;
  width: 300px;
  padding-bottom: 25px;
}
#login-page #create-account a,
.change-password-page #create-account a,
.forgot-password-page #create-account a {
  color: #fbaf3f;
  text-decoration: none;
  letter-spacing: 1px;
}
#login-page #create-account a:hover,
.change-password-page #create-account a:hover,
.forgot-password-page #create-account a:hover {
  opacity: .8;
}
#login-page #forgot-create-account,
.change-password-page #forgot-create-account,
.forgot-password-page #forgot-create-account {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#login-page #forgot-create-account a,
.change-password-page #forgot-create-account a,
.forgot-password-page #forgot-create-account a {
  color: #fbaf3f;
  text-decoration: none;
  letter-spacing: 1px;
}
#login-page #forgot-create-account a:hover,
.change-password-page #forgot-create-account a:hover,
.forgot-password-page #forgot-create-account a:hover {
  opacity: .8;
}
#login-page #login-form,
.change-password-page #login-form,
.forgot-password-page #login-form,
#login-page #forgot-pw-form,
.change-password-page #forgot-pw-form,
.forgot-password-page #forgot-pw-form {
  width: 300px;
  height: 345px;
  margin-left: auto;
  margin-right: auto;
}
#login-page #login-form #form-title,
.change-password-page #login-form #form-title,
.forgot-password-page #login-form #form-title,
#login-page #forgot-pw-form #form-title,
.change-password-page #forgot-pw-form #form-title,
.forgot-password-page #forgot-pw-form #form-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  color: #27a9e1;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 25px;
  letter-spacing: 1px;
}
#login-page #login-form label,
.change-password-page #login-form label,
.forgot-password-page #login-form label,
#login-page #forgot-pw-form label,
.change-password-page #forgot-pw-form label,
.forgot-password-page #forgot-pw-form label {
  font-size: 20px;
  color: #555;
  margin-bottom: 7px;
}
#login-page #login-form input,
.change-password-page #login-form input,
.forgot-password-page #login-form input,
#login-page #forgot-pw-form input,
.change-password-page #forgot-pw-form input,
.forgot-password-page #forgot-pw-form input {
  margin-right: auto;
  margin-left: auto;
}
#login-page #login-form #login-email,
.change-password-page #login-form #login-email,
.forgot-password-page #login-form #login-email,
#login-page #forgot-pw-form #login-email,
.change-password-page #forgot-pw-form #login-email,
.forgot-password-page #forgot-pw-form #login-email {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/email-icon.png?a999f461a695') no-repeat 215px center;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
}
#login-page #login-form #login-password,
.change-password-page #login-form #login-password,
.forgot-password-page #login-form #login-password,
#login-page #forgot-pw-form #login-password,
.change-password-page #forgot-pw-form #login-password,
.forgot-password-page #forgot-pw-form #login-password {
  display: block;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/lock-icon.png?a999f461a695') no-repeat 215px center;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
}
#login-page #login-form #password-forget,
.change-password-page #login-form #password-forget,
.forgot-password-page #login-form #password-forget,
#login-page #forgot-pw-form #password-forget,
.change-password-page #forgot-pw-form #password-forget,
.forgot-password-page #forgot-pw-form #password-forget {
  margin-top: 15px;
  width: 100%;
  text-align: right;
}
#login-page #login-form #password-forget a,
.change-password-page #login-form #password-forget a,
.forgot-password-page #login-form #password-forget a,
#login-page #forgot-pw-form #password-forget a,
.change-password-page #forgot-pw-form #password-forget a,
.forgot-password-page #forgot-pw-form #password-forget a {
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  color: #fbaf3f;
  letter-spacing: .5px;
}
#login-page #login-form hr,
.change-password-page #login-form hr,
.forgot-password-page #login-form hr,
#login-page #forgot-pw-form hr,
.change-password-page #forgot-pw-form hr,
.forgot-password-page #forgot-pw-form hr {
  margin-top: 15px;
  width: 250px;
}
#login-page #login-form .btn-main,
.change-password-page #login-form .btn-main,
.forgot-password-page #login-form .btn-main,
#login-page #forgot-pw-form .btn-main,
.change-password-page #forgot-pw-form .btn-main,
.forgot-password-page #forgot-pw-form .btn-main {
  background-color: #fbaf3f;
  width: 250px;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#login-page #login-form .btn-main:hover,
.change-password-page #login-form .btn-main:hover,
.forgot-password-page #login-form .btn-main:hover,
#login-page #forgot-pw-form .btn-main:hover,
.change-password-page #forgot-pw-form .btn-main:hover,
.forgot-password-page #forgot-pw-form .btn-main:hover {
  background-color: #eca53c;
}
#login-page #login-form .btn-main:focus,
.change-password-page #login-form .btn-main:focus,
.forgot-password-page #login-form .btn-main:focus,
#login-page #forgot-pw-form .btn-main:focus,
.change-password-page #forgot-pw-form .btn-main:focus,
.forgot-password-page #forgot-pw-form .btn-main:focus {
  color: white;
}
#login-page #login-form .btn,
.change-password-page #login-form .btn,
.forgot-password-page #login-form .btn,
#login-page #forgot-pw-form .btn,
.change-password-page #forgot-pw-form .btn,
.forgot-password-page #forgot-pw-form .btn {
  padding: 10px;
  position: relative;
}
#login-page #login-form #reset-btn,
.change-password-page #login-form #reset-btn,
.forgot-password-page #login-form #reset-btn,
#login-page #forgot-pw-form #reset-btn,
.change-password-page #forgot-pw-form #reset-btn,
.forgot-password-page #forgot-pw-form #reset-btn {
  margin-top: 15px;
  margin-bottom: 50px;
}
#login-page #login-form #login-submit .submit-text,
.change-password-page #login-form #login-submit .submit-text,
.forgot-password-page #login-form #login-submit .submit-text,
#login-page #forgot-pw-form #login-submit .submit-text,
.change-password-page #forgot-pw-form #login-submit .submit-text,
.forgot-password-page #forgot-pw-form #login-submit .submit-text {
  display: inline;
}
#login-page #login-form #login-submit .icon-spinner,
.change-password-page #login-form #login-submit .icon-spinner,
.forgot-password-page #login-form #login-submit .icon-spinner,
#login-page #forgot-pw-form #login-submit .icon-spinner,
.change-password-page #forgot-pw-form #login-submit .icon-spinner,
.forgot-password-page #forgot-pw-form #login-submit .icon-spinner {
  display: none;
}
#login-page #login-form #login-submit:disabled .submit-text,
.change-password-page #login-form #login-submit:disabled .submit-text,
.forgot-password-page #login-form #login-submit:disabled .submit-text,
#login-page #forgot-pw-form #login-submit:disabled .submit-text,
.change-password-page #forgot-pw-form #login-submit:disabled .submit-text,
.forgot-password-page #forgot-pw-form #login-submit:disabled .submit-text {
  display: none;
}
#login-page #login-form #login-submit:disabled .icon-spinner,
.change-password-page #login-form #login-submit:disabled .icon-spinner,
.forgot-password-page #login-form #login-submit:disabled .icon-spinner,
#login-page #forgot-pw-form #login-submit:disabled .icon-spinner,
.change-password-page #forgot-pw-form #login-submit:disabled .icon-spinner,
.forgot-password-page #forgot-pw-form #login-submit:disabled .icon-spinner {
  display: inline;
}
#login-page #login-form #login-submit:focus,
.change-password-page #login-form #login-submit:focus,
.forgot-password-page #login-form #login-submit:focus,
#login-page #forgot-pw-form #login-submit:focus,
.change-password-page #forgot-pw-form #login-submit:focus,
.forgot-password-page #forgot-pw-form #login-submit:focus {
  outline: none;
}
.start_helper {
  background-color: #67e667;
  padding: 10px;
  margin-bottom: 8px;
  float: left;
  width: 100%;
}
.main-title {
  margin-bottom: 20px;
  text-align: center;
}
.error input,
.error textarea {
  border-color: #b94a48;
  background: #f2dede;
}
/*
ul{
	font-size: 14px;
	color: @errorText;

	li{
		list-style-type: none;

		input[type=radio]{
			float: left;
			width: 40px;
			height: 50px;
		}
	}
	overflow: hidden;
}
*/
.change-password-page {
  background-color: #f4f8fc;
  height: 100%;
  width: 100%;
}
.change-password-page input {
  display: inline-block;
}
.change-password-page > .wrap {
  display: inline-block;
}
#create-form label {
  font-size: 20px;
  color: #555;
  margin-bottom: 7px;
}
#create-form input {
  font-size: 24px;
  height: 35px;
  line-height: 35px;
  width: 100%;
}
#create-form .group {
  width: 100%;
  margin-top: 10px;
}
#create-form .group .first {
  margin-right: 50px;
}
#create-form #id_bio {
  width: 280px;
}
#create-form #id_photo {
  width: 80%;
}
#payment-form {
  font-size: 24px;
  color: #333;
}
#payment-form .wrap {
  background: #c4e3f3;
  border-color: #bce8f1;
}
#payment-form label {
  color: #3a87ad;
  margin-bottom: 7px;
  font-size: 20px;
}
#payment-form input {
  font-size: 20px;
  color: #555;
  line-height: 24px;
}
#payment-form .first {
  margin-right: 18px;
}
#payment-form .card-expiry-month {
  width: 150px;
  margin-top: -5px;
}
#payment-form .card-expiry-year {
  width: 70px;
  line-height: 30px;
}
#payment-form .card-cvc {
  width: 56px;
}
#payment-form .card-number {
  width: 280px;
}
#payment-form .info {
  margin-top: 3px;
  color: #777;
  font-size: 14px;
}
#payment-form #payment-errors {
  margin-bottom: 5px;
  font-size: 14px;
  color: #b94a48;
  font-weight: bold;
}
#plan input {
  width: 30%;
}
#plan #id_weeks {
  width: 50%;
}
#plan .plan-content {
  background: #fff;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  width: 92%;
}
#plan .plan-content .name {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 25px;
}
#plan .plan-content .price {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
}
#plan .plan-content .price .time {
  font-size: 16px;
}
#plan .plan-content .a {
  color: #aaa;
}
#plan .plan-content .b {
  color: #5b83b6;
}
#plan .plan-content .c {
  color: #75bb75;
}
#plan .features {
  margin-top: 10px;
}
#plan .features .ft {
  color: #333;
  margin-bottom: 5px;
  font-size: 15px;
}
#plan .features .ft i {
  margin: 1px 5px 0px 0px;
}
#week-picker {
  margin-top: 10px;
}
#week-picker .weeks {
  margin-right: 50px;
}
#week-picker .price {
  margin-top: 30px;
}
.register-button-old {
  margin-top: 20px;
  font-size: 20px;
  padding: 10px;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  position: relative;
}
#password-reset {
  text-align: center;
  font-style: 'proxima-nova';
  height: 100vh;
  height: calc(100vh - 60px);
  background-color: #f4f8fc;
  padding-top: 10%;
}
#password-reset p:nth-child(1) {
  font-size: 30px;
  font-weight: 200;
  color: #555555;
  letter-spacing: 1px;
}
#password-reset p:nth-child(2) {
  font-size: 14px;
  font-weight: 200;
  line-height: 21px;
  color: #a7aeb6;
  margin-top: 10px;
  margin-bottom: 45px;
  letter-spacing: .5px;
}
#password-reset img {
  width: 250px;
}
@media only screen and (max-height: 600px) {
  #login-page #login-form,
  .change-password-page #login-form,
  .forgot-password-page #login-form,
  #login-page #forgot-pw-form,
  .change-password-page #forgot-pw-form,
  .forgot-password-page #forgot-pw-form {
    width: 300px;
    height: 290px;
  }
  #login-page #login-form #form-title,
  .change-password-page #login-form #form-title,
  .forgot-password-page #login-form #form-title,
  #login-page #forgot-pw-form #form-title,
  .change-password-page #forgot-pw-form #form-title,
  .forgot-password-page #forgot-pw-form #form-title {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #login-page #login-form hr,
  .change-password-page #login-form hr,
  .forgot-password-page #login-form hr,
  #login-page #forgot-pw-form hr,
  .change-password-page #forgot-pw-form hr,
  .forgot-password-page #forgot-pw-form hr {
    width: 250px;
  }
  #login-page #login-form .btn-main,
  .change-password-page #login-form .btn-main,
  .forgot-password-page #login-form .btn-main,
  #login-page #forgot-pw-form .btn-main,
  .change-password-page #forgot-pw-form .btn-main,
  .forgot-password-page #forgot-pw-form .btn-main {
    height: 40px;
    width: 250px;
  }
  #login-page #login-form #login-email,
  .change-password-page #login-form #login-email,
  .forgot-password-page #login-form #login-email,
  #login-page #forgot-pw-form #login-email,
  .change-password-page #forgot-pw-form #login-email,
  .forgot-password-page #forgot-pw-form #login-email {
    background: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/email-icon.png?a999f461a695') no-repeat 225px center;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    -o-background-size: 10px 10px;
    background-size: 10px 10px;
  }
  #login-page #login-form #login-password,
  .change-password-page #login-form #login-password,
  .forgot-password-page #login-form #login-password,
  #login-page #forgot-pw-form #login-password,
  .change-password-page #forgot-pw-form #login-password,
  .forgot-password-page #forgot-pw-form #login-password {
    background: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/lock-icon.png?a999f461a695') no-repeat 225px center;
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    -o-background-size: 10px 10px;
    background-size: 10px 10px;
  }
  #login-page #login-container,
  .change-password-page #login-container,
  .forgot-password-page #login-container {
    padding: none;
  }
  #login-page .alert,
  .change-password-page .alert,
  .forgot-password-page .alert {
    width: 300px;
    padding: 14px 25px;
  }
  #login-page input[type=text],
  .change-password-page input[type=text],
  .forgot-password-page input[type=text],
  #login-page textarea,
  .change-password-page textarea,
  .forgot-password-page textarea,
  #login-page input[type=password],
  .change-password-page input[type=password],
  .forgot-password-page input[type=password] {
    height: 40px;
    width: 250px;
  }
  #login-page #create-account,
  .change-password-page #create-account,
  .forgot-password-page #create-account {
    width: 300px;
  }
}
.manage-account {
  /*	width: 800px;
	margin: auto;
*/
  /*
	a, .header{
		font-size: 22px;
		font-weight: bold;
		vertical-align: top;
	}
*/
}
.manage-account .actions {
  margin-top: 50px;
}
.manage-account .item {
  margin-top: 20px;
}
.manage-account .item img {
  width: 100px;
}
.manage-account .subtext {
  font-size: 17px;
  font-style: italic;
  color: #aaa;
}
.manage-account .manage-button {
  font-size: 12px;
  font-weight: normal;
}
.manage-account #image-uploader {
  width: 100px;
  height: 100px;
}
#wrapper {
  /*max-width:1050px; */
}
#wrapper #mentors {
  margin-bottom: 100px;
}
#wrapper #mentors .image-wrapper {
  width: 100%;
  height: 250px;
  overflow: hidden;
  text-align: center;
}
#wrapper #mentors .image-wrapper img {
  width: 100%;
  height: auto;
}
#modules .module {
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 0px 10px 10px 0px;
  padding: 10px;
  color: #333;
}
#modules .module .info {
  border-right: 1px solid #eee;
  padding-right: 10px;
  width: 33%;
}
#modules .module .info .module-title {
  text-align: center;
}
#modules .module .info .module-image {
  margin: 10px 0px 10px -50px;
  position: relative;
  left: 50%;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
#modules .module .info .module-image img {
  width: 100px;
  height: auto;
}
#modules .module .module-icons {
  width: 65%;
}
#library .breadcrumbs {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 10px 10px 0px 0px;
  padding: 5px;
  color: #777;
  font-size: 14px;
}
#library #modules {
  margin-top: 10px;
}
#library #modules .module .description {
  width: 50%;
  padding: 10px;
  font-size: 16px;
  line-height: 23px;
}
#library #modules .module .info {
  width: 30%;
}
#library #modules .module .browse {
  width: 15%;
}
#library #modules .module .browse a {
  position: relative;
  left: 50%;
  margin: 40px 0px 0px -25px;
}
#library .module-filter {
  margin: 10px 0;
}
.content-list {
  margin-bottom: 100px;
}
.content-list a {
  color: #333;
}
.content-list .item {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin: 0px 5px 5px 0px;
  padding: 7px 4px;
  color: #333;
  font-size: 15px;
  /* Func correct and submitted are now the same. */
}
.content-list .item .problem-number {
  width: 32px;
  display: inline-block;
  font-weight: bold;
}
.content-list .item .item-title {
  margin-left: 10px;
  display: inline-block;
}
.content-list .item .col-xs-8 {
  margin: 0px 0px 0px 5px;
}
.content-list .item:hover {
  background-color: #eee;
}
.content-list .item i {
  margin: 4px 10px 0px 0px;
  width: 30px;
}
.content-list .item.func-done {
  background-color: #90abce;
}
.content-list .item.func-done:hover {
  background: #5b83b6;
}
.content-list .item.func-correct {
  background-color: #ebebb2;
}
.content-list .item.func-correct:hover {
  background: #dbdb75;
}
.content-list .item.submitted {
  background-color: #ebebb2;
}
.content-list .item.submitted:hover {
  background: #dbdb75;
}
.content-list .item.complete {
  background-color: #a8d4a8;
}
.content-list .item.complete:hover {
  background: #75bb75;
}
.content-list .item.rejected {
  background-color: #eacac9;
}
.content-list .item.rejected:hover {
  background: #d59392;
}
#my-courses {
  background-color: #f4f8fc;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  position: relative;
  min-height: 100vh;
}
#my-courses-content {
  margin-left: 200px;
  padding: 50px;
}
#my-courses-content p a {
  color: #27a9e1;
}
#my-courses-content p a:hover {
  text-decoration: none;
  color: rgba(39, 169, 225, 0.75);
}
#my-courses h2 {
  color: #555555;
  margin-bottom: 50px;
  font-weight: 200;
  font-size: 20px;
}
#my-courses .course-item {
  display: inline-block;
  width: 300px;
  height: 350px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  border: solid 2px transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-right: 36px;
  margin-bottom: 35px;
  padding: 30px 35px;
  text-align: center;
}
#my-courses .course-item h3 {
  height: 34px;
  font-size: 16px;
}
#my-courses .course-item img {
  width: 100%;
}
#my-courses .course-item.course-blue:hover {
  border-color: #27a9e1;
}
#my-courses .course-item.course-red:hover {
  border-color: #de5844;
}
#my-courses .course-item.course-green:hover {
  border-color: #8cc63e;
}
#my-courses .course-item.course-orange:hover {
  border-color: #fbaf3f;
}
#my-courses .course-item:hover {
  text-decoration: none;
}
/* CSS for the navbar

This is the CSS for the navbar on the site, both logged in and logged out.

*/
.navbar {
  height: 60px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
.navbar li a {
  padding: 18px;
  line-height: 24px;
}
.navbar .dropdown li a {
  padding: 3px 18px;
}
.navbar .dropdown.open > a {
  background-color: rgba(190, 204, 212, 0.15) !important;
}
.navbar #user-menu .dropdown-toggle {
  padding-bottom: 17px;
}
.navbar .navbar-brand {
  line-height: 24px;
  padding: 18px;
  height: 60px;
}
.navbar #log-menu {
  display: none;
}
.navbar #time-card-button {
  display: none;
}
.new-navbar {
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
}
.new-navbar li a {
  color: #555555 !important;
  font-family: 'proxima-nova';
  font-weight: 600;
  letter-spacing: .5px;
  font-size: 12px;
}
.new-navbar li a:not(.no-uppercase) {
  text-transform: uppercase;
}
.new-navbar .navbar-brand {
  padding: 0;
}
.new-navbar .navbar-brand img {
  margin: 7.2px 18px;
  height: 45.6px;
}
.navbar-right {
  margin-right: 18px !important;
}
.navbar-right #important-msg-item .popover {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 300px;
}
.navbar-right #important-msg-item .popover a {
  color: #27a9e1;
  text-transform: none;
  font-weight: 400;
}
.navbar-right #important-msg-item .popover a:hover {
  text-decoration: none;
  color: rgba(39, 169, 225, 0.6);
  background-color: none !important;
}
.navbar-right #important-msg .chs-icon-bell {
  color: #de5844;
}
.navbar-right #important-msg:hover {
  background-color: #de5844 !important;
}
.navbar-right #important-msg:hover span {
  color: #FFFFFF;
}
#pricing-btn:hover {
  color: #27a9e1 !important;
}
#signup-btn {
  background-color: #27a9e1;
  color: #FFFFFF !important;
}
#signup-btn:hover {
  background-color: #2499cc;
}
#login-btn {
  font-weight: 400;
}
#login-btn:hover {
  color: #27a9e1 !important;
}
#about-link:hover {
  color: #fbaf3f !important;
}
#library-link:hover {
  color: #8cc63e !important;
}
#tutors-link:hover {
  color: #00a79d !important;
}
#demos-link:hover {
  color: #ffdd17 !important;
}
#testimonials-link:hover {
  color: #ff99c6 !important;
}
.next-link {
  font-size: 12px;
  margin-right: 10px;
  width: 70px;
  height: 28px;
}
/* CSS for logged in navbar */
#logged-in-navbar .navbar-right {
  margin-right: 0 !important;
}
#logged-in-navbar .navbar-right #important-msg:hover {
  background-color: #de5844 !important;
}
#logged-in-navbar #profile-image-dropdown li:not(:last-child),
#logged-in-navbar #notification-menu li:not(:last-child) {
  border-bottom: 2px solid rgba(190, 204, 212, 0.25);
}
#logged-in-navbar .navbar-nav > li:not(.no-dividers),
#logged-in-navbar .navbar-nav #profile-image-dropdown {
  border-left: 2px solid rgba(190, 204, 212, 0.25);
}
#logged-in-navbar .navbar-nav > li:last-of-type:not(.no-dividers) {
  border-right: 2px solid rgba(190, 204, 212, 0.25);
}
#logged-in-navbar .navbar-nav > li > a {
  height: 60px;
}
#logged-in-navbar [class^="chs-icon-"],
#logged-in-navbar [class^="icon-"] {
  font-size: 18px;
}
#logged-in-navbar .chs-icon-messages {
  font-size: 22px;
}
#logged-in-navbar #new-message-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #27a9e1;
  border: 3px solid white;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  right: 14px;
  top: 12px;
}
#logged-in-navbar #nav-notifications-toggle:hover #new-message-icon {
  background-color: white;
  border: 3px solid #27a9e1;
}
#logged-in-navbar .navbar-left a:not(.no-hover):hover,
#logged-in-navbar .navbar-right a:not(.no-hover):hover {
  background-color: #27a9e1 !important;
  color: white !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#logged-in-navbar .container-fluid {
  padding-right: 0;
}
#logged-in-navbar .dropdown-menu {
  padding: 0;
}
#logged-in-navbar .dropdown li a {
  padding: 13px 25px !important;
}
#logged-in-navbar #time-card-button a {
  background-color: #de5844;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#logged-in-navbar #time-card-button a:hover {
  background-color: #c8503e !important;
}
#logged-in-navbar #time-card-button span {
  color: white;
}
#logged-in-navbar #nav-admin-dropdown {
  width: 64px;
}
#logged-in-navbar #nav-admin-dropdown > a {
  text-align: center;
}
#logged-in-navbar #nav-admin-dropdown > a span {
  line-height: 1.4;
}
#logged-in-navbar .message-photo-wrapper {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  margin: 8px 12px 0 -10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#logged-in-navbar .message-photo-wrapper img {
  width: 100%;
  height: 100%;
}
#logged-in-navbar #profile-image-dropdown > a {
  padding: 0 8px 0 18px;
}
#logged-in-navbar #profile-image-dropdown .dropdown-menu {
  min-width: 100%;
}
#logged-in-navbar #profile-image-dropdown #nav-user-name {
  padding: 10px;
  font-size: 110%;
}
#logged-in-navbar #profile-image-dropdown #nav-user-name .icon-caret-down {
  line-height: 4.4;
  position: relative;
  top: 1px;
  padding-left: 10px;
  color: #27a9e1;
  font-size: 100%;
}
#logged-in-navbar #nav-photo-wrapper {
  display: inline-block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: relative;
  top: 10px;
}
#logged-in-navbar #nav-photo-wrapper img {
  width: 100%;
}
#logged-in-navbar #nav-resume a {
  padding-left: 16px;
}
#logged-in-navbar #nav-resume .chs-icon-resume {
  color: #27a9e1;
}
#logged-in-navbar #nav-resume a:hover .chs-icon-resume {
  color: inherit !important;
}
#logged-in-navbar #nav-resume span:nth-child(2) {
  position: relative;
  bottom: 2px;
}
#logged-in-navbar #notification-menu {
  width: 350px;
  max-height: 500px;
  overflow-y: auto;
}
#logged-in-navbar #notification-menu .dropdown-label span {
  padding: 0 8px;
}
#logged-in-navbar #notification-menu .message-text {
  color: #95a5ac;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#logged-in-navbar #notification-menu a:hover .message-text {
  color: white !important;
}
#logged-in-navbar li.dropdown-label {
  color: #555555 !important;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-weight: 600;
  letter-spacing: .5px;
  font-size: 12px;
  cursor: auto;
  padding: 13px;
  text-transform: uppercase;
}
#logged-in-navbar li.dropdown-label a {
  display: inline-block;
  padding: 0 !important;
}
#logged-in-navbar li.dropdown-label a:hover {
  background-color: inherit;
  color: inherit !important;
  text-decoration: underline;
}
#logged-in-navbar .nav-button-wrap {
  line-height: 60px;
  margin-right: 15px;
  margin-left: 15px;
}
#logged-in-navbar .nav-button-wrap .slides-link {
  margin-left: 5px;
}
#logged-in-navbar .nav-button-wrap .slides-link.active-page {
  pointer-events: none;
}
#logged-in-navbar .nav-button-wrap .slides-link.active-page:hover {
  opacity: 1;
}
#logged-in-navbar .nav-button-wrap .btn-main-transparent {
  border-color: transparent;
  color: #555555;
  font-size: 12px;
}
#logged-in-navbar .nav-button-wrap .btn-main-transparent.active-page {
  border-color: rgba(85, 85, 85, 0.5);
  height: 28px;
  padding-left: 10px;
  padding-right: 10px;
}
#logged-in-navbar .nav-button-wrap .btn-main-transparent span {
  margin-left: 5px;
}
#logged-in-navbar .nav-button-wrap .btn-main-transparent:focus {
  outline: 1px solid #27a9e1;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu {
  background-color: #19232e;
  margin-top: 15px;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu li a {
  padding: 13px;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu li a span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu li a span:first-of-type {
  color: #FFFFFF;
  margin-left: 25px;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu li a span.chs-icon {
  color: #FFFFFF;
  position: absolute;
  display: none;
  left: 15px;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu li a:hover {
  cursor: pointer;
  background-color: rgba(190, 204, 212, 0.2) !important;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu li.selected {
  pointer-events: none;
  cursor: default;
  background-color: #27a9e1;
}
#logged-in-navbar .nav-button-wrap .dropdown-menu li.selected .chs-icon {
  display: inline;
}
/* All panel styles */
.home-panel {
  font-family: "proxima-nova";
  padding-left: 0;
  padding-right: 0;
  overflow-x: hidden;
}
.home-panel-title {
  font-weight: 200;
  font-size: 24px;
  line-height: 30px;
}
.home-panel-subtitle {
  font-size: 18px;
  color: #a7aeb6;
  font-weight: 100;
  line-height: 30px;
}
.panel-sec-title {
  color: #28384a;
  font-weight: 600;
  font-size: 16px;
  margin: 10px 0;
}
.panel-sec-text {
  font-size: 14px;
  color: #555555;
  opacity: 0.7;
  line-height: 20px;
}
/* header panel */
#header-panel {
  overflow: hidden;
  letter-spacing: .5px;
  font-weight: 400;
  color: #FFFFFF;
  height: 100vh;
  height: calc(100vh - 60px);
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/landing.jpg?36f3a0f08547') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
}
#header-panel .overlay {
  height: 100vh;
  height: calc(100vh - 60px);
  background: rgba(30, 53, 78, 0.7);
  overflow: hidden;
}
.bounce-arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px;
  margin-bottom: 50px;
  -webkit-animation: bounce 800ms ease-out;
  -moz-animation: bounce 800ms ease-out;
  -o-animation: bounce 800ms ease-out;
  animation: bounce 800ms ease-out;
}
.bounce-arrow img {
  height: 25px;
}
.bounce-effect 0% {
  -webkit-transform: translateY(-100%);
  opacity: 0;
}
.bounce-effect 5% {
  -webkit-transform: translateY(-100%);
  opacity: 0;
}
.bounce-effect 15% {
  -webkit-transform: translateY(0);
  padding-bottom: 5px;
}
.bounce-effect 30% {
  -webkit-transform: translateY(-50%);
}
.bounce-effect 40% {
  -webkit-transform: translateY(0%);
  padding-bottom: 6px;
}
.bounce-effect 50% {
  -webkit-transform: translateY(-30%);
}
.bounce-effect 70% {
  -webkit-transform: translateY(0%);
  padding-bottom: 7px;
}
.bounce-effect 80% {
  -webkit-transform: translateY(-15%);
}
.bounce-effect 90% {
  -webkit-transform: translateY(0%);
  padding-bottom: 8px;
}
.bounce-effect 95% {
  -webkit-transform: translateY(-10%);
}
.bounce-effect 97% {
  -webkit-transform: translateY(0%);
  padding-bottom: 9px;
}
.bounce-effect 99% {
  -webkit-transform: translateY(-5%);
}
.bounce-effect 100% {
  -webkit-transform: translateY(0);
  padding-bottom: 9px;
  opacity: 1;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  15% {
    -webkit-transform: translateY(0);
    padding-bottom: 5px;
  }
  30% {
    -webkit-transform: translateY(-50%);
  }
  40% {
    -webkit-transform: translateY(0%);
    padding-bottom: 6px;
  }
  50% {
    -webkit-transform: translateY(-30%);
  }
  70% {
    -webkit-transform: translateY(0%);
    padding-bottom: 7px;
  }
  80% {
    -webkit-transform: translateY(-15%);
  }
  90% {
    -webkit-transform: translateY(0%);
    padding-bottom: 8px;
  }
  95% {
    -webkit-transform: translateY(-10%);
  }
  97% {
    -webkit-transform: translateY(0%);
    padding-bottom: 9px;
  }
  99% {
    -webkit-transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
  }
  15% {
    -webkit-transform: translateY(0);
    padding-bottom: 5px;
  }
  30% {
    -webkit-transform: translateY(-50%);
  }
  40% {
    -webkit-transform: translateY(0%);
    padding-bottom: 6px;
  }
  50% {
    -webkit-transform: translateY(-30%);
  }
  70% {
    -webkit-transform: translateY(0%);
    padding-bottom: 7px;
  }
  80% {
    -webkit-transform: translateY(-15%);
  }
  90% {
    -webkit-transform: translateY(0%);
    padding-bottom: 8px;
  }
  95% {
    -webkit-transform: translateY(-10%);
  }
  97% {
    -webkit-transform: translateY(0%);
    padding-bottom: 9px;
  }
  99% {
    -webkit-transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}
#header-content {
  position: relative;
  top: 45%;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
}
#demo-block {
  text-align: center;
  margin-bottom: 40px;
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 1px;
}
#demo-block #placeholder-text {
  padding-left: 25px;
  padding-right: 25px;
}
#try-btn {
  padding: 1.25em 4em;
}
/* Class in a box panel */
#class-box-panel {
  background-color: #FFFFFF;
  padding-bottom: 20px;
}
#class-box-img {
  height: 360px;
}
#class-box-left {
  padding-right: 5px;
  text-align: right;
}
#class-box-right {
  padding-top: 110px;
}
.line {
  margin-top: 11px;
  margin-bottom: 13px;
  margin-left: 0;
  width: 45px;
  border: 2px solid #27a9e1;
}
/* Tutors panel */
#tutors-panel {
  background-color: #f4f8fc;
  height: 310px;
}
#tutors-panel .home-panel-title {
  max-width: 300px;
  margin: 0 auto;
}
#tutor-content {
  -webkit-transform: translateY(45%);
  -ms-transform: translateY(45%);
  transform: translateY(45%);
}
#tutor-button {
  margin-top: 1.75em;
  padding: 1em 3.5em;
}
#tutor-right {
  height: 100%;
}
#kurt-img {
  position: absolute;
  height: 250px;
  margin-top: 60px;
}
#kurt-text {
  position: absolute;
  color: #27a9e1;
  width: 150px;
  top: 95px;
  left: 235px;
}
#kurt-caption {
  position: absolute;
  left: 285px;
  bottom: 25px;
}
#kurt-name {
  font-size: 14px;
  color: #27a9e1;
}
#kurt-description {
  font-size: 12px;
  color: #a7aeb6;
}
/* Students panel */
#students-panel {
  background-color: #FFFFFF;
}
#students-panel .home-panel-title {
  margin-top: 110px;
  margin-bottom: 50px;
}
#students-panel .sec-icon {
  width: 65px;
  margin-bottom: 5px;
}
#students-content {
  margin-bottom: 100px;
}
.students-sec {
  padding: 0 auto;
  max-width: 245px;
}
#demo-bar {
  background-color: #27a9e1;
  padding: 35px 0;
}
#demo-btn {
  background-color: #28384a;
  padding: 1.25em 2.25em;
  margin-right: 15px;
}
#demo-btn:hover {
  background-color: #161f29;
}
#library-btn {
  border: 1px solid #FFFFFF;
  padding: 1.25em 2.25em;
  margin-left: 15px;
}
/* Teachers Panel */
#teachers-panel {
  background-color: #FFFFFF;
  padding: 75px 0 0 0;
}
#teachers-panel .panel-sec {
  margin: 15px auto;
  max-width: 275px;
}
#teachers-panel .line {
  margin-left: auto;
  margin-right: auto;
}
#teachers-panel .long-line {
  border: 2px solid #EEECEE;
}
#teacher-testimonials {
  background-color: #f4f8fc;
  padding: 125px 0 150px 0;
}
#teacher-ellyn {
  opacity: .5;
  -webkit-animation: rotateTeachers 15s infinite 0s;
  -moz-animation: rotateTeachers 15s infinite 0s;
  -ms-animation: rotateTeachers 15s infinite 0s;
  -o-animation: rotateTeachers 15s infinite 0s;
  animation: rotateTeachers 15s infinite 0s;
}
#teacher-ellyn img {
  -webkit-animation: rotateImgs 15s infinite 0s;
  -moz-animation: rotateImgs 15s infinite 0s;
  -ms-animation: rotateImgs 15s infinite 0s;
  -o-animation: rotateImgs 15s infinite 0s;
  animation: rotateImgs 15s infinite 0s;
}
#teacher-said {
  opacity: .5;
  -webkit-animation: rotateTeachers 15s infinite 5s;
  -moz-animation: rotateTeachers 15s infinite 5s;
  -ms-animation: rotateTeachers 15s infinite 5s;
  -o-animation: rotateTeachers 15s infinite 5s;
  animation: rotateTeachers 15s infinite 5s;
}
#teacher-said img {
  -webkit-animation: rotateImgs 15s infinite 5s;
  -moz-animation: rotateImgs 15s infinite 5s;
  -ms-animation: rotateImgs 15s infinite 5s;
  -o-animation: rotateImgs 15s infinite 5s;
  animation: rotateImgs 15s infinite 5s;
}
#teacher-cat {
  opacity: .5;
  -webkit-animation: rotateTeachers 15s infinite 10s;
  -moz-animation: rotateTeachers 15s infinite 10s;
  -ms-animation: rotateTeachers 15s infinite 10s;
  -o-animation: rotateTeachers 15s infinite 10s;
  animation: rotateTeachers 15s infinite 10s;
}
#teacher-cat img {
  -webkit-animation: rotateImgs 15s infinite 10s;
  -moz-animation: rotateImgs 15s infinite 10s;
  -ms-animation: rotateImgs 15s infinite 10s;
  -o-animation: rotateImgs 15s infinite 10s;
  animation: rotateImgs 15s infinite 10s;
}
.teacher-pic {
  border: 3px solid rgba(251, 175, 63, 0);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 auto 20px auto;
}
.quote-symbol {
  font-size: 72px;
  color: #fbaf3f;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
  margin-top: 50px;
}
.quote-text {
  text-align: left;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  color: #555555;
  position: relative;
  max-width: 570px;
  margin: 0 auto;
}
.quote-teacher {
  font-weight: 600;
  color: #555555;
  line-height: 22px;
}
.quote-loc {
  color: #555555;
  font-size: 14px;
}
#teacher-content {
  padding: 35px 50px 70px 50px;
}
.quote-text span {
  text-align: center;
  opacity: 0;
  position: absolute;
  -webkit-animation: rotateQuotes 15s infinite 0s;
  -moz-animation: rotateQuotes 15s infinite 0s;
  -ms-animation: rotateQuotes 15s infinite 0s;
  -o-animation: rotateQuotes 15s infinite 0s;
  animation: rotateQuotes 15s infinite 0s;
}
.quote-text span:nth-child(2) {
  -webkit-animation: rotateQuotes 15s infinite 5s;
  -moz-animation: rotateQuotes 15s infinite 5s;
  -ms-animation: rotateQuotes 15s infinite 5s;
  -o-animation: rotateQuotes 15s infinite 5s;
  animation: rotateQuotes 15s infinite 5s;
}
.quote-text span:nth-child(3) {
  -webkit-animation: rotateQuotes 15s infinite 10s;
  -moz-animation: rotateQuotes 15s infinite 10s;
  -ms-animation: rotateQuotes 15s infinite 10s;
  -o-animation: rotateQuotes 15s infinite 10s;
  animation: rotateQuotes 15s infinite 10s;
}
/* Animate rotating teacher quotes */
.rotate-teachers 0% {
  opacity: .75;
}
.rotate-teachers 10% {
  opacity: 1;
}
.rotate-teachers 33% {
  opacity: 1;
}
.rotate-teachers 34% {
  opacity: .5;
}
.rotate-teachers 100% {
  opacity: .5;
}
@keyframes rotateTeacherss {
  0% {
    opacity: .75;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: .5;
  }
  100% {
    opacity: .5;
  }
}
@-webkit-keyframes rotateTeachers {
  0% {
    opacity: .75;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: .5;
  }
  100% {
    opacity: .5;
  }
}
@-moz-keyframes rotateTeachers {
  0% {
    opacity: .75;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: .5;
  }
  100% {
    opacity: .5;
  }
}
@-ms-keyframes rotatTeacherss {
  0% {
    opacity: .75;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: .5;
  }
  100% {
    opacity: .5;
  }
}
@-o-keyframes rotateTeachers {
  0% {
    opacity: .75;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: .5;
  }
  100% {
    opacity: .5;
  }
}
.rotate-imgs 0% {
  border: 3px solid rgba(251, 175, 63, 0.75);
  background-color: rgba(251, 175, 63, 0.75);
}
.rotate-imgs 10% {
  border-color: #fbaf3f;
  background-color: #fbaf3f;
}
.rotate-imgs 33% {
  border-color: #fbaf3f;
  background-color: #fbaf3f;
}
.rotate-imgs 34% {
  border: 3px solid rgba(251, 175, 63, 0);
  background-color: transparent;
}
.rotate-imgs 100% {
  border: 3px solid rgba(251, 175, 63, 0);
  background-color: transparent;
}
@keyframes rotateImgs {
  0% {
    border: 3px solid rgba(251, 175, 63, 0.75);
    background-color: rgba(251, 175, 63, 0.75);
  }
  10% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  33% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  34% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
  100% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
}
@-webkit-keyframes rotateImgs {
  0% {
    border: 3px solid rgba(251, 175, 63, 0.75);
    background-color: rgba(251, 175, 63, 0.75);
  }
  10% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  33% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  34% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
  100% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
}
@-moz-keyframes rotateImgs {
  0% {
    border: 3px solid rgba(251, 175, 63, 0.75);
    background-color: rgba(251, 175, 63, 0.75);
  }
  10% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  33% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  34% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
  100% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
}
@-ms-keyframes rotateImgs {
  0% {
    border: 3px solid rgba(251, 175, 63, 0.75);
    background-color: rgba(251, 175, 63, 0.75);
  }
  10% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  33% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  34% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
  100% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
}
@-o-keyframes rotateImgs {
  0% {
    border: 3px solid rgba(251, 175, 63, 0.75);
    background-color: rgba(251, 175, 63, 0.75);
  }
  10% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  33% {
    border-color: #fbaf3f;
    background-color: #fbaf3f;
  }
  34% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
  100% {
    border: 3px solid rgba(251, 175, 63, 0);
    background-color: transparent;
  }
}
.rotate-quotes 0% {
  opacity: .5;
}
.rotate-quotes 10% {
  opacity: 1;
}
.rotate-quotes 33% {
  opacity: 1;
}
.rotate-quotes 34% {
  opacity: 0;
}
.rotate-quotes 100% {
  opacity: 0;
}
@keyframes rotateQuotes {
  0% {
    opacity: .5;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rotateQuotes {
  0% {
    opacity: .5;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes rotateQuotes {
  0% {
    opacity: .5;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes rotateQuotes {
  0% {
    opacity: .5;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes rotateQuotes {
  0% {
    opacity: .5;
  }
  10% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  34% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* CS Teachers Panel */
#cs-teachers-panel {
  background-color: #FFFFFF;
  padding: 0 0 65px 0;
}
#cs-teachers-panel .panel-sec {
  max-width: 270px;
  margin: 0 auto;
}
#cs-teachers-panel .sec-icon {
  width: 31px;
}
#cs-teacher-img {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/teacher2.jpg?95afc291f579') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#cs-teacher-title {
  text-align: center;
  background-color: rgba(15, 66, 85, 0.6);
  font-weight: 200;
  font-size: 38px;
  color: #FFFFFF;
  padding: 125px 0;
}
#cs-teacher-title span {
  margin: 0 auto;
  display: block;
  width: 500px;
}
#cs-teacher-content {
  padding: 75px 0 50px 0;
}
#quote-btn {
  background-color: #8cc63e;
  padding: 1em 3.25em;
}
#quote-btn:hover {
  background-color: #85be39;
}
#quote-btn-comment {
  font-size: 12px;
  color: #a7aeb6;
  margin-top: 20px;
}
/* Admin Panel */
#admin-panel {
  padding: 100px 0 60px 0;
  background-color: #f4f8fc;
}
#admin-panel .sec-icon {
  width: 65px;
}
#admin-panel .panel-sec {
  max-width: 360px;
  margin-bottom: 30px;
}
#admin-left {
  max-width: 360px;
  margin: 0 auto;
}
#admin-imgs {
  margin-top: 55px;
}
.admin-img {
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* Signup Panel */
#signup-panel {
  background-color: #FFFFFF;
  padding: 75px 0 65px 0;
}
#signup-content {
  -webkit-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%);
}
#signup-text {
  font-weight: 200;
  font-size: 24px;
  line-height: 30px;
  color: #555555;
  font-weight: 100;
  margin-bottom: 35px;
}
#signup-button {
  padding: 1em 2.75em;
}
#signup-img {
  width: 425px;
}
/* News Panel */
#news-panel {
  height: 200px;
  background-color: #f4f8fc;
  padding-top: 40px;
}
.news-title {
  font-weight: 100;
  font-size: 18px;
  color: #555555;
  margin-bottom: 25px;
}
.feature-img {
  vertical-align: middle;
  display: inline-block;
  width: 80px;
  height: 80px;
  padding: 8px;
  margin: 0 20px;
}
.feature-img img {
  width: 100%;
  margin: auto;
}
#testimonials-panel {
  background-color: #27a9e1;
  color: white;
  padding: 50px 0px;
  position: relative;
  height: 675px;
}
#testimonials-panel .quote-symbol {
  color: rgba(255, 255, 255, 0.5);
}
#testimonials-panel #focus-quote {
  font-weight: 600;
  letter-spacing: .5px;
  font-size: 34px;
  line-height: 46px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 25px;
  margin-top: 20px;
  height: 4em;
}
#testimonials-panel #focus-quote p {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
#testimonials-panel .quote-author {
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#testimonials-panel .quote-loc {
  color: rgba(255, 255, 255, 0.5);
}
#testimonials-panel .caroufredsel_wrapper {
  margin-top: 80px !important;
}
#testimonials-panel #carousel-wrapper {
  width: 100%;
  height: 350px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
#testimonials-panel #carousel-wrapper #carousel .carousel-img {
  text-align: center;
  width: 100px;
  height: 250px;
  float: left;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
#testimonials-panel #carousel-wrapper #carousel .carousel-img .img-overlay {
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #27a9e1;
  opacity: .5;
}
#testimonials-panel #carousel-wrapper #carousel .carousel-img img {
  border: none;
  width: 100%;
  height: auto;
}
#testimonials-panel #carousel-wrapper .active-quote .img-overlay {
  opacity: 1 !important;
  border: 3px solid rgba(255, 255, 255, 0.5);
}
#testimonials-panel #carousel-wrapper .active-quote .img-overlay img {
  background-color: rgba(255, 255, 255, 0.5);
}
#testimonials-panel #next {
  position: absolute;
  z-index: 100;
  margin-top: -135px;
}
#testimonials-panel #prev {
  z-index: 100;
  margin-top: -135px;
  position: absolute;
}
#wrapper {
  /*max-width:1050px; */
  /*    h2{
        margin: 30px 10px;
    }
    */
}
#wrapper .paypal-form {
  width: 500px;
}
#wrapper .cost {
  font-weight: bold;
  margin-bottom: 10px;
}
#pd-landing {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  padding-bottom: 90px;
}
#pd-landing p {
  color: #95a5ac;
  font-weight: 200;
}
#pd-landing h2,
#pd-landing h3 {
  color: #555555;
  font-weight: 600;
}
#pd-landing h2 {
  font-size: 20px;
}
#pd-landing h3 {
  font-size: 16px;
}
#pd-landing h4 {
  color: #555555;
}
#pd-landing .pd-landing-content {
  max-width: 1440px;
  margin: auto;
}
#pd-landing-header {
  text-align: center;
  padding: 90px 30px 200px;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/pd_landing/pd_landing_bg.png?1af8a65a32dc') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#pd-landing-header h1 {
  margin-bottom: 25px;
  color: #FFFFFF;
}
#pd-landing-header p {
  margin-bottom: 35px;
  color: #FFFFFF;
  font-weight: 400;
}
#pd-landing-header a {
  font-size: 12px;
}
#pd-landing-header .btn-main {
  width: 250px;
  margin-right: 7px;
  padding-top: 16px;
  padding-bottom: 16px;
}
#pd-landing-header .btn-main-transparent {
  width: 200px;
  margin-left: 7px;
  border-width: 2px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 542px) {
  #pd-landing-header .btn-main {
    margin-bottom: 25px;
    margin-right: 0px;
  }
  #pd-landing-header .btn-main-transparent {
    margin-left: 0;
  }
}
#pd-landing-testimonials {
  text-align: center;
  margin-top: -120px;
  margin-bottom: -90px;
  position: relative;
}
#pd-landing-testimonials img {
  max-width: 1200px;
  width: 100%;
}
@media (max-width: 991px) {
  #pd-landing-testimonials {
    background: url('https://d14to6y4nub5k1.cloudfront.net/img/pd_landing/testimonials2.png?97574efde0fb') no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    height: 570px;
    margin-bottom: -40px;
    margin-top: -140px;
  }
}
@media (max-width: 767px) {
  #pd-landing-testimonials {
    background: url('https://d14to6y4nub5k1.cloudfront.net/img/pd_landing/testimonials3.png?97574efde0fb') no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    height: calc((100vw / 894) * 768);
    margin-top: -140px;
  }
}
#pd-landing-testimonials table {
  width: 100%;
  position: absolute;
  top: 120px;
}
#pd-landing-testimonials table td div {
  background-color: #FFFFFF;
  height: 75px;
}
#pd-landing-testimonials table td:first-child div {
  margin-top: -64px;
}
#pd-landing-testimonials table td:nth-child(2) {
  width: 1198px;
}
#pd-landing-testimonials table td:last-child div {
  margin-top: -66px;
}
@media (max-width: 1200px) {
  #pd-landing-testimonials table {
    display: none;
  }
}
#pd-landing-about {
  background-color: #f4f8fc;
  position: relative;
  padding-top: 60px;
  padding-bottom: 50px;
}
#pd-landing-about h2 {
  margin-bottom: 25px;
}
#pd-landing-about h3 {
  margin-bottom: 20px;
}
#pd-landing-about #about-sec p {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  #pd-landing-about #about-sec {
    margin-bottom: 25px;
  }
}
#pd-landing-about .meet-teacher {
  position: relative;
}
#pd-landing-about .meet-teacher img {
  width: 72px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  #pd-landing-about .meet-teacher:first-of-type:before {
    content: '';
    height: 80%;
    position: absolute;
    margin-top: 10%;
    border-right: 2px solid rgba(149, 165, 172, 0.5);
    left: -25%;
  }
}
@media (max-width: 991px) {
  #pd-landing-about .meet-teacher:nth-of-type(-n+2) {
    margin-bottom: 25px;
  }
  #pd-landing-about .meet-teacher img {
    position: absolute;
    left: 15px;
  }
  #pd-landing-about .meet-teacher .teacher-info {
    margin-left: 94px;
    vertical-align: middle;
  }
}
#pd-landing-about #tri-bg {
  position: absolute;
  left: 0;
  height: 145px;
  bottom: -145px;
  width: 100%;
}
#pd-landing-info {
  text-align: center;
  padding-bottom: 90px;
  padding-top: 130px;
}
#pd-landing-info h2 {
  margin-bottom: 45px;
}
#pd-landing-info .info-item {
  padding-left: 30px;
  padding-right: 30px;
}
#pd-landing-info .info-item h3 {
  margin-bottom: 25px;
}
#pd-landing-info .info-item img {
  width: 82px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #pd-landing-info .info-item:nth-of-type(-n+2) {
    margin-bottom: 25px;
  }
}
#pd-landing-footer {
  background-color: #28384a;
  padding: 30px;
  text-align: center;
}
#pd-landing-footer a {
  font-size: 16px;
}
#pd-landing-footer .btn-main {
  margin-right: 6px;
  width: 375px;
  padding-top: 14px;
  padding-bottom: 14px;
}
#pd-landing-footer .btn-main-transparent {
  margin-left: 6px;
  width: 280px;
  padding-top: 13px;
  padding-bottom: 13px;
  border-width: 2px;
}
@media (max-width: 745px) {
  #pd-landing-footer .btn-main {
    margin-bottom: 25px;
    margin-right: 0px;
  }
  #pd-landing-footer .btn-main-transparent {
    margin-left: 0;
  }
}
.price-title {
  font-family: 'Roboto', sans-serif;
  padding: 20px;
}
.price-table-individual-small {
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
}
.price-table-individual-small .signup {
  display: block;
  float: right;
  width: 100px;
  margin-top: 10px;
  font-size: 20px;
  padding: 10px 31px;
}
.price-table-individual-small .cost {
  text-align: center;
  font-size: 17px;
  background-color: #eeeeee;
  padding: 8px;
  width: 100px;
  margin: auto;
  margin-top: 10px;
}
.price-table-individual-small .price-box {
  cursor: pointer;
  margin-top: 10px;
  height: 254px;
  padding: 10px;
  background-color: #ccc;
  border-right: 1px solid #ccc;
  background-color: white;
}
.price-table-individual-small .price-box:hover {
  background-color: #f6faff;
}
.price-table-individual-small .price-box img {
  width: 150px;
  margin: auto;
  text-align: center;
  display: block;
  margin-top: -19px;
}
.price-table-individual-small .price-box h3 {
  font-size: 13px;
  line-height: 15px;
}
.price-table-individual-small .selected {
  background-color: #f6faff;
  border: 4px solid black !important;
}
.price-table-school {
  font-family: 'Roboto', sans-serif;
}
.price-table-school .signup {
  display: block;
  float: right;
  width: 100px;
  margin-top: 10px;
  font-size: 20px;
  padding: 10px 31px;
}
.price-table-school .cost {
  text-align: center;
  font-size: 21px;
  background-color: #eeeeee;
  padding: 15px;
  width: 100px;
  margin: auto;
  margin-top: 10px;
}
.price-table-school .price-box {
  cursor: pointer;
  margin-top: 20px;
  height: 400px;
  padding: 20px;
  background-color: #ccc;
  border-right: 1px solid #ccc;
  background-color: white;
}
.price-table-school .price-box:hover {
  background-color: #f6faff;
}
.price-table-school .price-box img {
  width: 178px;
  margin: auto;
  text-align: center;
  display: block;
}
.price-table-school .selected {
  background-color: #f6faff;
  border: 4px solid black !important;
}
.price-table-individual {
  font-family: 'Roboto', sans-serif;
}
.price-table-individual .signup {
  display: block;
  float: right;
  width: 100px;
  margin-top: 10px;
  font-size: 20px;
  padding: 10px 31px;
}
.price-table-individual .cost {
  text-align: center;
  font-size: 21px;
  background-color: #eeeeee;
  padding: 15px;
  width: 100px;
  margin: auto;
  margin-top: 10px;
}
.price-table-individual .price-box.small {
  cursor: pointer;
  margin-top: 10px;
  height: 254px;
  padding: 10px;
  background-color: #ccc;
  border-right: 1px solid #ccc;
  background-color: white;
}
.price-table-individual .price-box.small img {
  width: 150px;
  margin: auto;
  text-align: center;
  display: block;
  margin-top: -19px;
}
.price-table-individual .price-box.small h3 {
  font-size: 13px;
  line-height: 15px;
}
.price-table-individual .price-box {
  cursor: pointer;
  margin-top: 20px;
  height: 400px;
  padding: 20px;
  background-color: #ccc;
  border-right: 1px solid #ccc;
  background-color: white;
}
.price-table-individual .price-box:hover {
  background-color: #f6faff;
}
.price-table-individual .price-box img {
  width: 178px;
  margin: auto;
  text-align: center;
  display: block;
}
.price-table-individual .selected {
  background-color: #f6faff;
  border: 4px solid black !important;
}
.price-table {
  font-family: 'Roboto', sans-serif;
}
.price-table .price-box {
  margin-top: 20px;
  height: 400px;
  padding: 20px;
  background-color: #ccc;
  border-right: 1px solid #ccc;
  background-color: white;
}
.price-table .price-box img {
  width: 270px;
}
.price-table .price-box:hover {
  background-color: #f6faff;
}
#pricing #message {
  margin: 30px 0px 30px 0px;
  text-align: center;
}
#pricing #message .upper {
  font-size: 42px;
  color: #333;
  margin-bottom: 20px;
}
#pricing #message .lower {
  font-size: 20px;
  color: #aaa;
}
#pricing #options td {
  font-size: 15px;
}
#pricing #options thead,
#pricing #options tr {
  background: #FFF;
}
#pricing #options .table {
  margin-left: -20px;
}
#pricing #options .circle {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 15px;
  height: 15px;
  background: #75bb75;
  left: 50%;
  position: relative;
  margin-left: -7px;
}
#pricing #options .value {
  text-align: center;
  height: 20px;
  background: #d9edf7;
  margin: -8px -8px 0px -8px;
  padding: 3px;
  border-top: 5px solid #5b83b6;
}
#pricing #options .best {
  border-left: 5px solid #5b83b6;
  border-right: 5px solid #5b83b6;
}
#pricing #options .best.best-bottom {
  border-bottom: 5px solid #5b83b6;
}
#pricing #options .option {
  padding: 0px 10px 10px 10px;
  min-height: 90px;
}
#pricing #options .option .name {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 28px;
  line-height: 45px;
}
#pricing #options .option .name .small {
  font-size: 14px;
}
#pricing #options .option .price {
  margin-top: 10px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
}
#pricing #options .option .price .small {
  font-size: 14px;
}
#pricing #options .option .buy {
  text-align: center;
  font-weight: bold;
  margin-top: 15px;
}
#pricing #options .option .buy a {
  font-size: 14px;
  width: 80%;
}
#pricing #options .option .buy a .small {
  font-size: 14px;
}
#pricing #options .option.a {
  color: #aaa;
}
#pricing #options .option.b {
  color: #5b83b6;
}
#pricing #options .option.c {
  color: #75bb75;
}
#pricing #options .option:hover {
  background-color: #eee;
}
#pricing #options #free-trial {
  margin-bottom: 20px;
  font-size: 20px;
  color: #666;
  font-weight: bold;
  text-align: center;
}
#pricing #options #free-trial .text {
  vertical-align: middle;
}
#pricing.school-pricing p {
  font-size: 17px;
  line-height: 21px;
}
#pricing .image-wrapper {
  width: 100px;
  overflow: hidden;
  margin-right: 10px;
}
#pricing .image-wrapper img {
  height: 100px;
}
#pricing .plan {
  padding: 0px;
  background: #fff;
  margin: 0px 0px 0px 25px;
  border: 1px solid #ccc;
  height: 400px;
}
#pricing .plan .banner {
  color: #5b83b6;
  background: #d9edf7;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  font-size: 14px;
}
#pricing .plan .info {
  padding: 5px;
  margin-bottom: 10px;
}
#pricing .plan .info .name {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 28px;
  line-height: 45px;
  position: relative;
  width: 80%;
  left: 10%;
  border-bottom: 1px solid #eee;
}
#pricing .plan .info .opt {
  width: 30%;
  margin-right: 1%;
  margin-left: 1%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  border: 1px solid #ccc;
  margin-top: 10px;
  background: #eee;
}
#pricing .plan .info .opt:hover {
  background: #ddd;
}
#pricing .plan .info .opt:hover.disabled {
  background: #eee;
  cursor: auto;
}
#pricing .plan .info .opt.centered {
  position: relative;
  left: 50%;
  margin-left: -15%;
}
#pricing .plan .info .price {
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
#pricing .plan .info .price .small {
  font-size: 13px;
}
#pricing .plan .info .buy {
  text-align: center;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
}
#pricing .plan .info .buy a {
  font-size: 14px;
}
#pricing .plan .info .a {
  color: #999 !important;
}
#pricing .plan .info .b {
  color: #5b83b6 !important;
}
#pricing .plan .info .c {
  color: #75bb75 !important;
}
#pricing .plan .features {
  padding: 2px;
  text-align: center;
}
#pricing .plan .features .ft {
  font-size: 16px;
  line-height: 23px;
}
#pricing #details {
  margin: 30px 5px 30px -5px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#pricing #details .title {
  margin-bottom: 20px;
}
#pricing #details .subtitle {
  margin-bottom: 10px;
}
#pricing #details ul {
  list-style-type: none;
}
#pricing #details ul li {
  font-size: 16px;
  margin-bottom: 5px;
}
#pricing #message {
  margin: 30px 0px 30px 0px;
  text-align: center;
}
#pricing #message .upper {
  font-size: 42px;
  color: #333;
  margin-bottom: 20px;
}
#pricing #message .lower {
  font-size: 20px;
  color: #aaa;
}
#pricing #options td {
  font-size: 15px;
}
#pricing #options thead,
#pricing #options tr {
  background: #FFF;
}
#pricing #options .table {
  margin-left: -20px;
}
#pricing #options .circle {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  width: 15px;
  height: 15px;
  background: #75bb75;
  left: 50%;
  position: relative;
  margin-left: -7px;
}
#pricing #options .value {
  text-align: center;
  height: 20px;
  background: #d9edf7;
  margin: -8px -8px 0px -8px;
  padding: 3px;
  border-top: 5px solid #5b83b6;
}
#pricing #options .best {
  border-left: 5px solid #5b83b6;
  border-right: 5px solid #5b83b6;
}
#pricing #options .best.best-bottom {
  border-bottom: 5px solid #5b83b6;
}
#pricing #options #free-trial {
  margin-bottom: 20px;
  font-size: 20px;
  color: #666;
  font-weight: bold;
  text-align: center;
}
#pricing #options #free-trial .text {
  vertical-align: middle;
}
#pricing #steps {
  margin-top: 30px;
  margin-bottom: 30px;
}
#pricing #steps a {
  text-decoration: none;
}
#pricing #steps .thumbnail {
  height: 225px;
  border-color: #ccc;
  background-color: #fff;
  min-width: 225px;
}
#pricing #steps .thumbnail img {
  padding-top: 15px;
  width: 220px;
}
#pricing #steps .thumbnail div.caption {
  font-size: 14px;
  text-align: center;
}
#pricing #steps .thumbnail:hover {
  background-color: #eee;
  border: 1px solid #aaa;
}
#pricing #message {
  margin: 30px 0px 30px 0px;
  text-align: center;
}
#pricing #message .upper {
  font-size: 42px;
  color: #333;
  margin-bottom: 20px;
}
#pricing #message .lower {
  font-size: 20px;
  color: #aaa;
}
#pricing #options {
  border: 1px solid #ccc;
  background: #fff;
  padding: 20px 0px 20px 0px;
}
#pricing #options .option {
  padding: 10px;
  height: 380px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 3px solid;
}
#pricing #options .option .name {
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 32px;
}
#pricing #options .option .name .small {
  font-size: 14px;
}
#pricing #options .option .description {
  font-size: 16px;
  margin: 30px 0px 0px 0px;
  color: #666;
  list-style-type: none;
  padding: 0px;
  height: 260px;
}
#pricing #options .option .description li {
  margin-bottom: 15px;
}
#pricing #options .option .buy {
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
}
#pricing #options .option .buy a {
  font-size: 20px;
}
#pricing #options .option.a {
  color: #aaa;
  border-color: #aaa;
}
#pricing #options .option.b {
  color: #5b83b6;
  border-color: #5b83b6;
}
#pricing #options .option.c {
  color: #75bb75;
  border-color: #75bb75;
}
#pricing #options .option:hover {
  background-color: #eee;
}
#pricing #options #free-trial {
  margin-top: 20px;
  font-size: 20px;
  color: #666;
  font-weight: bold;
  text-align: center;
}
#pricing #options #free-trial .text {
  vertical-align: middle;
}
.submissions {
  /* Functionality Done */
  /* Passed */
}
.submissions .submission {
  padding: 10px;
  margin-bottom: 10px;
}
.submissions .status-2 {
  background-color: #D9EDF7;
}
.submissions .status-3 {
  background-color: #DFF0D8;
}
.submissions .status-4 {
  background-color: #F2DEDE;
}
/* Functionality Done */
.status-2 {
  background-color: #D9EDF7;
}
/* Passed */
.status-3 {
  background-color: #DFF0D8;
}
.status-4 {
  background-color: #F2DEDE;
}
.all-classes {
  margin-bottom: 20px;
}
.all-classes .class-name {
  margin-right: 10px;
  margin-top: 10px;
}
.compact-progress-tab .name-list .user-name {
  font-size: 13px;
  font-weight: bold;
  padding: 8px 2px 9px 7px;
  height: 36px;
  border-right: 2px solid #ddd;
}
.compact-progress-tab .key-name {
  font-weight: bold;
  padding: 8px 9px;
  color: #444;
}
.compact-progress-tab .single-row {
  height: 36px;
}
.compact-progress-tab .header {
  border-bottom: 2px solid #ddd;
}
.even {
  background-color: #eee;
}
.odd {
  background-color: white;
}
.compact-user-progress {
  width: 545px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.compact-user-progress .module-long {
  /* So everything fits on one line*/
  width: 3000px;
}
.compact-navbar .module-select {
  width: 315px;
}
.user-progress {
  border: 1px solid #eee;
  margin-bottom: 10px;
  background: #FFF;
  padding: 5px;
}
.user-progress .user-name {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.user-progress .user-name .plan {
  font-weight: normal;
  color: #333;
}
.user-progress .user-name .time {
  font-weight: normal;
  color: #999;
}
.progress-key {
  border: 1px solid #eee;
  background: #FFF;
  padding: 10px;
  margin: 0px 0px 10px 0px;
}
.progress-key .todo {
  margin: 2px 5px 5px 0px;
}
.progress-key-mini {
  margin: 0px 0px 10px 0px;
}
.progress-key-mini .todo {
  margin: 12px 5px 5px 0px;
  padding: 1px;
}
.section {
  border-bottom: 1px solid #eee;
}
.section .section-title {
  width: 150px;
  float: left;
  margin-top: 10px;
}
.section .section-icons {
  float: left;
}
.todo {
  margin: 10px;
  width: 15px;
  height: 15px;
  float: left;
}
.video {
  /*    .rounded-corners(20px); */
}
.assignment {
  width: 15px;
  height: 15px;
  /*    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    background:#FFF;
    */
}
/* Colors for statuses */
a.todo {
  text-decoration: none;
}
a.todo i {
  font-size: 18px;
}
i.grade-link {
  color: #3D3D7C;
}
.not-started {
  color: #ddd;
}
.not-started:hover {
  color: #ddd;
}
.black {
  color: black;
}
.black:hover {
  color: black;
}
.func-done {
  color: #5b83b6;
}
.func-done:hover {
  color: #5b83b6;
}
.func-correct {
  color: #dbdb75;
}
.func-correct:hover {
  color: #dbdb75;
}
.started {
  color: #d1bf87;
}
.started:hover {
  color: #d1bf87;
}
.rejected {
  color: #d59392;
}
.rejected:hover {
  color: #d59392;
}
.submitted {
  color: #dbdb75;
}
.submitted:hover {
  color: #dbdb75;
}
.fn-done {
  color: #00c;
}
.fn-done:hover {
  color: #00c;
}
.complete {
  color: #75bb75;
}
.complete:hover {
  color: #75bb75;
}
i.selected {
  background-color: #444;
}
.code-status i {
  padding: 3px 0px 1px 3px !important;
}
#progress-map i.icon-facetime-video {
  margin-top: 4px;
  margin-right: 5px;
}
#progress-map i.icon-fire {
  margin-top: 4px;
  margin-right: 5px;
}
#progress-map .section-title {
  font-weight: bold;
  font-size: 24px;
  padding: 10px 5px 10px 5px;
  cursor: pointer;
}
#progress-map .section-title:hover {
  background-color: #eee;
}
#progress-map .section-title i {
  margin-top: 3px;
}
#progress-map .p-section {
  border-bottom: 1px solid #ccc;
}
#progress-map .p-video {
  margin-top: 20px;
  padding: 10px;
  background-color: #efefef;
}
#progress-map .p-video .video-title {
  font-size: 18px;
  color: #222;
}
#progress-map .p-video.current {
  background-color: #D9EDF7;
  border: 2px solid #bce8f1;
}
#progress-map .p-video.current:hover {
  background-color: #afd9ee;
}
#progress-map .p-video:hover {
  background-color: #d6d6d6;
}
#progress-map .p-example {
  color: #111;
}
#progress-map .p-exercise {
  color: #111;
}
#progress-map .box {
  float: left;
  padding: 10px;
  width: 90px;
  height: 60px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #666;
  margin-right: 10px;
  margin-top: 10px;
}
#progress-map .box a {
  color: #333;
}
#progress-map .box.current {
  border: 3px solid #111;
  font-weight: bold;
  margin-top: 6px;
}
#recent-code {
  margin-top: 40px;
}
#recent-code .listing {
  font-size: 15px;
  line-height: 18px;
  font-family: Courier;
  padding: 5px;
}
#recent-code .listing.active {
  background-color: #eee;
  width: 500px;
}
#recent-code .listing.active.users {
  width: 700px;
}
#recent-code .listing .name {
  width: 180px;
  display: inline-block;
}
#recent-code .listing .editor {
  width: 90px;
  display: inline-block;
}
#recent-code .listing .timestamp {
  color: #888;
}
#recent-code .listing .code {
  width: 500px;
  overflow: hidden;
  position: fixed;
  display: none;
  left: 50%;
  top: 120px;
}
#recent-code .listing .code pre {
  color: black;
  font-size: 10px;
  line-height: 10px;
}
#recent-code .listing .code.users {
  overflow: hidden;
  position: fixed;
  display: none;
  left: 65%;
  top: 120px;
}
#recent-code .listing .class {
  width: 130px;
}
#recent-code .listing .plan {
  width: 50px;
}
#sandbox-page {
  background-color: #f4f8fc;
  min-height: 100%;
  width: 100%;
  margin-top: -10px;
  position: absolute;
  padding-top: 30px;
  padding-bottom: 75px;
  min-width: 1100px;
}
#sandbox-page h1 {
  font-size: 24px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-weight: 200;
  color: #555555;
}
#sandbox-page h2 {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 14px;
  color: #95A5AC;
  line-height: 20px;
  margin: auto;
}
#sandbox-page h3 {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1px;
  margin: 0px 0px 18px;
}
#sandbox-page #sandbox-header h1 {
  text-align: center;
  padding-top: 30px;
  margin: 10px;
}
#sandbox-page #sandbox-header h2 {
  text-align: center;
}
#sandbox-page .by-line {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 14px;
  color: #95A5AC;
  line-height: 20px;
  margin: auto;
}
#sandbox-page #create-container {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 960px;
  padding: 30px 60px 15px;
  margin: 20px auto;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#sandbox-page #create-container h3 {
  color: #555555;
}
#sandbox-page #create-container form > * {
  display: inline-block;
  width: 260px;
  height: 53px;
  margin: 0px;
}
#sandbox-page #create-container form > *:not(:last-child) {
  margin-right: 25px;
}
#sandbox-page #create-container .progtype-dropdown > button {
  text-transform: none;
}
#sandbox-page #sandbox-program-container {
  width: 960px;
  margin: 15px auto;
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#sandbox-page #sandbox-program-container #header {
  background-color: #28384a;
  height: 60px;
  padding: 10px 22px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#sandbox-page #sandbox-program-container #header h3 {
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 40px;
}
#sandbox-page #sandbox-program-container #header h3 span {
  color: #a7aeb6;
}
#sandbox-page #sandbox-program-container #header #custom-course-link {
  text-transform: uppercase;
  font-weight: 200;
  color: #a7aeb6;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  line-height: 40px;
}
#sandbox-page #sandbox-program-container #header #custom-course-link.has-course {
  display: inline-block;
}
#sandbox-page #sandbox-program-container #header #custom-course-link.no-course {
  display: none;
}
#sandbox-page #sandbox-program-container #header #custom-course-link:hover {
  opacity: .75;
  text-decoration: none;
}
#sandbox-page #sandbox-program-container .row {
  height: 80px;
  width: 960px;
  background-color: #fff;
  position: relative;
  margin: 0px auto;
}
#sandbox-page #sandbox-program-container .row img {
  height: 80px;
  position: absolute;
}
#sandbox-page #sandbox-program-container .row .text-wrap {
  display: inline-block;
  position: relative;
  top: 12px;
  left: 100px;
}
#sandbox-page #sandbox-program-container .row .text-wrap h1 {
  margin: 4px 0px 0px;
}
#sandbox-page #sandbox-program-container .row .text-wrap h1 .program-title {
  color: #333333;
}
#sandbox-page #sandbox-program-container .row .text-wrap h1 .program-title:hover {
  text-decoration: none;
}
#sandbox-page #sandbox-program-container .row .text-wrap h1 span > input {
  display: inline-block;
}
#sandbox-page #sandbox-program-container .row .text-wrap h1 span > a {
  margin-left: 10px;
}
#sandbox-page #sandbox-program-container .row .text-wrap h2 {
  margin: 2px 0px 0px;
  font-weight: 600;
}
#sandbox-page #sandbox-program-container .row .link-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 890px;
  height: 100%;
}
#sandbox-page #sandbox-program-container .row .link-wrapper.full-width {
  width: 960px;
}
#sandbox-page #sandbox-program-container .row .link-wrapper.custom {
  width: 690px;
}
#sandbox-page #sandbox-program-container .row .edit-icon {
  font-size: 12px;
}
#sandbox-page #sandbox-program-container .row:not(:first-child):not(:last-child) {
  border-bottom: 3px solid rgba(190, 204, 212, 0.25);
  height: 83px;
}
#sandbox-page #sandbox-program-container .row:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#sandbox-page #sandbox-program-container .row:last-child img {
  border-bottom-left-radius: 3px;
}
#sandbox-page #sandbox-program-container .row .actions {
  height: 100%;
}
#sandbox-page #sandbox-program-container .row .actions p {
  line-height: 80px;
  display: inline-block;
  margin-right: 20px;
  color: #28384a;
}
#sandbox-page #sandbox-program-container .row .actions div {
  width: 65px;
  display: inline-block;
  text-align: center;
}
#sandbox-page #sandbox-program-container .row .actions div i {
  font-size: 15px;
  line-height: 80px;
  color: #28384a;
}
#sandbox-page #sandbox-program-container .row .actions .trash-wrap {
  border-left: 1px solid rgba(190, 204, 212, 0.25);
}
#sandbox-page #sandbox-program-container .row .actions .trash-wrap:hover {
  color: #27a9e1;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container {
  position: relative;
  width: 200px;
  border-width: 2px;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class {
  font-size: 12px;
  width: 165px;
  position: relative;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class:hover {
  cursor: pointer;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class.published {
  border-color: #beccd4;
  color: #beccd4;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class.published:before {
  content: "Remove From Course";
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class.published span {
  display: none;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class.unpublished {
  border-color: #27a9e1;
  color: #27a9e1;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class.unpublished:before {
  content: "Add To Course";
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .publish-to-class.unpublished span {
  display: block;
}
#sandbox-page #sandbox-program-container .row .actions .publish-container .chs-icon {
  position: absolute;
  right: -35px;
  top: 5px;
}
#sandbox-page #sandbox-program-container .row i.chs-icon-pencil:hover {
  color: #27a9e1;
}
.search {
  text-align: center;
}
.search input[type=text] {
  font-size: 28px;
  height: 40px;
  width: 360px;
  padding: 8px;
  line-height: 31px;
  display: inline-block;
}
.search input[type=submit] {
  font-size: 22px;
  margin-bottom: 9px;
}
.search .search-result a {
  font-size: 16px;
  line-height: 23px;
}
#signup-page {
  text-align: center;
  font-family: 'proxima-nova';
  background-color: #f4f8fc;
  min-height: 100vh;
}
#signup-page #signup-header {
  height: 105px;
  line-height: 105px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/signup/bg-code.jpg?1851b1275980') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  font-size: 30px;
  font-weight: 200;
  color: white;
}
#signup-page #signup-header .overlay {
  height: 100%;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/signup/white-lines.png?1851b1275980') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-color: rgba(40, 56, 74, 0.75);
}
#signup-page #signup-header .overlay span {
  font-weight: 800;
}
#signup-page #plan-toggle {
  text-transform: uppercase;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-top: 75px;
  margin-bottom: 65px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 400;
}
#signup-page #plan-toggle #learn-signup {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
}
#signup-page #plan-toggle #learn-signup::after {
  left: 30px;
}
#signup-page #plan-toggle #teach-signup {
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
}
#signup-page #plan-toggle #teach-signup::after {
  right: 30px;
}
#signup-page #plan-toggle a {
  color: #27a9e1;
  background-color: transparent;
  border: 1px solid #27a9e1;
  height: 100%;
}
#signup-page #plan-toggle a::after {
  visibility: hidden;
  content: "";
  border-color: #27a9e1 transparent transparent transparent;
  border-style: solid;
  border-width: 15px;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -30px;
}
#signup-page #plan-toggle a:hover {
  text-decoration: none;
}
#signup-page #plan-toggle .plan-active {
  color: white;
  background-color: #27a9e1;
}
#signup-page #plan-toggle .plan-active::after {
  visibility: visible;
}
#signup-page #signup-landing {
  padding: 0 0 50px 0;
  background-color: #f4f8fc;
}
#signup-page #signup-landing #signup-bg {
  position: absolute;
  height: 350px;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/signup/line-dots.png?30a52b338394') no-repeat center center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#signup-page #signup-landing #signup-bg span {
  line-height: 350px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 10px;
  background-color: #f4f8fc;
  color: #555555;
}
#signup-page #signup-landing .plan-choice {
  height: 350px;
  background-color: #fbfdff;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 20px;
  display: block;
}
#signup-page #signup-landing .plan-choice img {
  width: 100px;
  margin: 20px auto;
}
#signup-page #signup-landing .plan-choice .btn {
  width: 100%;
  font-weight: 600;
  padding-top: 1em;
  padding-bottom: 1em;
}
#signup-page #signup-landing .plan-choice .plan-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: #555555;
  margin-top: 15px;
}
#signup-page #signup-landing .plan-choice .plan-subtitle {
  color: #a7aeb6;
  font-weight: 200;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: .5px;
  height: 2.5em;
}
#signup-page #signup-landing .plan-choice:hover {
  outline: solid 1px #eca53c;
  text-decoration: none;
}
#signup-page #signup-landing .plan-choice:hover .btn {
  background-color: #eca53c;
}
#signup-page #signup-landing #student-plan {
  padding-left: 0;
  padding-right: 25px;
}
#signup-page #signup-landing #individual-plan {
  padding-left: 25px;
  padding-right: 0;
}
#signup-page #signup-forms {
  padding: 0 0 100px 0;
  background-color: #f4f8fc;
}
#signup-page #signup-forms #signup-pricing {
  margin-bottom: 50px;
}
#signup-page #signup-forms #signup-pricing .wrap {
  padding: 0;
}
#signup-page #signup-forms #signup-pricing .wrap a:nth-child(-n+3) {
  border-right: 1px solid #f1f1f1;
}
#signup-page #signup-forms #signup-pricing .wrap a {
  height: 100%;
  color: #555555;
  font-size: 12px;
  padding: 0;
  border-collapse: collapse;
  display: table;
}
#signup-page #signup-forms #signup-pricing .wrap a .blank-cell {
  margin: 0;
  height: 6em;
}
#signup-page #signup-forms #signup-pricing .wrap a div:first-child {
  text-transform: uppercase;
  color: #fbaf3f;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 25px;
}
#signup-page #signup-forms #signup-pricing .wrap a div:nth-child(2) {
  font-weight: 600;
  font-size: 16px;
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 10px;
}
#signup-page #signup-forms #signup-pricing .wrap a div:nth-child(2) span {
  margin-left: 5px;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: .5px;
}
#signup-page #signup-forms #signup-pricing .wrap a div:nth-child(3) {
  font-weight: 100;
  text-transform: uppercase;
  height: 32px;
}
#signup-page #signup-forms #signup-pricing .wrap a div:nth-child(n+4) {
  display: table-row;
}
#signup-page #signup-forms #signup-pricing .wrap a div:nth-child(n+4) p {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  border-collapse: collapse;
  margin-bottom: 0;
  padding: 0 20px;
  height: 6em;
  display: table-cell;
  vertical-align: middle;
}
#signup-page #signup-forms #signup-pricing .wrap a div:nth-child(2n) p {
  background-color: #f4f8fc;
}
#signup-page #signup-forms #signup-pricing .wrap a:hover {
  text-decoration: none;
}
#signup-page #signup-forms #signup-pricing .wrap a.price-active {
  outline: 1px solid #fbaf3f;
  outline-offset: -1px;
}
#signup-page #signup-forms #signup-pricing .wrap a.price-active div:first-child {
  color: #FFFFFF;
  background-color: #fbaf3f;
}
#signup-page #signup-forms #signup-pricing .wrap a.price-active div:nth-child(2) {
  background-color: #fbaf3f;
  color: rgba(255, 255, 255, 0.75);
}
#signup-page #signup-forms #signup-pricing .wrap a.price-active div:nth-child(2) span {
  color: #FFFFFF;
}
#signup-page #signup-forms #signup-pricing .wrap a.price-active div:nth-child(3) {
  background-color: #fbaf3f;
  color: rgba(255, 255, 255, 0.75);
}
#signup-page #signup-forms input[type=text],
#signup-page #signup-forms textarea,
#signup-page #signup-forms input[type=password] {
  width: 95%;
  margin-bottom: 15px;
}
#signup-page #signup-forms select {
  width: 95%;
}
#signup-page #signup-forms .wrap {
  min-width: 498px;
  padding-top: 35px;
  padding-bottom: 15px;
}
#signup-page #signup-forms .wrap hr {
  width: 80%;
}
#signup-page #signup-forms #age-field .bootstrap-select {
  width: 95%;
  margin-bottom: 15px;
}
#signup-page #signup-forms #age-field .bootstrap-select button.selectpicker[title="Age Group"] span.filter-option {
  font-size: 12px;
  line-height: 22px;
  color: rgba(85, 85, 85, 0.6);
  font-weight: 600;
}
#signup-page #signup-forms #age-field .bootstrap-select ul.dropdown-menu li:nth-child(-n+2) {
  display: none;
}
#signup-page #signup-forms #signup-title p {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  color: #555555;
  line-height: 21px;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 20px;
}
#signup-page #signup-forms #signup-subtitle p {
  text-transform: uppercase;
  font-weight: 600;
  color: #555555;
  font-size: 14px;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 20px;
  letter-spacing: 1px;
}
#signup-page #signup-forms #features-title {
  padding-top: 5px;
  color: #fbaf3f;
  font-size: 14px;
  letter-spacing: .7px;
  font-weight: 600;
  text-transform: uppercase;
}
#signup-page #signup-forms #features-title img {
  width: 14px;
  margin-right: 10px;
  margin-top: -4px;
}
#signup-page #signup-forms #features-subtitle {
  font-size: 12px;
  color: #a7aeb6;
}
#signup-page #signup-forms #features-subtitle span {
  font-weight: 600;
}
#signup-page #signup-forms .feature-list {
  text-align: left;
  font-size: 12px;
  color: #a7aeb6;
  font-weight: 200;
  letter-spacing: .5px;
  padding: 10px 0 5px 15%;
}
#signup-page #signup-forms .feature-list span {
  font-weight: 600;
  color: #fbaf3f;
}
#signup-page #signup-forms .signup-change {
  color: #a7aeb6;
  font-size: 14px;
  font-weight: 600;
  line-height: 52px;
  text-decoration: none;
  text-align: left;
  padding-left: 15%;
  letter-spacing: .5px;
}
#signup-page #signup-forms .signup-change span {
  color: #fbaf3f;
  margin-right: 10px;
}
#signup-page #signup-forms .signup-change:hover {
  opacity: .8;
}
#signup-page #signup-forms #class-code p {
  font-size: 14px;
  font-weight: 400;
  color: #a7aeb6;
  line-height: 52px;
  white-space: nowrap;
}
#signup-page #signup-forms #class-code .icon {
  color: #27a9e1;
  margin-right: 10px;
}
#signup-page #signup-forms #pay-form {
  margin-bottom: 25px;
}
#signup-page #signup-forms #pay-form #pay-types {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 25px;
}
#signup-page #signup-forms #pay-form #pay-info {
  text-align: left;
  font-size: 12px;
  color: #a7aeb6;
  padding-bottom: 25px;
}
#signup-page #signup-forms #pay-form #pay-info a {
  color: #27a9e1;
}
#signup-page #signup-forms #pay-form #pay-info a:hover {
  text-decoration: none;
}
#signup-page #signup-forms #pay-form #coupon-code input::-webkit-input-placeholder {
  text-transform: none;
}
#signup-page #signup-forms #pay-form #coupon-code input:-moz-placeholder {
  text-transform: none;
}
#signup-page #signup-forms #pay-form #coupon-code input::-moz-placeholder {
  text-transform: none;
}
#signup-page #signup-forms #pay-form #coupon-code input:-ms-input-placeholder {
  text-transform: none;
}
#signup-page #signup-forms #pay-form #coupon-apply {
  color: #27a9e1;
  text-transform: uppercase;
  line-height: 52px;
  text-align: left;
}
#signup-page #signup-forms #pay-form #coupon-apply:hover {
  text-decoration: none;
}
#signup-page #signup-forms #pay-form #coupon-msg {
  display: inline;
  color: #de5844;
  margin-left: 5px;
}
#signup-page #signup-forms .total-price {
  text-align: right;
  text-transform: uppercase;
  background-color: #f1f1f1;
  color: #555555;
  font-weight: 100;
  font-size: 16px;
  line-height: 52px;
  margin-bottom: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#signup-page #signup-forms .total-price span {
  font-weight: 600;
}
#signup-page #signup-forms .alert-row {
  padding: 0;
}
#signup-page #signup-forms .alert {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  background-color: #de5844;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border: none;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  display: none;
  margin: 0px;
}
#signup-page #upgrade-help {
  color: #555555;
  letter-spacing: 1px;
  font-weight: 200;
  display: inline-block;
  position: relative;
  top: -115px;
}
#signup-page #upgrade-help a {
  color: #27a9e1;
}
#signup-page #upgrade-help a:hover {
  text-decoration: none;
}
#signup-page .register-button-new {
  font-size: 16px;
  height: 52px;
  font-weight: 600;
  letter-spacing: .5px;
  margin-top: 16px;
}
#signup-page .register-button-new .register-text {
  display: inline;
}
#signup-page .register-button-new .icon-spinner {
  display: none;
}
#signup-page .register-button-new:disabled .register-text {
  display: none;
}
#signup-page .register-button-new:disabled .icon-spinner {
  display: inline;
}
#signup-page .register-button-new:focus {
  outline-color: #fbaf3f;
}
#signup-page #teacher-info-form {
  padding-top: 50px;
  min-width: 490px;
}
#signup-page #teacher-info-form #teacher-info-msg {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 200;
  color: #95a5ac;
}
#signup-page #teacher-info-form .wrap {
  width: 100%;
}
#signup-page #teacher-info-form .alert-row {
  display: none;
}
#signup-page #teacher-info-form .form-row {
  margin-top: 15px;
}
#signup-page #teacher-info-form .col-xs-6:first-of-type {
  padding-left: 0;
}
#signup-page #teacher-info-form .col-xs-6:last-of-type {
  padding-right: 0;
}
#signup-page #teacher-info-form input {
  width: 100%;
}
#signup-page #teacher-info-form #city-input {
  width: 66%;
  display: inline-block;
}
#signup-page #teacher-info-form #state-input {
  width: 32%;
  display: inline-block;
}
#signup-page #teacher-info-form .bootstrap-select {
  width: 100%;
}
#signup-page #teacher-info-form #teacher-info-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #555555;
  letter-spacing: 1px;
  text-align: left;
  margin-bottom: 10px;
  padding: 0;
}
#signup-page #teacher-info-form #update-info-btn {
  height: 45px;
  letter-spacing: .5px;
  margin-top: 20px;
  width: 100%;
}
.signup-landing .teacher-signup,
.signup-landing .student-signup,
.signup-landing .individual-signup {
  display: none;
}
.signup-landing .signup-landing {
  display: block;
}
.teachers .student-signup,
.teachers .individual-signup,
.teachers #signup-landing {
  display: none;
}
.teachers .teacher-signup {
  display: block;
}
.students .teacher-signup,
.students .individual-signup,
.students #signup-landing {
  display: none;
}
.students .student-signup {
  display: block;
}
.individuals .teacher-signup,
.individuals .student-signup,
.individuals #signup-landing {
  display: none;
}
.individuals .individual-signup {
  display: block;
}
.individuals.frees .individual-basic,
.individuals.frees .individual-grading,
.individuals.frees .individual-one-on-one {
  display: none;
}
.individuals.frees .individual-free {
  display: block;
}
.individuals.basics .individual-free,
.individuals.basics .individual-grading,
.individuals.basics .individual-one-on-one {
  display: none;
}
.individuals.basics .individual-basic {
  display: block;
}
.individuals.gradings .individual-free,
.individuals.gradings .individual-basic,
.individuals.gradings .individual-one-on-one {
  display: none;
}
.individuals.gradings .individual-grading {
  display: block;
}
.individuals.one-on-ones .individual-free,
.individuals.one-on-ones .individual-basic,
.individuals.one-on-ones .individual-grading {
  display: none;
}
.individuals.one-on-ones .individual-one-on-one {
  display: block;
}
#teacher-resources {
  position: relative;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#teacher-resources-content {
  margin-left: 200px;
  background-color: #f4f8fc;
  min-height: 100vh;
  min-height: calc(100vh - 60px);
  padding-bottom: 50px;
}
#teacher-resources-content h3 {
  color: #555555;
  text-align: center;
  font-weight: 200;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 55px;
  margin-bottom: 50px;
}
#teacher-resources-widgets {
  width: 790px;
  margin: auto;
}
@media (max-width: 1100px) {
  #teacher-resources-widgets {
    width: 525px;
  }
}
@media (max-width: 800px) {
  #teacher-resources-widgets {
    width: 260px;
  }
}
#teacher-resources-widgets .resource-widget {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #27a9e1;
  border-bottom: solid 12px #2290c0;
  display: inline-block;
  width: 250px;
  height: 212px;
  position: relative;
  margin: 0 5px 17px;
  -webkit-transition: transform .3s;
  transition: transform .3s;
}
#teacher-resources-widgets .resource-widget span {
  font-size: 20px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 30px;
  left: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#teacher-resources-widgets .resource-widget img {
  position: absolute;
  top: 90px;
  right: 20px;
}
#teacher-resources-widgets .resource-widget:nth-of-type(even) {
  background-color: #63bfe6;
  border-color: #51a8cd;
}
#teacher-resources-widgets .resource-widget:hover,
#teacher-resources-widgets .resource-widget:focus,
#teacher-resources-widgets .resource-widget:active {
  text-decoration: none;
  -webkit-transform: scale(1.05);
  text-transform: scale(1.05);
}
.grading-table,
.actions-table {
  font-size: 11px;
}
.grading-table a,
.actions-table a {
  color: black;
}
.tutor-dashboard {
  width: 900px;
}
.tutor-dashboard,
.api {
  margin: auto;
}
.tutor-dashboard h1,
.api h1 {
  text-align: center;
}
.tutor-dashboard .btn-tiny,
.api .btn-tiny {
  padding: 1px 3px;
  font-size: 11px;
  line-height: 16px;
}
.tutor-dashboard .item,
.api .item {
  background-color: white;
  margin: 10px;
  border: #ccc;
  padding: 10px;
}
.tutor-dashboard .item .time,
.api .item .time {
  font-size: 10px;
  float: left;
}
.tutor-dashboard .item .name,
.api .item .name {
  font-weight: bold;
  font-size: 16px;
}
.tutor-dashboard .item .obj,
.api .item .obj {
  font-weight: bold;
  font-style: italic;
}
.tutor-dashboard .item.status-grading,
.api .item.status-grading {
  background-color: #DDE6EC;
}
.tutor-dashboard .item .priority,
.api .item .priority {
  float: right;
  color: #aaa;
}
.tutor-dashboard .submissions,
.api .submissions {
  /* Functionality Done */
  /* Passed */
}
.tutor-dashboard .submissions .submission,
.api .submissions .submission {
  padding: 10px;
  margin-bottom: 10px;
}
.tutor-dashboard .submissions .submission i,
.api .submissions .submission i {
  float: right;
}
.tutor-dashboard .submissions .status-2,
.api .submissions .status-2 {
  background-color: #D9EDF7;
}
.tutor-dashboard .submissions .status-3,
.api .submissions .status-3 {
  background-color: #DFF0D8;
}
.tutor-dashboard .submissions .status-4,
.api .submissions .status-4 {
  background-color: #F2DEDE;
}
.tutor-dashboard .submissions .grader,
.api .submissions .grader {
  font-size: 10px;
  float: left;
}
.tutor-dashboard .thread.item .num_messages,
.api .thread.item .num_messages {
  float: right;
}
.tutor-dashboard .main,
.api .main {
  margin-top: 20px;
}
.tutor-dashboard .main .tutor-col,
.api .main .tutor-col {
  height: 350px;
  overflow: scroll;
}
.tutor-dashboard .main .left-col,
.api .main .left-col,
.tutor-dashboard .main .mid-col,
.api .main .mid-col,
.tutor-dashboard .main .right-col,
.api .main .right-col {
  width: 260px;
  float: left;
  margin-left: 20px;
  min-height: 100px;
}
.tutor-dashboard .main .left-col h2,
.api .main .left-col h2,
.tutor-dashboard .main .mid-col h2,
.api .main .mid-col h2,
.tutor-dashboard .main .right-col h2,
.api .main .right-col h2 {
  text-align: center;
  margin-bottom: 10px;
}
.tutor-dashboard .main .tutor,
.api .main .tutor {
  padding: 3px 8px;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
}
.tutor-dashboard .main .tutor .img,
.api .main .tutor .img {
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: inline-block;
  float: left;
  margin-right: 4px;
}
.tutor-dashboard .main .tutor .img img,
.api .main .tutor .img img {
  width: 35px;
  float: left;
  margin-right: 5px;
}
.tutor-dashboard .main .tutor .name,
.api .main .tutor .name {
  display: inline-block;
  float: left;
  max-width: 140px;
}
.tutor-dashboard .main .tutor .name a,
.api .main .tutor .name a {
  color: black;
}
.tutor-dashboard .main .tutor .points,
.api .main .tutor .points {
  font-weight: bold;
  float: right;
}
.tutor-dashboard .main .mid-col .sort,
.api .main .mid-col .sort {
  margin-right: 9px;
  overflow: hidden;
}
.tutor-dashboard .main .mid-col .sort i,
.api .main .mid-col .sort i {
  margin: 4px;
  float: right;
}
.tutor-dashboard .main .mid-col .page,
.api .main .mid-col .page {
  margin-left: 7px;
  overflow: hidden;
  width: 58px;
  float: left;
}
.tutor-dashboard .main .mid-col .page i,
.api .main .mid-col .page i {
  margin: 4px;
  float: left;
}
#tutor-dashboard {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  position: relative;
}
#tutor-dashboard table {
  width: 100%;
}
#tutor-dashboard .office-hours-live {
  display: none;
}
#tutor-dashboard a:hover {
  text-decoration: none;
}
#tutor-dashboard #tutor-sidenav {
  min-height: 100%;
  padding-top: 20px;
}
#tutor-dashboard #wrapper {
  padding-left: 200px;
  background-color: #f4f8fc;
  overflow: auto;
  min-height: 1000px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper {
  padding-bottom: 50px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .office-hours-live {
  background-color: #27a9e1;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-align: center;
  display: none;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .office-hours-live a {
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: .5px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .office-hours-live a:hover {
  color: #FFFFFF;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .office-hours-live.alert {
  height: 52px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #tutor-dash-header {
  padding: 20px 25px 20px 15px;
  line-height: 44px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #tutor-dash-header a {
  padding: .75em 1em;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #tutor-dash-header a span {
  line-height: 17px;
  vertical-align: middle;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #tutor-help-title {
  margin-bottom: 30px;
  margin-top: 20px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #tutor-metrics tr {
  background-color: #FFFFFF;
  height: 100px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #tutor-metrics tr td {
  width: 25%;
  padding-left: 45px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #tutor-metrics tr td:nth-child(-n+3) {
  border-right: solid 2px #f4f8fc;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .wrap {
  padding: 0;
  min-width: 500px;
  overflow: auto;
  max-height: 350px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .table-container {
  padding: 0 30px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .table-container .empty-msg {
  color: #a7aeb6;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 200;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table {
  margin: 0;
  table-layout: fixed;
  font-size: 12px;
  min-width: 700px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table tr {
  height: 50px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table tr td {
  padding: 0 15px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .plan-1 {
  border-left: solid 3px #27a9e1;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .plan-2 {
  border-left: solid 3px #fbaf3f;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .plan-11 {
  border-left: solid 3px #ff99c6;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table tr:nth-child(even) {
  background-color: #f4f8fc;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .thread-message {
  padding: 0;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .thread-message div a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 30px 0 15px;
  color: #a7aeb6;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .user-name div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .user-name div a {
  font-weight: 600;
  color: #555555;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .user-type div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a7aeb6;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .user-type div img {
  margin-right: 5px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .user-type div a {
  color: #a7aeb6;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .queue-item {
  padding: 0;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .queue-item div a {
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  height: 50px;
  width: 100%;
  color: #555555;
  font-weight: 600;
  line-height: 50px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .time {
  padding: 0;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper .queue-table .time a {
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-key {
  background-color: #FFFFFF;
  height: 50px;
  width: 100%;
  table-layout: fixed;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-key #plan-key {
  text-align: center;
  padding-left: 20px;
  width: 250px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-key #plan-key img {
  height: 13px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-key #school-key {
  text-align: center;
  padding: 15px;
  width: 280px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-key #school-key img {
  height: 20px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-key #age-key span {
  color: #a7aeb6;
  font-size: 12px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-key #age-key img {
  margin: 0 10px;
  height: 6px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-queue-div #help-queue tr td:nth-child(-n+3) {
  width: 15%;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #help-queue-div #help-queue tr td:nth-child(5) {
  width: 45%;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #grading-queue-div .queue-header {
  margin-top: 50px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #grading-queue-div .queue-header .dashboard-subtitle {
  width: 130px;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #grading-queue-div #my-grading-queue-container {
  display: none;
}
#tutor-dashboard #wrapper #tutor-dashboard-wrapper #grading-queue-div #my-queue-count {
  display: none;
}
/* Tutors Page styling */
#tutors-page {
  text-align: center;
  font-family: 'proxima-nova';
  overflow-x: hidden;
}
#tutors-page .tutors-title {
  font-size: 38px;
  font-weight: 400;
}
#tutors-page .tutors-tagline {
  font-size: 24px;
  font-weight: 200;
  color: #f1f1f1;
}
#tutors-page #tutors-top {
  color: #FFFFFF;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/tutor_page/tutors_header_small.jpg?7e734f8f53c4') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#tutors-page #tutors-top .overlay {
  background: rgba(15, 66, 85, 0.7);
  padding: 150px 0 100px 0;
}
#tutors-page #tutors-top .overlay .tutors-tagline {
  margin: 15px 0 65px 0;
}
#tutors-page #tutors-top #apply-button {
  border: 1px solid #FFFFFF;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
#tutors-page #tutors-top #apply-button:hover {
  opacity: .7;
}
#tutors-page #tutors {
  padding: 75px 0;
  background-color: #FFFFFF;
}
#tutors-page #tutors .tutors-tagline {
  color: #555555;
}
#tutors-page #tutors .tutors-row {
  margin-bottom: 50px;
}
#tutors-page #tutors .tutor-bio {
  font-size: 14px;
  max-width: 160px;
  margin: 0 auto;
}
#tutors-page #tutors .tutor-bio .tutor-name {
  font-weight: 600;
  color: #555555;
  margin-bottom: 5px;
}
#tutors-page #tutors .tutor-bio .tutor-blurb {
  font-weight: 400;
  color: #a7aeb6;
}
#tutors-page #tutors .tutor-img-wrapper {
  margin: 0 auto 20px auto;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #f1f1f1;
}
#tutors-page #tutors .tutor-img-wrapper img {
  width: 100%;
}
#tutors-page #tutors-everywhere {
  padding: 75px 0;
  background-color: #27a9e1;
}
#tutors-page #tutors-everywhere .tutors-title {
  color: #FFFFFF;
}
#tutors-page #tutors-everywhere #underline {
  opacity: .5;
}
#tutors-page #tutors-everywhere #tutor-map {
  width: 100%;
}
#tutors-page #tutors-everywhere .tutors-tagline {
  color: #f1f1f1;
}
#tutors-page #tutors-signup {
  padding: 30px 0;
  background-color: #FFFFFF;
}
#tutors-page #tutors-signup #tutors-signup-text {
  display: inline;
  font-weight: 200;
  font-size: 18px;
  color: #555555;
  margin-right: 15px;
}
#tutors-page #tutors-signup #tutors-signup-btn {
  padding: 1em 3em;
  font-weight: 600;
  font-size: 14px;
  margin-left: 20px;
}
#tutor-page {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  position: relative;
}
#tutor-page .tooltip-inner {
  background-color: #28384a;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px;
}
#tutor-page .tooltip.top .tooltip-arrow {
  border-top-color: #28384a;
}
#tutor-page .office-hours-live {
  display: none;
}
#tutor-page a:hover {
  text-decoration: none;
}
#tutor-page .tutor-page-table tr:nth-child(even) {
  background-color: #f4f8fc;
}
#tutor-page #report-card-table i {
  display: none;
}
#tutor-page #report-card-table a {
  margin-right: 20px;
}
#tutor-page #report-card-table tr:hover i {
  display: inline-block;
}
#tutor-page #report-card-table tr:hover a {
  margin-right: 0px;
}
#tutor-page #tutor-page-metrics tr {
  background-color: #FFFFFF;
  height: 100px;
}
#tutor-page #tutor-page-metrics tr td {
  width: 20%;
  padding-left: 15px;
}
#tutor-page #tutor-page-metrics tr td:nth-child(-n+4) {
  border-right: solid 2px #f4f8fc;
}
#tutor-page #tutor-sidenav {
  min-height: 100%;
  padding-top: 20px;
}
#tutor-page #wrapper {
  padding-left: 200px;
  background-color: #f4f8fc;
  overflow: auto;
  min-height: 1000px;
}
#tutor-page #wrapper #tutor-page-wrapper .office-hours-live {
  background-color: #27a9e1;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-align: center;
  display: none;
}
#tutor-page #wrapper #tutor-page-wrapper .office-hours-live a {
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: .5px;
}
#tutor-page #wrapper #tutor-page-wrapper .office-hours-live a:hover {
  color: #FFFFFF;
}
#tutor-page #wrapper #tutor-page-wrapper .office-hours-live.alert {
  height: 52px;
}
#tutor-page #wrapper #tutor-page-wrapper .wrap {
  padding: 0;
  min-width: 500px;
  overflow: auto;
  max-height: 350px;
}
#tutor-page #wrapper #tutor-page-wrapper .table-container {
  padding: 0 30px;
}
#tutor-report-card-all {
  text-align: center;
  font-family: 'proxima-nova';
  overflow-x: hidden;
  background-color: #f4f8fc;
  height: 100vh;
}
#tutor-report-card-all td {
  text-align: left;
}
#tutor-payment {
  text-align: center;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  background-color: #f4f8fc;
  min-height: 100vh;
}
#tutor-payment #tutor-payment-forms {
  padding: 0 0 100px 0;
  background-color: #f4f8fc;
}
#tutor-payment #tutor-payment-forms #tutor-payment-title p {
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  color: #555555;
  line-height: 21px;
  letter-spacing: 1px;
  padding-top: 20px;
  margin-bottom: 20px;
}
#tutor-payment #tutor-payment-forms input[type=text],
#tutor-payment #tutor-payment-forms textarea,
#tutor-payment #tutor-payment-forms input[type=password] {
  width: 95%;
  margin-bottom: 15px;
}
#tutor-payment #tutor-payment-forms select {
  width: 95%;
}
#tutor-payment #tutor-payment-forms .wrap {
  min-width: 498px;
  padding-bottom: 10px;
}
#tutor-payment #tutor-payment-forms .wrap hr {
  width: 80%;
}
#tutor-payment #tutor-payment-forms .wrap h4 {
  color: #555555;
  line-height: 24px;
}
#tutor-payment #tutor-payment-forms .card-expiry-month {
  padding-top: 2px;
}
#user-page {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  position: relative;
  min-height: 100%;
}
#user-page .side-padding {
  padding-left: 40px;
  padding-right: 65px;
}
#user-page a:hover {
  text-decoration: none;
}
#user-page table {
  width: 100%;
}
#user-page #wrapper {
  padding-left: 200px;
  padding-bottom: 50px;
  background-color: #f4f8fc;
  overflow-x: hidden;
  min-height: 100%;
}
#user-page #wrapper .plan-message {
  display: none;
  text-align: center;
  height: 60px;
  background-color: #27a9e1;
  color: #FFFFFF;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-weight: 200;
  margin-bottom: 0;
  line-height: 28px;
}
#user-page #wrapper .plan-message a {
  margin-left: 15px;
  width: 125px;
}
#user-page #wrapper #user-profile-header {
  max-width: 1200px;
  margin: auto;
  padding-left: 40px;
  padding-right: 65px;
}
#user-page #wrapper #user-profile-header #user-profile-name {
  color: #555555;
  font-size: 28px;
  font-weight: 200;
  letter-spacing: 1px;
  display: inline-block;
  padding-top: 34px;
  padding-bottom: 34px;
  margin-right: 20px;
}
#user-page #wrapper #user-profile-header #user-plan-wrap {
  display: inline-block;
  margin-right: 10px;
}
#user-page #wrapper #user-profile-header #user-plan-wrap #user-plan {
  text-align: center;
  display: table-cell;
  background-color: #beccd4;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  padding: 3px 25px;
  position: relative;
  top: 2px;
}
#user-page #wrapper #user-profile-header #user-plan-wrap #user-plan.email-viewer {
  top: 11px;
}
#user-page #wrapper #user-profile-header #user-plan-wrap #user-plan #user-email {
  text-transform: none;
  letter-spacing: .5px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
}
#user-page #wrapper #user-profile-header #badges-sec {
  display: inline-block;
  position: relative;
  top: -8px;
  margin-left: 8px;
}
#user-page #wrapper #user-profile-header #badges-sec .badge-icon {
  width: 40px;
  margin-right: 3px;
}
#user-page #wrapper #user-profile-header #badges-sec #more-badges {
  letter-spacing: 1.5px;
  display: inline-block;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center;
  width: 40px;
  height: 40px;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/badges/empty_badge.png?c7bbc146124e') no-repeat center center;
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
#user-page #wrapper #user-profile-header #plan-type {
  display: inline-block;
}
#user-page #wrapper #user-profile-header #plan-type #upgrade-msg {
  display: inline-block;
}
#user-page #wrapper #user-profile-header #plan-type #upgrade-msg a {
  display: table-cell;
  color: #27a9e1;
  font-weight: 200;
  font-size: 12px;
}
#user-page #wrapper #user-profile-header #plan-type #upgrade-msg a span {
  font-weight: 600;
}
#user-page #wrapper #user-profile-header #plan-type #plan-change-message {
  display: inline-block;
}
#user-page #wrapper #user-profile-header #plan-type #plan-change-message div {
  font-size: 12px;
  font-weight: 200;
  display: table-cell;
  color: #a7aeb6;
}
#user-page #wrapper #user-profile-header .btn {
  display: inline-block;
  margin-top: 34px;
  line-height: 28px;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
#user-page #wrapper #user-profile {
  height: 112px;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
  background-color: #FFFFFF;
}
#user-page #wrapper #user-profile #user-info {
  max-width: 1200px;
  margin: auto;
  padding-left: 40px;
  padding-right: 65px;
}
#user-page #wrapper #user-profile .profile-photo-wrapper.editable {
  cursor: pointer;
}
#user-page #wrapper #user-profile #user-stats-table {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}
#user-page #wrapper #user-profile #user-stats {
  margin-top: 25px;
  margin-bottom: 25px;
  table-layout: fixed;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container {
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 15%;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container .week-activity-box {
  display: block;
  width: 15px;
  height: 15px;
  padding-right: 3px;
  padding-left: 3px;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container .day-label {
  text-align: center;
  font-size: 12px;
  color: #555555;
  font-weight: 600;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container #week-activity {
  width: 167px;
  margin: 0;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container #week-activity tr:first-child {
  border-bottom: 1px solid #beccd4;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container #week-activity td {
  width: 21px;
  padding-left: 3px;
  padding-right: 3px;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container #week-activity td:first-child {
  width: 31px;
  padding-left: 13px;
}
#user-page #wrapper #user-profile #user-stats #week-activity-container #week-activity td:last-child {
  width: 31px;
  padding-right: 13px;
}
#user-page #wrapper #user-profile #user-stats .user-stat:nth-child(-n+4) {
  border-right: solid 1px #f1f1f1;
}
#user-page #wrapper #user-profile #user-stats .user-stat:first-child {
  width: 32%;
}
#user-page #wrapper #user-profile #user-stats .user-stat:first-child p:first-of-type {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#user-page #wrapper #user-profile #user-stats .user-stat:first-child p:nth-of-type(2) {
  position: absolute;
}
#user-page #wrapper #user-profile #user-stats .user-stat:nth-last-child(-n+4) {
  width: 14%;
}
#user-page #wrapper #user-profile #user-stats .user-stat:nth-last-child(-n+4) p {
  padding-left: 15%;
}
#user-page #wrapper #user-profile #user-stats .user-stat:last-child {
  width: 20%;
}
#user-page #wrapper #user-profile #user-stats #recent-module a {
  display: block;
  height: 60px;
  padding-right: 30px;
}
#user-page #wrapper #user-profile #user-stats #progressbar-container {
  height: 43px;
  padding-top: 16px;
  margin-left: 80px;
}
#user-page #wrapper #user-profile #user-stats #progressbar-container .progressbar div {
  background-color: #27a9e1;
}
#user-page #wrapper #userpage-content {
  padding-left: 0;
  max-width: 1200px;
  margin: auto;
}
#user-page #wrapper #messages-center {
  padding-left: 40px;
  padding-right: 65px;
}
#user-page #wrapper #messages-center .queue-header {
  padding: 0;
  margin-bottom: 10px;
}
#user-page #wrapper #messages-center .wrap {
  padding: 0;
  max-height: 225px;
  overflow: auto;
}
#user-page #wrapper #messages-center a {
  padding-top: 20px;
  display: block;
  height: 75px;
}
#user-page #wrapper #messages-center a .message-user-photo-wrapper {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
  border: solid 1px #f1f1f1;
}
#user-page #wrapper #messages-center img {
  width: 35px;
  margin-left: -0.5px;
}
#user-page #wrapper #messages-center #messages-unread {
  margin: 0;
  table-layout: fixed;
}
#user-page #wrapper #messages-center #messages-unread .message-name,
#user-page #wrapper #messages-center #messages-unread .message-age {
  color: #555555;
  font-weight: 600;
}
#user-page #wrapper #messages-center #messages-unread .message-item-title {
  color: #555555;
  font-weight: 200;
  margin-right: 15px;
}
#user-page #wrapper #messages-center #messages-unread p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a7aeb6;
  font-size: 12px;
  font-weight: 200;
  margin-top: 3px;
}
#user-page #wrapper #messages-center #messages-unread tr {
  height: 75px;
  letter-spacing: .5px;
}
#user-page #wrapper #messages-center #messages-unread tr:nth-child(even) {
  background-color: #f4f8fc;
}
#user-page #wrapper #messages-center #messages-unread tr td {
  width: 100%;
  padding-left: 15px;
  vertical-align: middle;
}
#user-page #wrapper #messages-center #messages-unread tr td:first-child {
  width: 65px;
}
#user-page #wrapper #messages-center #messages-unread tr td:first-child a {
  padding-left: 20px;
}
#user-page #wrapper #messages-center #messages-unread tr td:nth-child(2) a {
  padding-right: 50px;
}
#user-page #wrapper #messages-center #messages-unread tr:hover {
  outline: solid 2px #beccd4;
  outline-offset: -2px;
}
#user-page #wrapper #resume-div {
  padding-left: 40px;
  padding-right: 65px;
}
#user-page #wrapper #resume-div hr:first-of-type {
  margin-top: 25px;
}
#user-page #wrapper #resume-div img {
  width: 30px;
  padding-bottom: 6.5px;
  margin-right: 10px;
}
#user-page #wrapper #resume-div a:nth-of-type(1) {
  display: inline-block;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 200;
  color: #555555;
  line-height: 43px;
}
#user-page #wrapper #resume-div a:nth-of-type(1) span {
  margin-left: 5px;
  color: #27a9e1;
  text-transform: none;
  letter-spacing: .5px;
}
#user-page #wrapper #resume-div .btn {
  padding: .75em 2.5em;
}
#user-page #wrapper #course-header {
  padding-left: 40px;
  padding-right: 65px;
  margin-bottom: 15px;
}
#user-page #wrapper #course-header .dashboard-subtitle {
  display: inline-block;
  line-height: 25px;
}
#user-page #wrapper #course-header .bootstrap-select {
  width: auto;
}
#user-page #wrapper #course-header .bootstrap-select .btn {
  text-transform: none;
  padding-right: 30px;
}
#user-page #wrapper #course-header .bootstrap-select .btn:hover {
  background-color: #FFFFFF;
  outline: 1px solid #beccd4;
  outline-offset: -1px;
}
#user-page #wrapper #course-header .bootstrap-select .btn:focus {
  background-color: #FFFFFF;
}
#user-page #wrapper #course-header .bootstrap-select.open .btn {
  background-color: #FFFFFF;
  outline: 1px solid #beccd4;
  outline-offset: -1px;
}
#user-page #wrapper #course-header .bootstrap-select .dropdown-menu.open {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#user-page #wrapper #course-header .bootstrap-select li a {
  text-transform: none;
}
#user-page #wrapper #course-header .lesson-key {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-right: 8px;
  margin-left: 8px;
  display: inline-block;
}
#user-page #wrapper #course-header .lesson-key:nth-of-type(3) {
  background-color: #8cc63e;
}
#user-page #wrapper #course-header .lesson-key:nth-of-type(2) {
  background-color: #ffdd17;
}
#user-page #wrapper #course-header .lesson-key:nth-of-type(1) {
  background-color: #beccd4;
}
#user-page #wrapper #course-sec {
  padding: 0 245px 0 0;
}
#user-page #wrapper #course-sec [class^="icon-"],
#user-page #wrapper #course-sec [class*=" icon-"] {
  padding-top: 6px;
}
#user-page #wrapper #course-sec .wrap {
  margin: 0 0 20px 40px;
  padding: 0;
}
#user-page #wrapper #course-sec .module-expand {
  display: none;
}
#user-page #wrapper #course-sec .module-icon {
  position: absolute;
  padding: 20px 10px 20px 25px;
}
#user-page #wrapper #course-sec .module-icon img {
  width: 85px;
}
#user-page #wrapper #course-sec .module-info {
  padding: 30px 25px 20px 145px;
  height: 125px;
}
#user-page #wrapper #course-sec .module-info .module-info-row {
  margin-bottom: 30px;
}
#user-page #wrapper #course-sec .module-info .module-info-row div {
  display: inline-block;
}
#user-page #wrapper #course-sec .module-info .module-title {
  font-size: 16px;
  font-weight: 600;
  color: #555555;
  letter-spacing: .5px;
  text-transform: uppercase;
}
#user-page #wrapper #course-sec .module-info .lesson-count {
  font-size: 12px;
  font-weight: 600;
  color: #555555;
  text-transform: uppercase;
  width: 105px;
}
#user-page #wrapper #course-sec .module-info .lesson-count img {
  width: 15px;
  margin-right: 10px;
}
#user-page #wrapper #course-sec .module-info-right {
  position: absolute;
  display: inline-block;
}
#user-page #wrapper #course-sec .module-info-right .percent-box {
  margin-left: 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 125px;
  height: 125px;
  font-size: 30px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  padding: 45px 0;
  letter-spacing: .5px;
  margin-bottom: 5px;
}
#user-page #wrapper #course-sec .module-info-right .percent-box span {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-size: 12px;
}
#user-page #wrapper #course-sec .module-info-right .percent-box span:nth-of-type(1) {
  display: inline;
}
#user-page #wrapper #course-sec .module-info-right .percent-box span:nth-of-type(2) {
  display: none;
}
#user-page #wrapper #course-sec .module-info-right .percent-box.percent-0 {
  background-color: #beccd4;
}
#user-page #wrapper #course-sec .module-info-right .percent-box.percent-0 span:nth-of-type(1) {
  display: none;
}
#user-page #wrapper #course-sec .module-info-right .percent-box.percent-0 span:nth-of-type(2) {
  display: inline;
}
#user-page #wrapper #course-sec .module-info-right .btn {
  margin-left: 15px;
  line-height: 45px;
  display: none;
  padding: 13px 34px;
}
#user-page #wrapper #course-sec .progressbar {
  margin-right: 130px;
}
#user-page #wrapper #course-sec .module-toggler {
  height: 125px;
  display: block;
}
#user-page #wrapper #course-sec .module-toggler:hover {
  outline: solid 1px #beccd4;
}
#user-page #wrapper #course-sec .module-toggle,
#user-page #wrapper #course-sec .lesson-toggle {
  font-size: 12px;
  margin-top: -14px;
}
#user-page #wrapper #course-sec .module-toggle img,
#user-page #wrapper #course-sec .lesson-toggle img {
  width: 15px;
  height: 15px;
  margin-right: 7px;
}
#user-page #wrapper #course-sec .module-toggle span,
#user-page #wrapper #course-sec .lesson-toggle span {
  color: #beccd4;
}
#user-page #wrapper #course-sec .module-toggle.minimized img,
#user-page #wrapper #course-sec .lesson-toggle.minimized img {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/plus_icon.png?0dd5d074ea2f') no-repeat;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
}
#user-page #wrapper #course-sec .module-toggle.expanded img,
#user-page #wrapper #course-sec .lesson-toggle.expanded img {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/icons/minus_icon.png?0dd5d074ea2f') no-repeat;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
}
#user-page #wrapper #course-sec .module-toggle {
  width: 105px;
}
#user-page #wrapper #course-sec .lesson-toggle {
  margin-top: 0;
  height: 49px;
}
#user-page #wrapper #course-sec .lessons-sec {
  border-top: solid 1px #f1f1f1;
}
#user-page #wrapper #course-sec .lessons-sec .lesson-sec:first-of-type .lesson-header {
  border-top: none;
}
#user-page #wrapper #course-sec .lesson-toggler {
  height: 50px;
  display: block;
}
#user-page #wrapper #course-sec .lesson-header,
#user-page #wrapper #course-sec .lesson-item {
  height: 50px;
  border-top: solid 1px rgba(151, 151, 151, 0.15);
  line-height: 50px;
  display: block;
}
#user-page #wrapper #course-sec .lesson-header {
  padding-left: 40px;
  padding-right: 20px;
}
#user-page #wrapper #course-sec .lesson-header:hover {
  cursor: pointer;
  outline: solid 1px #beccd4;
  outline-offset: -1px;
}
#user-page #wrapper #course-sec .lesson-header .lesson-header-text {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 375px;
}
#user-page #wrapper #course-sec .lesson-header .lesson-header-text .lesson-title {
  color: #555555;
  margin-left: 3px;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status {
  display: inline-block;
  line-height: 25px;
  text-align: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 10px;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status:hover {
  background-color: #FFFFFF !important;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status.submitted {
  background-color: #ffdd17;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status.submitted:hover {
  border: 1px solid #ffdd17;
  color: #ffdd17;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status.complete {
  background-color: #8cc63e;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status.complete:hover {
  border: 1px solid #8cc63e;
  color: #8cc63e;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status.not-started {
  background-color: #beccd4;
}
#user-page #wrapper #course-sec .lesson-header .lesson-status.not-started:hover {
  border: 1px solid #beccd4;
  color: #beccd4;
}
#user-page #wrapper #course-sec .lesson-header #lesson-items {
  height: 49px;
  margin-right: 7px;
}
#user-page #wrapper #course-sec .lesson-header .module-item {
  list-style: none;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 3px;
  line-height: 25px;
}
#user-page #wrapper #course-sec .lesson-header .module-item a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 20px;
  width: 20px;
}
#user-page #wrapper #course-sec .lesson-header .module-item a span {
  color: rgba(255, 255, 255, 0.7);
  margin-left: 4px;
}
#user-page #wrapper #course-sec .lesson-header .module-item a span.chs-icon-pencil {
  margin-left: 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#user-page #wrapper #course-sec .lesson-header .module-item:hover {
  background-color: #FFFFFF !important;
  border: solid 1px;
}
#user-page #wrapper #course-sec .lesson-header .module-item:hover span {
  margin-left: 3px;
}
#user-page #wrapper #course-sec .lesson-header .module-item.complete {
  background-color: #8cc63e;
}
#user-page #wrapper #course-sec .lesson-header .module-item.complete:hover {
  border-color: #8cc63e;
}
#user-page #wrapper #course-sec .lesson-header .module-item.complete:hover span {
  color: #8cc63e;
}
#user-page #wrapper #course-sec .lesson-header .module-item.rejected {
  background-color: #de5844;
}
#user-page #wrapper #course-sec .lesson-header .module-item.rejected:hover {
  border-color: #de5844;
}
#user-page #wrapper #course-sec .lesson-header .module-item.rejected:hover span {
  color: #de5844;
}
#user-page #wrapper #course-sec .lesson-header .module-item.not-started {
  background-color: #beccd4;
}
#user-page #wrapper #course-sec .lesson-header .module-item.not-started:hover {
  border-color: #beccd4;
}
#user-page #wrapper #course-sec .lesson-header .module-item.not-started:hover span {
  color: #beccd4;
}
#user-page #wrapper #course-sec .lesson-header .module-item.started {
  background-color: #fbaf3f;
}
#user-page #wrapper #course-sec .lesson-header .module-item.started:hover {
  border-color: #fbaf3f;
}
#user-page #wrapper #course-sec .lesson-header .module-item.started:hover span {
  color: #fbaf3f;
}
#user-page #wrapper #course-sec .lesson-header .module-item.submitted,
#user-page #wrapper #course-sec .lesson-header .module-item.func-correct {
  background-color: #ffdd17;
}
#user-page #wrapper #course-sec .lesson-header .module-item.submitted:hover,
#user-page #wrapper #course-sec .lesson-header .module-item.func-correct:hover {
  border-color: #ffdd17;
}
#user-page #wrapper #course-sec .lesson-header .module-item.submitted:hover span,
#user-page #wrapper #course-sec .lesson-header .module-item.func-correct:hover span {
  color: #ffdd17;
}
#user-page #wrapper #course-sec .lesson-header .module-item.func-done {
  background-color: #27a9e1;
}
#user-page #wrapper #course-sec .lesson-header .module-item.func-done:hover {
  border-color: #27a9e1;
}
#user-page #wrapper #course-sec .lesson-header .module-item.func-done:hover span {
  color: #27a9e1;
}
#user-page #wrapper #course-sec .lesson-item {
  background-color: #f4f8fc;
  padding-left: 115px;
  letter-spacing: .5px;
}
#user-page #wrapper #course-sec .lesson-item .icon {
  margin-right: 25px;
  width: 16px;
}
#user-page #wrapper #course-sec .lesson-item span:nth-of-type(2) {
  font-weight: 200;
  color: #555555;
  margin-right: 7px;
}
#user-page #wrapper #course-sec .lesson-item span:nth-of-type(3) {
  font-weight: 800;
  color: #555555;
}
#user-page #wrapper #course-sec .lesson-item:hover {
  background-color: rgba(190, 204, 212, 0.1);
}
#user-page #wrapper #course-sec .lesson-item.complete {
  color: #8cc63e;
}
#user-page #wrapper #course-sec .lesson-item.rejected {
  color: #de5844;
}
#user-page #wrapper #course-sec .lesson-item.not-started {
  color: #beccd4;
}
#user-page #wrapper #course-sec .lesson-item.started {
  color: #fbaf3f;
}
#user-page #wrapper #course-sec .lesson-item.submitted,
#user-page #wrapper #course-sec .lesson-item.func-correct {
  color: #ffdd17;
}
#user-page #wrapper #course-sec .lesson-item.func-done {
  color: #27a9e1;
}
#user-page #wrapper #course-sec .lesson-item.exercise {
  padding-left: 112px;
}
#user-page #wrapper #course-sec .lesson-item-wrapper {
  display: none;
}
#user-page #wrapper #extra-material-link {
  text-align: center;
}
#user-page #wrapper #extra-material-link a {
  margin-top: 25px;
  line-height: 36px;
  padding-left: 3em;
  padding-right: 3em;
}
#user-page #wrapper #reading-links {
  padding-left: 40px;
  padding-right: 65px;
  padding-top: 50px;
}
#user-page #wrapper #reading-links .dashboard-subtitle {
  margin-bottom: 30px;
}
#user-page #wrapper #reading-links a {
  display: inline-block;
  padding: 10px;
  background-color: #FFFFFF;
  margin-right: 20px;
}
#user-page #wrapper #reading-links a img {
  width: 175px;
  border: solid 10px #beccd4;
}
#user-page #wrapper #reading-links a:hover {
  outline: solid 2px #27a9e1;
}
#user-page #wrapper .activity-placeholder {
  height: 227px;
}
#user-page #wrapper .activity-display-container {
  padding-left: 40px;
  margin: 50px 0 0 0;
}
#user-page #wrapper .activity-display-container .dashboard-subtitle {
  margin-bottom: 15px;
}
#user-page-old {
  margin-bottom: 100px;
}
#user-page-old .user-admin-panel {
  background-color: white;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
#user-page-old .user-admin-panel .admin-item {
  padding: 4px;
  margin-right: 25px;
}
#user-page-old .manage-account {
  font-size: 24px;
  float: right;
}
#user-page-old .change-password {
  font-size: 20px;
  float: right;
  clear: both;
}
#user-page-old .title {
  margin-top: 20px;
  margin-bottom: 20px;
}
#user-page-old .title img {
  height: 72px;
  width: auto;
  max-width: 150px;
  margin-right: 10px;
}
#user-page-old .title .bio {
  font-weight: normal;
  font-size: 13px;
  font-color: #333;
}
#user-page-old .title .bio span + span::before {
  content: ' | ';
}
#user-page-old #notifications {
  margin-bottom: 20px;
  background: #FFF;
  border: 1px solid #eee;
  padding: 5px;
}
#user-page-old #notifications a {
  margin: 5px;
}
#user-page-old #notifications a:hover {
  text-decoration: none;
}
#user-page-old #notifications .exercise-title {
  font-weight: bold;
}
#user-page-old .notification {
  font-size: 13px;
  padding: 5px;
  color: #222;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ccc;
  background: #fefefe;
}
#user-page-old .notification:hover {
  background: #ddd;
}
#user-page-old .notification .byline {
  margin-top: 3px;
}
#user-page-old .notification .byline img {
  height: 25px;
  width: auto;
  margin-right: 5px;
}
#user-page-old .not-read {
  background: #eee;
  border: 1px solid #444;
}
#user-page-old .class-list {
  margin: 0;
  margin-bottom: 20px;
  background: #FFF;
  border: 1px solid #eee;
  padding: 5px;
}
#user-page-old .class-list a {
  margin: 5px;
}
#user-page-old .class-list a:hover {
  text-decoration: none;
}
#user-page-old .class {
  list-style-type: none;
  display: block;
  margin-top: 5px;
}
.badge-display {
  overflow: hidden;
  background-color: white;
  padding: 10px;
  border: 1px solid #f3e7e7;
  margin-bottom: 15px;
}
.program-display {
  overflow: hidden;
  background-color: white;
  padding: 10px;
  border: 1px solid #f3e7e7;
  margin-bottom: 15px;
  width: 400px;
}
#badge-container {
  padding-bottom: 40px;
}
#badge-container .badge-page {
  background: white;
  padding: 0px 0px 20px 0px;
  border: 1px solid #ccc;
  margin-top: 40px;
}
#badge-container .badge-page .incomplete {
  opacity: 0.4;
}
#badge-container .badge-page .content-list {
  margin: 20px 20px 0px 20px;
}
#badge-container .badge-page .content-list .item {
  margin-right: 0px;
}
#badge-container .badge-page p {
  font-size: 17px;
  line-height: 24px;
}
#badge-container .badge-page .badge-img {
  width: 80%;
}
#badge-container .badge-page .share {
  margin-right: 10px;
  text-decoration: none;
}
#badge-container .badge-page .share:hover {
  opacity: 0.7;
  text-decoration: none;
}
#user-admin-page {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#user-admin-page .user-note-author {
  float: left;
}
#user-admin-page .user-note-content {
  float: left;
}
#user-admin-page .user-note-created {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
#user-admin-page .user-note {
  overflow: hidden;
}
#user-admin-page .user-note img {
  width: 35px;
}
#user-admin-page .user-notes {
  margin: 20px 20px 0px 0px;
}
#user-admin-page #left-sidebar {
  position: fixed;
  border-right: 1px solid #ccc;
}
#user-admin-page #left-sidebar #nav .nav a {
  padding: 0px;
}
#user-admin-page #left-sidebar #nav .nav .nav-header {
  text-transform: uppercase;
  font-weight: 500;
  margin: 4px 0px 4px 0px;
  color: #555555;
}
#user-admin-page #old-userpage-links li {
  list-style: none;
}
#user-page-sidenav {
  min-height: 100%;
  padding-top: 20px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#user-page-sidenav #syllabus-links .icon {
  margin-left: 10px;
}
#user-page-sidenav #syllabus-links .no-due-items {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: italic;
}
#user-page-sidenav #syllabus-links .due-date {
  color: #FFFFFF;
  font-size: 12px;
}
#user-page-sidenav #syllabus-links hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
#user-page-sidenav #syllabus-links li {
  height: 30px;
}
#user-page-sidenav #syllabus-links li a {
  display: inline-block;
  width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#user-page-sidenav #course-links li {
  height: 30px;
}
#user-page-sidenav #course-links li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 140px;
}
#video-page .slides {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 30px;
}
#video-page .description {
  margin-bottom: 30px;
}
#video-page .wrap {
  margin: 20px 0px 20px 0px;
  background: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#video-page .video-next {
  position: absolute;
  top: 10px;
  right: 80px;
}
#video-page #video-player {
  margin-top: 20px;
  margin-bottom: 50px;
}
#video-page .video-info {
  width: 220px;
}
#video-page .vide-next-button {
  font-size: 29px;
  font-weight: bold;
  padding: 10px 25px;
}
.leader.me {
  background-color: #d4e7e9;
  border: 1px dashed #ccc;
}
.leader {
  overflow: hidden;
  padding: 7px 4px;
  background-color: white;
  margin: 9px 0px;
}
.leader .count {
  float: left;
  font-size: 21px;
  padding: 10px;
  width: 33px;
  font-weight: bold;
}
.leader .name {
  font-size: 19px;
  padding: 6px;
  margin-top: 2px;
  margin-left: 10px;
  display: inline-block;
}
.leader .name a {
  color: black;
}
.leader .points {
  float: right;
  font-size: 17px;
  margin-top: 9px;
  margin-right: 4px;
  font-style: italic;
}
.leader .img {
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: inline-block;
  float: left;
  margin-right: 4px;
}
.leader .img img {
  width: 35px;
  float: left;
  margin-right: 5px;
}
.leaderboard {
  width: 400px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 20px;
}
.ldb {
  margin-bottom: 25px;
}
.credits-for-helping {
  width: 700px;
  margin: auto;
  margin-top: 50px;
}
.action-wrap {
  width: 360px;
  margin: auto;
  padding: 38px;
  margin-top: 15px;
}
/* For the buy credits page */
.buy-credits-container {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 670px;
  margin: auto;
}
.buy-credits-container .note {
  color: #555;
  margin-top: 20px;
}
.buy-credits-container .num-credits {
  text-align: center;
  font-size: 25px;
  line-height: 40px;
  padding: 10px;
  background-color: white;
  margin-top: 22px;
  margin-bottom: 20px;
  margin-left: 50px;
}
.buy-credits-container .num-credits .text .credits {
  display: inline-block;
  width: 170px;
}
.buy-credits-container .num-credits .text .price {
  display: inline-block;
  width: 145px;
}
.buy-credits-container .num-credits input {
  text-align: center;
}
.buy-credits-container .num-credits .wrap {
  min-width: 498px;
  padding-bottom: 10px;
}
.buy-credits-container .num-credits .wrap hr {
  width: 80%;
}
.buy-credits-container .num-credits .wrap h4 {
  color: #555555;
  line-height: 24px;
}
.earn-credits {
  margin-top: 40px;
  width: 600px;
  margin-left: auto;
  background-color: white;
  display: block;
  padding: 40px 20px;
  margin-right: auto;
}
.earn-credits h2 {
  font-size: 18px;
  color: #757575;
  font-weight: normal;
}
.earn-credits .view-report {
  margin-top: 27px;
}
.earn-credits .view-report a {
  color: #aaa;
}
.earn-credits .first {
  margin-top: 14px;
}
.earn-credits a.option-link {
  text-decoration: none;
  display: block;
  border-bottom: 1px solid rgba(180, 203, 221, 0.41);
}
.earn-credits a.option-link .credits-option {
  cursor: pointer;
  padding: 22px 30px;
  min-height: 55px;
}
.earn-credits a.option-link .credits-option img {
  width: 41px;
  float: left;
  margin-right: 14px;
  margin-top: 2px;
}
.earn-credits a.option-link .credits-option:hover {
  background-color: #f4faff;
}
.earn-credits a.option-link .credits-option .text {
  float: left;
}
.earn-credits a.option-link .credits-option .title {
  font-size: 23px;
  font-weight: bold;
}
.earn-credits a.option-link .credits-option .description {
  color: #999;
  margin-top: 6px;
  width: 415px;
}
.activity-display {
  position: relative;
  background: white;
  padding: 0;
}
.activity-display .activity-box,
.activity-display .weekday,
.activity-display .month {
  position: absolute;
  font-size: 70%;
  color: gray;
}
.activity-placeholder {
  height: 200px;
}
.activity-placeholder i,
.activity-placeholder .karel-spin {
  font-size: 200%;
  margin: 100px 50%;
}
.legend .legend-box {
  display: inline-block;
}
.legend .legend-label {
  font-size: 70%;
  color: gray;
}
.notifications-page-container {
  background-color: #f4f8fc;
  margin: 0px;
  width: 100%;
}
#notifications-page {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  margin-bottom: 100px;
}
#notifications-page #title {
  color: #555555;
  font-weight: 200;
  font-size: 22px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
#notifications-page #notifications-container {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
#notifications-page #notifications-container #notifications-container-header {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #28384a;
  border: 1px solid;
  border-radius: 3px;
}
#notifications-page #notifications-container #notifications-container-header #type-options {
  margin-left: 40px;
  height: 100%;
}
#notifications-page #notifications-container #notifications-container-header #type-options div {
  height: 100%;
  vertical-align: middle;
  line-height: 70px;
  display: inline-block;
}
#notifications-page #notifications-container #notifications-container-header #type-options .circle-break {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-top: 3px;
  margin-left: 10px;
  margin-right: 10px;
  width: 5px;
  height: 5px;
  background-color: #27a9e1;
}
#notifications-page #notifications-container #notifications-container-header #type-options .label {
  font-weight: 200;
  height: 100%;
  vertical-align: none;
}
#notifications-page #notifications-container #notifications-container-header #type-options .label a {
  font-size: 12px;
  color: #95a5ac;
  text-decoration: none;
}
#notifications-page #notifications-container #notifications-container-header #type-options .label .label-link:hover {
  color: white;
}
#notifications-page #notifications-container #notifications-container-header #type-options .label #triangle {
  display: block;
  width: 0px;
  height: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -14px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
#notifications-page #notifications-container #notifications-container-header #type-options .active-label {
  font-weight: 200;
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 0px;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 20px;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #pagination-count-container {
  display: inline-block;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #pagination-count-container #current-index {
  font-size: 13px;
  color: #95a5ac;
  line-height: 70px;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #pagination-count-container #total-count {
  line-height: 70px;
  font-size: 12px;
  color: #95a5ac;
  font-weight: 200;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container {
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container .arrow {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #95a5ac;
  display: inline-block;
  text-align: center;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container .arrow:hover {
  background-color: white;
  color: #28384a;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container .arrow a {
  display: table-cell;
  width: 20px;
  color: #95a5ac;
  font-size: 12px;
  text-decoration: none;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container .arrow a i {
  margin-top: 3px;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container #back-arrow {
  margin-left: 5px;
  margin-right: 5px;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container #next-arrow {
  margin-right: 5px;
}
#notifications-page #notifications-container #notifications-container-header #pagination-container #button-container .empty-space {
  display: inline-block;
  width: 20px;
  height: 20px;
}
#notifications-page #notifications-container .notification-link {
  text-decoration: none;
}
#notifications-page #notifications-container .notification {
  width: 100%;
  height: 120px;
  padding: 30px 40px 30px 40px;
  background-color: rgba(190, 204, 212, 0.25);
  border-bottom: 1px solid #ffffff;
  display: flex;
  justify-content: space-between;
}
#notifications-page #notifications-container .notification .exercise-title {
  font-weight: 600;
  color: #27a9e1;
  font-size: 14px;
}
#notifications-page #notifications-container .notification .info-container {
  width: 60%;
}
#notifications-page #notifications-container .notification .info-container .notification-message {
  font-weight: regular;
  margin-top: 10px;
  color: #95a5ac;
  font-size: 12px;
}
#notifications-page #notifications-container .notification .by-container {
  display: block;
}
#notifications-page #notifications-container .notification .by-container .image-container {
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: 0px;
}
#notifications-page #notifications-container .notification .by-container .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  max-width: 100%;
  max-height: 100%;
}
#notifications-page #notifications-container .notification .by-container .datetime {
  font-size: 12px;
  color: #555555;
}
#notifications-page #notifications-container .read-notification {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(190, 204, 212, 0.25);
}
#notifications-page #notifications-container .read-notification .exercise-title {
  color: #555555;
}
#messages-page {
  background-color: #fff;
}
#messages-page #messages {
  list-style: none;
  padding: 10px;
  background-color: #fff;
}
#messages-page #message {
  margin: 1em 0;
  width: 650px;
  height: 100%;
}
#messages-page #message #content,
#messages-page #message a #content {
  background-color: #eeeeee;
  border-width: 4px;
  border-right-style: solid;
  min-height: 100px;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 2px 2px 0px #d6d6d6;
  -moz-box-shadow: 2px 2px 0px #d6d6d6;
  box-shadow: 2px 2px 0px #d6d6d6;
}
#messages-page #message #content #message-body,
#messages-page #message a #content #message-body {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  display: block;
  margin-bottom: 0;
  -webkit-margin-after: 1em;
  -moz-margin-after: 1em;
  color: #333333;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#messages-page #message #content #type-detail,
#messages-page #message a #content #type-detail {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 4px;
}
#messages-page #message #content #view-thread-link,
#messages-page #message a #content #view-thread-link {
  color: #999999;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 4px;
}
#messages-page #message #content:hover,
#messages-page #message a #content:hover {
  background-color: #E6E6E6;
  cursor: pointer;
}
#messages-page #message #details {
  background-color: #eeeeee;
  height: 100px;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 2px 2px 0px #d6d6d6;
  -moz-box-shadow: 2px 2px 0px #d6d6d6;
  box-shadow: 2px 2px 0px #d6d6d6;
}
#messages-page #message #details #timestamp {
  position: absolute;
  bottom: 0;
}
#messages-page #message #details .subtle-highlight {
  background-color: #d6d6d6;
  padding-right: 2px;
  padding-left: 2px;
}
#messages-page #message #details .subtle-highlight2 {
  border-width: 2px;
  border-bottom-style: solid;
  border-color: #d6d6d6;
}
#messages-page #message #details .message-sender {
  color: inherit;
}
#messages-page #no-messages {
  padding: 10px;
  width: 650px;
  height: 100%;
  background-color: #fff;
}
#sidebar {
  padding: 8px 0;
}
#sidebar .heading-nav {
  cursor: pointer;
}
#sidebar .heading-nav a {
  padding: 6px 15px;
}
#sidebar .inner-nav {
  cursor: pointer;
  text-indent: 25px;
}
#sidebar .inner-nav a {
  padding: 6px 15px;
}
.tutor {
  border-color: #1b9ee0;
}
.tutor .tutor-label {
  color: #1b9ee0;
}
.teacher {
  border-color: #e0a51b;
}
.teacher .teacher-label {
  color: #e0a51b;
}
.own {
  border-color: #5ecc5e;
}
.own .own-label {
  color: #5ecc5e;
}
.peer {
  border-color: #e371e3;
}
.peer .peer-label {
  color: #e371e3;
}
#program-voting-page {
  background-color: #fff;
  margin: 0 auto;
}
#program-voting-page .title {
  text-align: center;
  padding: 10px;
}
#program-voting-page .program-voting-description {
  text-align: center;
  width: 400px;
  margin: 0 auto;
}
#program-voting-page .program-voting-list {
  width: 420px;
  list-style: none;
  margin: 0;
}
#program-voting-page .program-voting-list .program {
  margin: 0;
  height: 115px;
  border-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C2C2C2;
}
#program-voting-page .program-voting-list .program .voting-details {
  padding: 10px;
  float: left;
}
#program-voting-page .program-voting-list .program .voting-details .vote-count {
  padding: 10px;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#program-voting-page .program-voting-list .program .voting-details .vote-container {
  margin-top: 2px;
}
#program-voting-page .program-voting-list .program .voting-details .upvoteButton {
  width: 100%;
}
#program-voting-page .program-voting-list .program .author-details {
  width: 150px;
  height: 100px;
  padding: 10px;
  position: relative;
  float: left;
  margin-left: 10px;
}
#program-voting-page .program-voting-list .program .author-details .program-name a {
  font-size: 14px;
}
#program-voting-page .program-voting-list .program .author-details .program-author a {
  color: inherit;
}
#program-voting-page .program-voting-list .program .author-details .removeProgramImage {
  cursor: pointer;
}
#program-voting-page .program-voting-list .program .author-details .addProgramImage {
  cursor: pointer;
}
#program-voting-page .program-voting-list .program .author-details .hidden-switch {
  position: absolute;
  width: 100px;
  float: right;
  bottom: 0px;
  right: 0px;
}
#program-voting-page .program-voting-list .program .program-img-container {
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
#program-voting-page .programs-recent-list {
  border-left: 1px solid #C2C2C2;
  margin-left: 50px;
}
#program-voting-page .programs-recent-list .title {
  padding-top: 13px;
}
#program-voting-page .programs-recent-list .program .author-details .program-name a {
  color: grey;
}
#editor-bottombar-nav {
  background: white;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 10000;
  /* Square mixin for items and navigator arrows. */
  /* Module Dropdown */
  /* Forward/backward scoll buttons */
  /* Module items */
  /* Item status classes. */
}
#editor-bottombar-nav div,
#editor-bottombar-nav span {
  float: left;
}
#editor-bottombar-nav .dropdown {
  font-size: 12px;
  white-space: nowrap;
  width: 150px;
  /* Make dropdown drop "up". */
}
#editor-bottombar-nav .dropdown.open > .dropdown-menu {
  bottom: 100%;
  top: inherit;
  height: auto;
  max-height: 500px;
  overflow-x: hidden;
}
#editor-bottombar-nav .dropdown .active-module {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 150px;
}
#editor-bottombar-nav .dropdown img {
  height: 30px;
  width: 30px;
}
#editor-bottombar-nav .wrapper {
  /* Only hide the x-direction to show the arrows. The y direction
     * must be unhidden so we can see tooltips. */
  overflow-x: hidden;
  white-space: nowrap;
  /* Set width so that there is just enough room for the forward and back
     * arrows. As a fallback, give it a percentage width. */
  width: 88%;
  width: -webkit-calc(100% - 220px);
  width: -moz-calc(100% - 220px);
  width: calc(100% - 220px);
}
#editor-bottombar-nav #forward,
#editor-bottombar-nav #backward {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  padding: 3px;
  width: 35px;
  padding: 7px 0 0 10px;
}
#editor-bottombar-nav #forward:hover,
#editor-bottombar-nav #backward:hover {
  background: lightblue;
}
#editor-bottombar-nav .module > a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  padding: 3px;
  width: 35px;
  float: left;
  text-align: center;
}
#editor-bottombar-nav .module > a:not(:last-child) {
  border-right: 1px solid black;
}
#editor-bottombar-nav .module > a.current {
  border: 4px solid black;
}
#editor-bottombar-nav .module > a.current:hover {
  background-color: black;
}
#editor-bottombar-nav .module > a.current i {
  margin-top: 2px !important;
}
#editor-bottombar-nav .module > a i {
  display: block !important;
  font-size: 120%;
  margin-top: 6px !important;
}
#editor-bottombar-nav .module:not(.active) {
  display: none;
}
#editor-bottombar-nav .complete {
  background-color: #75bb75;
  color: #326532;
}
#editor-bottombar-nav .complete:hover {
  background-color: #cae5ca;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
#editor-bottombar-nav .func-done {
  background-color: #5b83b6;
  color: #253953;
}
#editor-bottombar-nav .func-done:hover {
  background-color: #b3c6dd;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
#editor-bottombar-nav .func-correct {
  background-color: #dbdb75;
  color: #919126;
}
#editor-bottombar-nav .func-correct:hover {
  background-color: #f5f5da;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
#editor-bottombar-nav .rejected {
  background-color: #d59392;
  color: #953b39;
}
#editor-bottombar-nav .rejected:hover {
  background-color: #f8eeee;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
#editor-bottombar-nav .started {
  background-color: #d1bf87;
  color: #8a7535;
}
#editor-bottombar-nav .started:hover {
  background-color: #f4f0e3;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
#editor-bottombar-nav .not-started {
  background-color: #dddddd;
  color: #919191;
}
#editor-bottombar-nav .not-started:hover {
  background-color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
#editor-bottombar-nav .submitted {
  background-color: #dbdb75;
  color: #919126;
}
#editor-bottombar-nav .submitted:hover {
  background-color: #f5f5da;
  cursor: pointer;
  text-decoration: none;
  -moz-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -webkit-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}
#tutorapp-stages-container {
  margin: 0 auto;
  width: 600px;
  background-color: #fff;
  padding: 10px;
}
#tutorapp-stages-container .tutorapp-stage {
  width: auto;
  height: 80px;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  background-color: #969696;
  -webkit-box-shadow: 2px 2px 0px #d6d6d6;
  -moz-box-shadow: 2px 2px 0px #d6d6d6;
  box-shadow: 2px 2px 0px #d6d6d6;
}
#tutorapp-stages-container .tutorapp-stage .titling {
  display: inline-block;
  padding-left: 10px;
}
#tutorapp-stages-container .tutorapp-stage .titling .title {
  margin: 0px;
  line-height: 0px;
}
#tutorapp-stages-container .tutorapp-stage .titling .description {
  padding-top: 20px;
  padding-left: 15px;
  font-size: 14px;
}
#tutorapp-stages-container .tutorapp-stage .numbering {
  height: 80px;
  width: 50px;
  background-color: #C9C9C9;
  color: #7E7E7E;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 80px;
  display: inline-block;
}
#tutorapp-stages-container .tutorapp-stage .learn-more {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 5px;
  padding-top: 5px;
}
#tutorapp-stages-container .tutorapp-stage .learn-more a {
  padding: 3px;
  color: #000;
}
#tutorapp-stages-container .tutorapp-stage .learn-more a:hover {
  background-color: rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
#tutorapp-stages-container .tutorapp-stage .status {
  bottom: 0;
  right: 0;
  position: absolute;
  padding-right: 5px;
}
#tutorapp-stages-container .tutorapp-stage .admin-menu {
  float: right;
  position: absolute;
  right: -70px;
  top: 0px;
  width: 70px;
  height: 70px;
  padding-top: 10px;
  background-color: #333;
}
#tutorapp-stages-container .tutorapp-stage .admin-menu .status_selection {
  padding-top: 10px;
}
#tutorapp-stages-container .tutorapp-stage:hover {
  opacity: 0.8;
  cursor: pointer;
}
#tutorapp-stages-container .stage-not-started {
  background-color: #969696;
}
#tutorapp-stages-container .stage-started {
  background-color: #3aa4c7;
}
#tutorapp-stages-container .stage-completed {
  background-color: #63ad72;
}
#tutorapp-stages-container .stage-rejected {
  background-color: #b33939;
}
.stage-cell-completed {
  background-color: #63ad72;
}
.stage-cell-started {
  background-color: #3aa4c7;
}
.stage-cell-rejected {
  background-color: #b33939;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background: inherit;
}
.admin-tutor-page {
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px;
  background-color: white;
}
table.app-filters td {
  width: 100px;
  padding: 10px;
}
.tutor-field {
  font-size: 18px;
  font-weight: bold;
  margin: 12px 0;
}
.tutor-response {
  padding: 10px;
}
td.small a {
  font-size: 10px;
  display: block;
  line-height: 12px;
}
td.small {
  padding: 4px;
}
th.stage {
  width: 50px;
  padding: 0 3px;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  padding-bottom: 6px;
}
td.updated {
  font-size: 10px;
  color: #aaa;
  width: 55px;
  line-height: 11px;
}
th.tutor {
  width: 30px;
}
th.links {
  width: 55px;
}
th.plan {
  width: 55px;
}
td.plan {
  font-size: 11px;
}
th.name {
  width: 140px;
}
.stage-info-container {
  padding-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  margin: 0 auto;
  width: 600px;
  background-color: #fff;
}
#not_enrolled {
  position: absolute;
  height: 100%;
  width: 100%;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  background-color: #f4f8fc;
  color: white;
  text-align: center;
}
#not_enrolled .box {
  margin-top: 250px;
  width: 720px;
  height: 240px;
  margin: 150px auto 0;
  border-radius: 3px;
  background-color: #27a9e1;
}
#not_enrolled .heading {
  padding: 72px 0 18px;
}
#tutor-stage-overview {
  margin: 0 auto;
  width: 650px;
  background-color: white;
  padding: 20px;
}
.all-modules-container {
  width: 760px;
  margin: 0 auto;
}
.all-modules-container .single-module-container {
  background-color: white;
  padding: 10px;
  margin-bottom: 20px;
}
#video-view {
  width: 100%;
  position: fixed;
  bottom: 35px;
  top: 60px;
  display: inline-block;
}
#video-view .video-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/videobg2.jpg?4cf55d424ee1') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#video-view .video-overlay a:hover {
  text-decoration: none;
}
#video-view .video-overlay #pre-video-container {
  display: table;
}
#video-view .video-overlay #pre-video-content {
  display: table;
  margin: auto;
}
#video-view .video-overlay #pre-video-content-container {
  display: table;
  width: 100%;
  height: 100%;
}
#video-view .video-overlay #pre-video-content-wrapper {
  display: table-cell;
  vertical-align: middle;
}
#video-view .video-overlay #pre-video-content #play-btn-container {
  display: table-cell;
  vertical-align: middle;
}
#video-view .video-overlay #pre-video-content .play-button {
  margin: 0 25px 0 auto;
}
#video-view .video-overlay #pre-video-content .play-button:hover {
  cursor: pointer;
  opacity: .5;
}
#video-view .video-overlay #pre-video-content #video-info {
  max-width: 500px;
  display: table-cell;
  color: #FFFFFF;
  text-align: left;
  padding-left: 25px;
  vertical-align: middle;
}
#video-view .video-overlay #pre-video-content #video-info #video-title {
  font-size: 26px;
}
#video-view .video-overlay #pre-video-content #video-info #video-description {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 200;
  margin-top: 5px;
}
#video-view .video-overlay #pre-video-content #video-info #video-types {
  margin-top: 30px;
}
#video-view .video-overlay #pre-video-content #video-info #video-types .btn-main-transparent {
  height: 42px;
  padding-left: 18px;
  padding-right: 18px;
  border-color: #95a5ac;
  color: #95a5ac;
  text-transform: none;
  margin-right: 5px;
  border-width: 2px;
}
#video-view .video-overlay #pre-video-content #video-info #video-types .btn-main-transparent.selected {
  color: #27a9e1;
  border-color: #27a9e1;
}
#video-view .video-overlay #post-video-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-82px);
  -ms-transform: translateY(-82px);
  transform: translateY(-82px);
}
#video-view .video-overlay #replay-button,
#video-view .video-overlay #done-button {
  display: inline-block;
}
#video-view .video-overlay #replay-button:hover,
#video-view .video-overlay #done-button:hover {
  opacity: .5;
}
#video-view .video-overlay #replay-button {
  margin-right: 25px;
}
#video-view .video-overlay #done-button {
  margin-left: 25px;
}
#video-view .video-overlay #loading-div {
  display: none;
  height: 165px;
}
#video-view .video-overlay #loading-div .icon-spinner {
  font-size: 48px;
  margin-top: 55px;
  color: #FFFFFF;
}
#video-view .video-overlay .btn-outline {
  width: 125px;
  height: 125px;
  border: 4px solid #FFFFFF;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  margin-bottom: 20px;
}
#video-view .video-overlay .btn-outline .icon {
  font-size: 70px;
  color: #FFFFFF;
  line-height: 117px;
  margin-left: 15px;
}
#video-view .video-overlay .btn-text {
  color: #FFFFFF;
  text-transform: uppercase;
}
#glossary {
  max-width: 1170px;
  margin: auto;
}
#glossary .terms {
  border-top: 1px solid #ccc;
}
#glossary .term {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#glossary #wmd-input {
  width: 100%;
}
#glossary .col-xs-8 {
  padding: 10px;
}
#glossary #id_short_definition {
  width: 100%;
}
.quiz-wrap {
  background-color: white;
  padding: 20px;
  margin-bottom: 45px;
}
.question-answers table {
  margin-top: 15px;
  margin-bottom: 10px;
  width: 500px;
}
.question-answers table tr.correct {
  background-color: rgba(140, 198, 62, 0.25);
}
.question-answers table tr.incorrect {
  background-color: rgba(222, 88, 68, 0.25);
}
.question-answers table td.answer {
  font-family: Monaco, Monospace;
}
.question-answers table td.gradingquiz-answer {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px;
  font-size: 13px;
}
.question-text,
#question-preview {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  font-size: 18px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 500px;
}
#question-preview {
  float: right;
}
#quiz-info {
  position: fixed;
  right: 19px;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}
.quiz-completed {
  background-color: rgba(140, 198, 62, 0.25);
}
.curriculum {
  background: white;
  padding-bottom: 50px;
}
.curriculum p {
  margin: 0px 0px 4px 0px;
}
.curriculum .topic {
  border-bottom: 1px solid #ddd;
}
.curriculum .topic h2 {
  margin-bottom: 0px;
}
.curriculum .topic .standard {
  margin-left: 50px;
}
.curriculum .topic .standard .todo {
  margin: 0px 15px 10px 0px;
}
.curriculum .topic .standard .section-icons {
  height: 25px;
}
#jobs-header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/about/goldengate.jpg?e85cbfc3f786') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#jobs-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#jobs-wrapper #view-button {
  border: 1px solid #FFFFFF;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
#jobs-wrapper #view-button:hover {
  opacity: .7;
}
#jobs-wrapper .team-image-panel {
  width: 100%;
}
#jobs-wrapper .team-image-panel .img-strip {
  width: 100%;
  min-height: 120px;
}
#jobs-wrapper #tagline-panel {
  padding: 50px;
  text-align: center;
}
#jobs-wrapper #tagline-panel #tagline-panel-row {
  max-width: 1200px;
  margin: 0 auto;
}
#jobs-wrapper #tagline-panel #jobs-tagline-title {
  font-size: 16pt;
  text-align: center;
}
#jobs-wrapper #tagline-panel #jobs-tagline {
  font-size: 10pt;
  color: #CCCCCC;
  text-align: left;
  margin-left: 0 auto;
  margin-right: 0 auto;
}
#jobs-wrapper #culture-panel {
  padding: 50px;
  background-color: #28384a;
}
#jobs-wrapper #culture-panel #culture-panel-title {
  text-align: center;
  color: #FFFFFF;
  font-size: 16pt;
}
#jobs-wrapper #culture-panel .grey-dash-spacer {
  margin: 0px;
}
#jobs-wrapper #culture-panel #culture-panel-content {
  font-size: 10pt;
}
#jobs-wrapper #apply-panel {
  padding: 50px;
}
#jobs-wrapper #apply-panel #apply-title {
  text-align: center;
  font-size: 16pt;
}
#jobs-wrapper #apply-panel #apply-tagline {
  font-size: 10pt;
  color: #CCCCCC;
  text-align: left;
}
#jobs-wrapper #apply-panel #apply-tagline p {
  text-align: center;
}
#jobs-wrapper #apply-panel #apply-button {
  background-color: #27a9e1;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.25em 3.25em;
}
#jobs-wrapper #apply-panel #apply-button:hover {
  background-color: #2499cc;
}
.success-dash {
  /* This lets us define a css circle.
	 * With the status classes below we
	 * set the color of the circle. */
}
.success-dash .circle {
  margin: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.success-dash .green {
  background: #75bb75;
}
.success-dash .red {
  background: #d59392;
}
.success-dash .yellow {
  background: #dfdf65;
}
.success-dash .gray {
  background: #ccc;
}
.success-dash input[type=text] {
  margin-bottom: 0;
}
.left-border {
  border-left: 1px solid #ccc;
}
.right-border {
  border-right: 1px solid #ccc;
}
.member-class {
  margin-left: 20px;
}
.wrap-option {
  border: 1px solid black;
  padding: 10px;
  width: 40px;
  overflow: hidden;
}
.add-note-form {
  margin: auto;
  padding: 10px;
  margin-bottom: 23px;
  background-color: #EEE;
  border: 1px solid #d9d2d2;
}
.deal-details {
  width: 25%;
  border-right: 1px solid black;
  margin-right: 30px;
  margin-left: 20px;
}
.deal-main {
  width: 68%;
}
.right-spacer {
  margin-right: 20px;
}
#item-editor #video-editor #description {
  width: 650px;
  height: 150px;
}
#item-editor #video-editor #slides {
  width: 650px;
}
#item-editor .code-editor {
  width: 100%;
  height: 250px;
}
#item-editor #exercise-editor #wmd-preview {
  width: 100%;
}
#item-editor #exercise-editor .btn-group {
  margin-left: 1px;
}
#item-editor #exercise-editor .btn {
  padding: 3px 8px;
}
#item-editor #exercise-editor #wmd-button-row {
  margin-bottom: 3px;
}
#item-editor #exercise-editor .wmd-input {
  width: 100%;
  height: 200px;
}
#item-editor #exercise-editor img {
  width: 80%;
}
#editor_header,
#editor_footer {
  text-align: center;
}
#syllabus-page {
  position: relative;
  padding-left: 200px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#syllabus-page body {
  height: 100%;
}
#syllabus-page .alert {
  width: 100%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
#syllabus-page #class-sidenav {
  min-height: 0px;
  height: 95%;
}
#syllabus-page #wrapper {
  padding-left: 55px;
}
#syllabus-page #syllabus {
  padding-bottom: 50px;
}
#syllabus-page .syllabus-container {
  margin: 0px;
  padding: 0px;
  height: 95%;
  position: relative;
}
#syllabus-page .syllabus-container #syllabus {
  padding-right: 100px;
  margin: auto;
  position: relative;
  padding-left: 120px;
  height: 100%;
  overflow-y: visible;
}
#syllabus-page .row {
  margin-left: 35px;
  margin-right: 0;
}
#syllabus-page table {
  width: 95%;
}
#syllabus-page #syllabus {
  font-size: 11pt;
}
#syllabus-page table {
  margin-top: 10px;
  margin-bottom: 10px;
}
#syllabus-page table.border tr th,
#syllabus-page table.border tr td {
  border: 1px solid black;
  padding: 10px;
  vertical-align: top;
}
#syllabus-page table.bold tr td {
  font-weight: bold;
}
#syllabus-page table.border tr th {
  background-color: #E0E0E0;
}
#syllabus-page .list-with-sort-container {
  width: 45%;
  overflow: scroll;
  border: 1px solid #999;
  border-radius: 5px;
  padding: 5px;
  font-size: 14pt;
}
#syllabus-page .list-with-sort {
  font-size: 14pt;
  list-style-type: none;
  width: 70%;
}
#syllabus-page .list-with-sort li {
  font-size: 12pt;
  margin-bottom: 3px;
  padding: 3px;
}
#syllabus-page #num-days-text {
  width: 40px;
}
#syllabus-page .sortable-item {
  cursor: move;
  border-radius: 5px;
}
#syllabus-page .sortable-item:hover {
  font-weight: bold;
}
#syllabus-page .module-image {
  max-width: 100px;
  max-height: 100px;
}
#syllabus-page .module-row {
  cursor: pointer;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
#syllabus-page .module-row:hover {
  background-color: #E0E0FF;
}
#syllabus-page .module-row td {
  font-size: 20pt;
  padding: 10px;
}
#syllabus-page .delete-column {
  width: 20px;
}
#syllabus-page #day-checkboxes input[type='checkbox'] {
  margin-right: 3px;
  margin-left: 5px;
}
#syllabus-page #day-checkboxes label {
  display: inline;
  font-weight: normal;
}
#syllabus-page #calendar-view table,
#syllabus-page #use-template-content table {
  table-layout: fixed;
  width: 475px;
  margin-left: auto;
  margin-right: auto;
}
#syllabus-page #calendar-view .faded {
  color: #B0C0C0;
}
#syllabus-page #calendar-view .clickable-day {
  cursor: pointer;
}
#syllabus-page #calendar-view .clickable-day:hover {
  font-weight: bold;
}
#syllabus-page #calendar-view .clickable-day-selected {
  background-color: #C0C0F0;
}
#syllabus-page a {
  cursor: pointer;
}
#syllabus-page table.top-align tr td {
  vertical-align: top;
}
#syllabus-page .use-template-left {
  width: 100px;
}
#syllabus-page #calendar-range {
  padding: 5px;
  border: 1px solid #CCC;
  cursor: pointer;
}
#syllabus-page .divider-label {
  padding: 5px;
  border: 1px dashed #CCC;
}
#syllabus-page .hover-message {
  font-weight: normal;
  font-size: 10pt;
  margin-left: 20px;
}
#syllabus-page #insert-hover-message,
#syllabus-page #insert-hover-left-arrow {
  position: absolute;
}
#syllabus-page #insert-hover-message b,
#syllabus-page #insert-hover-left-arrow b {
  font-size: 20pt;
}
#syllabus-page table.teacher-syllabi {
  width: auto;
}
#syllabus-page table.teacher-syllabi tr td,
#syllabus-page th {
  padding: 5px;
}
#syllabus-page .syllabus-item {
  cursor: pointer;
}
#syllabus-page .select-container {
  padding-right: 10px;
}
#syllabus-page #progress-container {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
#syllabus-page #progress-chart {
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#syllabus-page #progress-table {
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
  width: 800px;
}
#syllabus-page #progress-table th {
  text-align: center;
}
#syllabus-page .syllabus-chart .line-graph {
  font: 10px sans-serif;
}
#syllabus-page .syllabus-chart .axis path,
#syllabus-page .syllabus-chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
#syllabus-page .syllabus-chart .x.axis path {
  display: none;
}
#syllabus-page .syllabus-chart .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
#syllabus-page .syllabus-chart .student {
  cursor: pointer;
}
#syllabus-page .student-row {
  cursor: pointer;
}
#syllabus-page .syllabus-chart .bar {
  fill: steelblue;
}
#syllabus-page .sort {
  cursor: pointer;
}
#syllabus-page .sort .icon-caret-down,
#syllabus-page .sort .icon-caret-up {
  display: none;
  font-size: 12pt;
}
#syllabus-page .sort.asc .icon-caret-down {
  display: inline;
}
#syllabus-page .sort.asc .icon-caret-up {
  display: none;
}
#syllabus-page .sort.asc .blank {
  display: none;
}
#syllabus-page .sort.desc .icon-caret-down {
  display: none;
}
#syllabus-page .sort.desc .icon-caret-up {
  display: inline;
}
#syllabus-page .sort.desc .blank {
  display: none;
}
#syllabus-page #first-day {
  display: none;
}
#syllabus-page .teacher-syllabus-table tr td {
  padding: 5px;
}
#syllabus-page #progress-page {
  width: 800px;
}
#syllabus-page #progress-page #progress-table-container {
  height: 300px;
  overflow: scroll;
  border-radius: 5px;
  border: 1px solid gray;
  margin-bottom: 50px;
  background-color: #fcfdff;
}
#syllabus-page #progress-page #progress-graph-container {
  border-radius: 5px;
  border: 1px solid gray;
  background-color: #fcfdff;
}
#syllabus-page #progress-page #progress-chart .nv-lineChart circle.nv-point {
  fill-opacity: 1;
}
#syllabus-page #add-page {
  width: 500px;
  padding-top: 35px;
}
#syllabus-page #add-page #template-container {
  display: none;
  margin-top: 10px;
}
#syllabus-page #add-page #day-picker {
  display: none;
  margin-top: 10px;
}
#syllabus-page #add-page #day-picker input[type='checkbox'] {
  margin-right: 3px;
  margin-left: 5px;
}
#syllabus-page #add-page #day-picker label {
  display: inline;
  font-weight: normal;
}
#syllabus-page #add-page #day-picker #date-range {
  margin-top: 15px;
}
#syllabus-page #add-page #day-picker #date-range input[type='text'] {
  display: inline;
  width: 100px;
  margin-right: 10px;
}
#syllabus-page #add-page #create-button {
  display: none;
  margin-top: 15px;
}
#syllabus-page #syllabus-progress-datepicker {
  display: inline-block;
  width: 185px;
}
/* CSS FOR COURSE PAGE.

The course page is the page with the listing of modules in
a single course.

*/
/* END COURSE PAGE CSS */
table.top tr th,
table.top tr td {
  vertical-align: top;
}
.course-list a:hover {
  text-decoration: none;
  color: black;
}
.course-container {
  border-bottom: 1px solid #ccc;
  padding: 7px 0px 7px 0px;
  text-decoration: none;
  color: black;
}
.course-container:hover {
  background-color: #ebebfa;
}
.course-container .course-title {
  font-weight: bold;
  font-size: 14pt;
  margin-bottom: 20px;
}
.course-container .module-image {
  max-width: 30px;
  max-height: 30px;
}
.course-container table tr td {
  vertical-align: top;
  padding: 10px;
}
.course-container table tr td.left-side {
  width: 25%;
}
.course-container table tr td.enroll-status {
  width: 15%;
  vertical-align: middle;
  text-align: center;
}
.course-container table tr td.course-edit {
  width: 10%;
  vertical-align: middle;
  text-align: center;
  font-size: 14pt;
}
.enrollment-text {
  font-size: 12pt;
  font-weight: bold;
}
.enrolled-text {
  color: green;
}
table.edit-enrollment-visibility-table tr td {
  padding: 5px 15px;
  vertical-align: top;
}
table.edit-enrollment-visibility-table tr td .icon-remove-circle {
  cursor: pointer;
}
table.edit-enrollment-visibility-table tr td .icon-remove-circle:hover {
  color: #888;
}
table.edit-enrollment-visibility-table tr.border-bottom {
  border-bottom: 1px solid #ccc;
}
table tr td.delete-col,
table tr td.id-col {
  width: 20%;
}
.group-entry table,
.class-entry table,
.student-entry table {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#discussion .terms {
  border-top: 1px solid #ccc;
}
#discussion .term {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#discussion #wmd-input {
  width: 100%;
}
#discussion .col-xs-8 {
  background: #fff;
  padding: 10px;
}
#discussion #id_short_definition {
  width: 100%;
}
#discussion .question-edit-links {
  float: right;
}
#student-story .question {
  padding-left: 100px;
  font-size: 16px;
  background: rgba(0, 0, 0, 0);
  font-weight: bold;
}
#student-story .paragraph {
  padding-left: 100px;
  padding-right: 100px;
}
#student-story .quote {
  float: left;
  font-size: 24px;
  font-style: italic;
  line-height: 25px;
  color: #8196b5;
}
#student-story .profilePic {
  margin: 0px;
  padding: 0px 0;
  border-left: 0;
  border-right: 0;
  float: left;
  margin-left: 0px;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, arial, sans-serif;
  color: #000;
  text-rendering: optimizeLegibility;
}
#student-story img {
  border: 10px solid #000000;
}
#student-story #container {
  float: left;
  width: 100%;
}
#student-story #leftcolumn {
  float: left;
  width: 20%;
  margin-right: 10px;
  margin-left: 70px;
}
#student-story #rightcolumn {
  float: left;
  width: 60%;
  margin-right: 10px;
}
#student-story #below {
  clear: both;
  float: center;
  width: 100%;
}
#next-card-button {
  color: #f4f8fc;
  font-size: 20px;
  width: 400px;
  height: 75px;
  background: #27a9e1;
}
#next-card-button.selected,
#next-card-button:hover {
  color: #f4f8fc;
  background: #2499cc;
}
.flashcard-container {
  margin: 0 auto;
  width: 100%;
  height: 500px;
  padding: 50px;
  position: relative;
  overflow: hidden;
}
/* styling and animation for card flips */
.flashcard-panel {
  width: 400px;
  height: 200px;
  margin: 0 auto;
  position: relative;
  font-size: .8em;
  color: #f4f8fc;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
}
/* -- general styles, including Y axis rotation -- */
.flashcard-panel .flashcard-front {
  float: none;
  font-size: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  border: 1px solid #ccc;
  background: #6b7077;
  text-align: center;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.flashcard-panel.flip .flashcard-front {
  z-index: 900;
  border-color: #eee;
  background: #333;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flashcard-panel .flashcard-back {
  float: none;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  border: 1px solid #ccc;
  background: #333;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-179deg);
  /* setting to 180 causes an unnatural-looking half-flip */
  transform: rotateY(-179deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  /* -- transition is the magic sauce for animation -- */
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.flashcard-panel.flip .flashcard-back {
  z-index: 1000;
  background: #80868d;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
}
/* -- cosmetics -- */
.flashcard {
  padding: 50px 15px 0 15px;
}
.result-box {
  margin-left: 20px;
  float: left;
  border-radius: 10px;
  margin-top: 19px;
}
.per-desc {
  text-align: center;
  font-size: 10px;
}
.result-box .p-title {
  font-size: 18px;
  text-align: center;
}
.result-box .dollars {
  font-size: 25px;
  text-align: center;
  margin-top: 13px;
  padding: 5px 10px;
  width: 125px;
}
#slider-cont {
  margin-top: 10px;
  background-color: white;
  padding: 30px 50px;
  border-right: 5px solid white;
}
.greenside {
  border-right: 5px solid #5aa05a !important;
}
#semester-karel {
  margin-left: 218px;
}
#year-karel {
  margin-left: 344px;
}
img.karel {
  width: 36px;
}
h1 {
  margin-top: 20px;
}
.total-box {
  border-radius: 5px;
  color: black;
  background-color: #c5cfd3;
  font-size: 20px;
  text-align: center;
  padding: 5px 10px;
  margin-top: 13px;
  margin-left: 20px;
  border: 12px solid #9eaeb1;
  width: 145px;
  float: left;
}
.total-box .p-title {
  font-size: 11px;
}
.total-box .dollars {
  font-weight: bold;
  margin: 5px 0 5px 0px;
}
#totalPerMonth {
  font-size: 15px;
  font-weight: normal;
  margin: 0px;
}
#logo-start {
  width: 80px;
  float: left;
  margin-right: 15px;
}
#top {
  margin-top: 0px;
}
#total-cost {
  font-size: 20px;
  margin-bottom: 11px;
}
.page-desc {
  /*width: 700px;*/
  font-size: 13px;
  margin-top: 10px;
  padding: 7px;
}
.student-header {
  margin-bottom: 20px;
}
.subtext {
  color: #666;
  font-size: 12px;
  margin-left: 20px;
}
.qs {
  margin-bottom: 20px;
  text-decoration: underline;
}
.save {
  color: green;
  font-style: italic;
}
.savings-box {
  color: green;
  background-color: #caeeca;
  width: 145px;
  margin-left: 20px;
  margin-top: 14px;
  padding: 10px 15px;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  border: 2px solid #a5c5a5;
  border-radius: 4px;
  float: left;
}
#savings {
  font-size: 18px;
  margin-top: 8px;
}
#summary {
  font-size: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.summary-num {
  font-weight: bold;
}
#discount-15 {
  position: relative;
  left: 256px;
  top: -27px;
  background-color: #d3e7d3;
  width: 251px;
  text-align: center;
  padding: 3px 0px;
  font-weight: bold;
  color: #585858;
  float: left;
}
#discount-20 {
  position: relative;
  left: 301px;
  top: -27px;
  background-color: #a5e2a5;
  width: 146px;
  text-align: center;
  padding: 3px 0px;
  font-weight: bold;
  color: #585858;
  float: left;
}
.karel-box {
  height: 35px;
  overflow: hidden;
}
.discount-active {
  border: 1px solid #81c4a1;
}
.discount-header {
  font-size: 17px;
  margin-bottom: 8px;
  float: left;
  width: 50%;
}
#ui-styleguide {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#ui-styleguide #ui-styleguide-content {
  padding: 25px 50px 50px 50px;
}
#ui-styleguide .alert {
  width: 100%;
  text-align: center;
  background-color: #28384a;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
#ui-styleguide .alert span {
  font-weight: 700;
}
#ui-styleguide .alert span:last-child {
  margin-left: 7px;
}
#ui-styleguide #styleguide-title {
  font-size: 28px;
  margin-bottom: 15px;
}
#ui-styleguide .dashboard-title {
  margin-top: 25px;
}
#ui-styleguide li {
  list-style: none;
}
#ui-styleguide #font-styling {
  margin-left: 50px;
}
#ui-styleguide p {
  margin-left: 15px;
}
#ui-styleguide p span {
  font-weight: 600;
  font-style: italic;
}
#ui-styleguide #font-colors li:nth-of-type(1) {
  color: #333333;
}
#ui-styleguide #font-colors li:nth-of-type(2) {
  color: #555555;
}
#ui-styleguide #font-colors li:nth-of-type(3) {
  color: #a7aeb6;
}
#ui-styleguide #font-weights li:nth-of-type(1) {
  font-weight: 200;
}
#ui-styleguide #font-weights li:nth-of-type(2) {
  font-weight: 400;
}
#ui-styleguide #font-weights li:nth-of-type(3) {
  font-weight: 600;
}
#ui-styleguide #font-weights li:nth-of-type(4) {
  font-weight: 800;
}
#ui-styleguide #colors {
  margin-left: 50px;
  table-layout: fixed;
  width: 300px;
}
#ui-styleguide #colors tr th {
  width: 100px;
}
#ui-styleguide #colors tr th:nth-of-type(2),
#ui-styleguide #colors tr th:nth-of-type(3) {
  text-align: center;
}
#ui-styleguide #colors tr td {
  vertical-align: middle;
  width: 100px;
}
#ui-styleguide #colors tr td:nth-of-type(2),
#ui-styleguide #colors tr td:nth-of-type(3) {
  text-align: center;
}
#ui-styleguide .color-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
}
#ui-styleguide #light-grey-color td:nth-of-type(2) span {
  background-color: #dee5e9;
}
#ui-styleguide #silver-color td:nth-of-type(2) span {
  background-color: #95a5ac;
}
#ui-styleguide #silver-color td:nth-of-type(3) span {
  background-color: #8c9ba2;
}
#ui-styleguide #dark-blue-color td:nth-of-type(2) span {
  background-color: #28384a;
}
#ui-styleguide #dark-blue-color td:nth-of-type(3) span {
  background-color: #161f29;
}
#ui-styleguide #dark-navy-color td:nth-of-type(2) span {
  background-color: #19232e;
}
#ui-styleguide #slate-color td:nth-of-type(2) span {
  background-color: #6b757b;
}
#ui-styleguide #slate-color td:nth-of-type(3) span {
  background-color: #606a6f;
}
#ui-styleguide #sky-blue-color td:nth-of-type(2) span {
  background-color: #f4f8fc;
}
#ui-styleguide #blue-color td:nth-of-type(3) span {
  background-color: #2499cc;
}
#ui-styleguide #green-color td:nth-of-type(3) span {
  background-color: #85be39;
}
#ui-styleguide #orange-color td:nth-of-type(3) span {
  background-color: #eca53c;
}
#ui-styleguide #red-color td:nth-of-type(3) span {
  background-color: #c8503e;
}
#ui-styleguide #maroon-color td:nth-of-type(2) span {
  background-color: #8e3329;
}
#ui-styleguide #indigo-color td:nth-of-type(3) span {
  background-color: #252a72;
}
#ui-styleguide #purple-color td:nth-of-type(3) span {
  background-color: #77194f;
}
#ui-styleguide #teal-color td:nth-of-type(3) span {
  background-color: #039285;
}
#ui-styleguide #yellow-color td:nth-of-type(3) span {
  background-color: #efcb1b;
}
#ui-styleguide #buttons {
  margin-left: 50px;
  width: 400px;
}
#ui-styleguide #buttons .btn {
  line-height: 32px;
  width: 150px;
}
#ui-styleguide #buttons tr {
  height: 60px;
}
#ui-styleguide #buttons tr td {
  padding-left: 25px;
}
#ui-styleguide #buttons #transparent-btn {
  background-color: #28384a;
}
#ui-styleguide #buttons #transparent-btn td:first-of-type {
  color: #FFFFFF;
  font-weight: 200;
}
#ui-styleguide .shape .dashboard-subtitle {
  margin-left: 35px;
}
#ui-styleguide .shape p:first-of-type {
  margin-left: 60px;
}
#ui-styleguide .shape .arrow {
  display: inline-block;
  text-align: center;
  line-height: 50px;
}
#ui-styleguide .shape .arrow-end {
  min-width: 160px;
  height: 50px;
  background-color: #beccd4;
  position: relative;
  margin-right: 5px;
  margin-left: 60px;
}
#ui-styleguide .shape .arrow-end:after {
  display: inline-block;
  content: '';
  border-left: 15px solid #beccd4;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  right: -15px;
  position: absolute;
}
#ui-styleguide .shape .arrow-middle {
  min-width: 160px;
  height: 50px;
  background-color: #beccd4;
  position: relative;
  margin-right: 5px;
}
#ui-styleguide .shape .arrow-middle:after {
  display: inline-block;
  content: '';
  border-left: 15px solid #beccd4;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  right: -15px;
  position: absolute;
}
#ui-styleguide .shape .arrow-middle:before {
  display: inline-block;
  content: '';
  border-left: 15px solid transparent;
  border-top: 25px solid #beccd4;
  border-bottom: 25px solid #beccd4;
  position: absolute;
  left: -15px;
}
#ui-styleguide .shape .arrow-front {
  min-width: 160px;
  height: 50px;
  background-color: #beccd4;
  position: relative;
}
#ui-styleguide .shape .arrow-front:before {
  display: inline-block;
  content: '';
  border-left: 15px solid transparent;
  border-top: 25px solid #beccd4;
  border-bottom: 25px solid #beccd4;
  position: absolute;
  left: -15px;
}
#ui-styleguide #add-icon-instructions {
  margin-left: 30px;
}
#ui-styleguide #add-icon-instructions li {
  list-style: decimal;
}
#ui-styleguide #icons-container {
  margin-left: 22px;
  margin-top: 15px;
  max-width: 610px;
}
#ui-styleguide #icons-container .codehs-icon-item {
  display: inline-block;
  width: 200px;
  margin-top: 7px;
}
#ui-styleguide #icons-container .codehs-icon-item span {
  margin-right: 3px;
}
#ui-styleguide .codehs-form {
  width: 350px;
  padding: 25px;
  margin-left: 50px;
}
#ui-styleguide .codehs-form input {
  width: 95%;
  margin-bottom: 15px;
}
#ui-styleguide .codehs-form select {
  width: 95%;
}
#ui-styleguide #full-bg {
  margin-left: 50px;
  margin-bottom: 25px;
}
#ui-styleguide #full-bg div {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/zebra.jpg?e3dc3c69569b') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#ui-styleguide #header-bg {
  margin-left: 50px;
}
#ui-styleguide #header-bg div {
  height: 55px;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/zebra.jpg?e3dc3c69569b') no-repeat center center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
#ui-styleguide .browser-window {
  height: 200px;
  width: 300px;
  border: solid 1px;
}
#ui-styleguide .browser-window div {
  margin-top: 10px;
  border-top: solid 1px;
  height: 188px;
}
#ui-styleguide #misc-sec {
  margin-left: 50px;
}
#ui-styleguide #misc-sec #circle-info {
  line-height: 25px;
}
#ui-styleguide #misc-sec #circle-info .color-circle {
  vertical-align: middle;
  margin-left: 15px;
}
#ui-styleguide #misc-sec #overflow-text div {
  margin-left: 15px;
  width: 200px;
}
#ui-styleguide #misc-sec #progressbar-sec span {
  font-weight: 600;
}
#ui-styleguide #misc-sec #progressbar-sec .progressbar {
  margin-top: 10px;
  width: 350px;
}
#ui-styleguide #misc-sec #progressbar-sec .progressbar div {
  width: 33%;
}
#worklog .worklog {
  margin-top: 10px;
}
#worklog .worklog input[type=text] {
  font-size: 28px;
  height: 40px;
  width: 360px;
  padding: 8px;
  line-height: 31px;
  display: inline-block;
}
#worklog .worklog input[type=submit] {
  font-size: 22px;
  margin-bottom: 9px;
}
#worklog .worklog .search-result a {
  font-size: 16px;
  line-height: 23px;
}
#worklog .todays-goals-wrapper {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}
#worklog .log-id {
  font-size: 8px;
  color: #ccc;
}
#worklog .user-list {
  margin-top: 10px;
}
#worklog .worklog-img {
  width: 26px;
  height: 26px;
}
#worklog .log-entry {
  margin-top: 2px;
}
#worklog .search-box {
  position: fixed;
  top: 60px;
  right: 10px;
}
#worklog .goal-stats {
  position: fixed;
  top: 100px;
  font-size: 18px;
  right: 10px;
  text-align: right;
  font-weight: bold;
  margin-top: 10px;
}
#worklog .search-box input[type=text] {
  font-size: 17px;
  height: 20px;
  width: 200px;
  padding: 8px;
  line-height: 31px;
}
#worklog .search-box input[type=submit] {
  font-size: 20px;
}
.world-builder {
  /* Functional styling;
	 * These styles are required for noUiSlider to function.
	 * You don't need to change these rules to apply your design.
	 */
  /* Slider size and handle placement;
	 */
  /* Styling;
	 */
  /* Handles and cursors;
	 */
  /* Handle stripes;
	 */
  /* Disabled state;
	 */
}
.world-builder .noUi-target,
.world-builder .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.world-builder .noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.world-builder .noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.world-builder .noUi-handle {
  position: relative;
  z-index: 1;
}
.world-builder .noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
	   its values is > 50%. */
  z-index: 10;
}
.world-builder .noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
	   creates a new context for the origins. */
  *z-index: -1;
}
.world-builder .noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.world-builder .noUi-state-drag * {
  cursor: inherit !important;
}
.world-builder .noUi-horizontal {
  height: 18px;
}
.world-builder .noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.world-builder .noUi-horizontal.noUi-extended {
  padding: 0 15px;
}
.world-builder .noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}
.world-builder .noUi-vertical {
  width: 18px;
}
.world-builder .noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
.world-builder .noUi-vertical.noUi-extended {
  padding: 15px 0;
}
.world-builder .noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px;
}
.world-builder .noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}
.world-builder .noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.world-builder .noUi-origin {
  border-radius: 2px;
}
.world-builder .noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb;
}
.world-builder .noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb;
}
.world-builder .noUi-dragable {
  cursor: w-resize;
}
.world-builder .noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.world-builder .noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbbbbb;
}
.world-builder .noUi-active {
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb;
}
.world-builder .noUi-handle:before,
.world-builder .noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.world-builder .noUi-handle:after {
  left: 17px;
}
.world-builder .noUi-vertical .noUi-handle:before,
.world-builder .noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.world-builder .noUi-vertical .noUi-handle:after {
  top: 17px;
}
.world-builder [disabled].noUi-connect,
.world-builder [disabled] .noUi-connect {
  background: #B8B8B8;
}
.world-builder [disabled] .noUi-handle {
  cursor: not-allowed;
}
/*
* Author: Jon Harrell 6/30/2014
* Adapted from: http://jsfiddle.net/drueter/yqgB5/16/
* Credit to: David Rueter (drueter@assyst.com)
*/
/*
Force table width to 100%
*/
table.table-fixedheader {
  width: 100%;
}
/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
table.table-fixedheader,
table.table-fixedheader > thead,
table.table-fixedheader > tbody,
table.table-fixedheader > thead > tr,
table.table-fixedheader > tbody > tr,
table.table-fixedheader > thead > tr > th,
table.table-fixedheader > tbody > td {
  display: block;
}
table.table-fixedheader > thead > tr:after,
table.table-fixedheader > tbody > tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}
/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
500px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
table.table-fixedheader > tbody {
  overflow-y: scroll;
  height: 500px;
}
/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/
table.table-fixedheader > thead > tr > th,
table.table-fixedheader > tbody > tr > td {
  width: 20%;
  float: left;
}
/*
Overriding the height of th elements in order to have a consistent size
*/
table.table-fixedheader > thead > tr > th {
  height: 48px;
}
/*
Overriding the height of td elements so table-striped looks smooth
*/
table.table-fixedheader > tbody > tr > td {
  height: 115px;
}
.very-low-churn {
  background-color: #FFFF66;
}
.low-churn {
  background-color: #FFCC00;
}
.medium-churn {
  background-color: #FF9933;
}
.high-churn {
  background-color: #FF6600;
}
.very-high-churn {
  background-color: #FF0000;
}
.very-low-retention {
  background-color: #99FF66;
}
.low-retention {
  background-color: #66FF33;
}
.medium-retention {
  background-color: #00CC00;
}
.high-retention {
  background-color: #009933;
}
.very-high-retention {
  background-color: #006600;
}
#cms {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#cms a {
  cursor: pointer;
}
#cms .sidebar {
  position: fixed;
  width: 370px;
  bottom: 0;
  top: 110px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px;
}
#cms .sidebar .sortable-list > li {
  cursor: move;
  outline: 1px solid transparent;
}
#cms .sidebar ol {
  list-style-type: none;
  padding: 0;
}
#cms .sidebar ol ol {
  min-height: 35px;
}
#cms .sidebar ol ol > li {
  padding-left: 20px;
  height: 35px;
}
#cms .sidebar ol > li form {
  padding-left: 20px;
}
#cms .sidebar ol > li > span {
  font-weight: bold;
  padding-left: 0;
  height: 35px;
}
#cms .sidebar ol > li span {
  display: inline-block;
  width: 75%;
  margin-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#cms .sidebar .sidebar-type-icon {
  width: 35px;
  height: 35px;
  display: inline-block;
}
#cms .sidebar .sidebar-type-icon > span {
  display: table-cell;
  border-radius: 3px;
  vertical-align: middle;
  text-align: center;
  color: white;
}
#cms .sidebar .item-title {
  width: 175px;
  height: 35px;
  margin-left: 0px;
}
#cms .sidebar .icon-copy,
#cms .sidebar .icon-trash {
  float: right;
  cursor: pointer;
  margin-left: 5px;
}
#cms .sidebar .sortable-placeholder,
#cms .sidebar .angular-ui-tree-placeholder {
  background: #addef4;
  border: 3px dashed #27a9e1;
}
#cms .sidebar .sortable-placeholder {
  width: 100%;
  height: 35px;
}
#cms .sidebar form {
  padding-bottom: 25px;
}
#cms .sidebar form input {
  width: 100%;
}
#cms #module-sidebar {
  margin-bottom: 100px;
}
#cms #add-lesson-form {
  position: fixed;
  bottom: 25px;
  left: 20px;
}
#cms #add-lesson-form input {
  width: 325px;
}
#cms #module-edit-view {
  margin-left: 420px;
}
#cms #item-type-icon {
  display: inline-block;
  vertical-align: middle;
}
#cms #item-type-icon > span {
  display: table-cell;
  border-radius: 3px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  color: white;
}
#cms #item-editor {
  width: auto;
  overflow-x: auto;
  overflow-y: auto;
}
#cms #item-editor #basics-partial {
  width: auto;
}
#cms #item-editor #basics-partial #editor-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#cms #item-editor #basics-partial #editor-header #header-left-col {
  min-width: 250px;
}
#cms #item-editor #basics-partial #editor-header #header-left-col #title-container {
  vertical-align: top;
  margin-top: 0px;
  width: auto;
  height: 100%;
}
#cms #item-editor #basics-partial #editor-header #header-left-col .subtitle-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#cms #item-editor #basics-partial #editor-header #header-left-col #author-name {
  color: #999999;
}
#cms #item-editor #basics-partial #editor-header #info-container {
  display: inline-block;
  width: auto;
  height: 100%;
  margin-left: 30px;
  margin-right: 60px;
}
#cms #item-editor #basics-partial #editor-header #info-container #type-info-container,
#cms #item-editor #basics-partial #editor-header #info-container #num-info-container {
  display: inline-block;
}
#cms #item-editor #basics-partial #editor-header #info-container .info-selector {
  width: 250px;
  height: 50px;
}
#cms #item-editor #basics-partial #editor-header #info-container .info-selector-small {
  width: 100px;
  height: 50px;
}
#cms #item-editor #basics-partial #editor-header #info-container .small-form {
  width: 40px;
}
#cms #item-editor #description-editor {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 200px;
}
#cms #item-editor #description-editor .description-container {
  width: 50%;
  height: 100%;
  display: inline-block;
  margin-right: 20px;
}
#cms #item-editor #description-editor .description-container .description-heading {
  display: flex;
  justify-content: space-between;
}
#cms #item-editor #description-editor .description-container .description-heading button {
  margin-top: 5px;
  margin-right: 50px;
  margin-bottom: 5px;
}
#cms #item-editor #description-editor .description-text {
  height: 85%;
  overflow-y: auto;
}
#cms #item-editor #description-editor .description-text .description-textarea {
  resize: none;
  width: 90%;
  height: 80%;
}
#cms #item-editor #editor-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 250px;
  width: 100%;
}
#cms #item-editor #editor-container .code-editor {
  width: 100%;
  display: inline-block;
}
#cms #item-editor #editor-container .code-editor .editor-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#cms #item-editor #editor-container .code-editor .editor-title-row > * {
  display: inline-block;
}
#cms #item-editor #editor-container .code-editor .editor-title-row > button {
  margin-top: 5px;
  margin-right: 50px;
}
#cms #item-editor #editor-container .code-editor > .editor {
  width: 90%;
  height: 80%;
}
#cms #item-editor #quiz-editor {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
}
#cms #item-editor #quiz-editor #question-list {
  height: 100%;
  width: 100%;
  overyflow-y: auto;
}
#cms #item-editor #quiz-editor #question-list .add-question-button {
  display: block;
  width: 250px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
#cms #item-editor #quiz-editor #question-list .question-listing {
  width: 100%;
  margin: auto;
  border: 1px solid #beccd4;
  margin-bottom: 50px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header {
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  height: 5%;
  background: #f4f8fc;
  border-bottom: 1px solid #beccd4;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header .question-title-container {
  height: 75px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header .question-title-container .question-title {
  font-size: 20px;
  font-weight: 200;
  margin-right: 5px;
  height: 100%;
  text-align: center;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header .question-title-container .question-type {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 100%;
  display: inline-block;
  margin-left: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header .question-title-container .question-type .question-select {
  height: 30px;
  margin-top: 5px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header .question-title-container .question-type .response-button {
  width: 150px;
  height: 30px;
  font-size: 14px;
  font-weight: default;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header .quesiton-control-buttons {
  margin-top: 20px;
  margin-bottom: 20px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-header .quesiton-control-buttons button {
  margin-left: 7px;
}
#cms #item-editor #quiz-editor #question-list .question-listing hr {
  margin-top: 0px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-text-editor-container {
  width: 100%;
  height: 25%;
  margin: auto;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-text-editor-container .question-text-row {
  width: 100%;
  margin-top: 15px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-text-editor-container .question-text-row h2 {
  font-weight: 200;
  font-size: 18px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .question-text-editor-container .question-editor {
  border: 1px solid #beccd4;
  width: 100%;
  height: 70px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .panel-group {
  padding-left: 30px;
  padding-right: 30px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list {
  width: 100%;
  margin: auto;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .panel-title {
  padding-right: 40px;
  padding-left: 40px;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-weight: 200;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .panel-title .accordion-toggle {
  text-decoration: none;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .answer-listing {
  display: flex;
  justify-content: space-between;
  height: 120px;
  width: 100%;
  background: #f4f8fc;
  border: 1px solid #beccd4;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 40px;
  cursor: move;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .answer-listing .ac-info-col {
  position: relative;
  left: -30px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .answer-listing .question-editor {
  border: 1px solid #beccd4;
  height: 70px;
  width: 250px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .answer-listing a {
  position: relative;
  width: 20px;
  height: 100%;
  left: -60px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .answer-listing a span {
  display: block;
  position: relative;
  top: 80px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .answer-listing .delete-ac-button {
  position: relative;
  left: 40px;
  width: 35px;
  height: 35px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .add-ac-button-container {
  width: 250px;
  margin: auto;
  margin-bottom: 40px;
}
#cms #item-editor #quiz-editor #question-list .question-listing .answer-list .add-ac-button-container a {
  width: 250px;
}
#teacher-page #module-progress {
  background-color: #f4f8fc;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  margin: auto;
}
#teacher-page #module-progress #progress-page-header {
  padding-top: 30px;
  width: 90%;
  margin: auto;
}
#teacher-page #module-progress #progress-page-header #page-name {
  font-weight: 200;
  color: #555555;
  font-size: 24px;
  margin: 0px 0px 30px 0px;
  display: inline-block;
}
#teacher-page #module-progress #progress-page-header #course-dropdown {
  display: inline-block;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown {
  display: inline-block;
  margin-left: 10px;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown:hover {
  cursor: pointer;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-label {
  font-size: 11px;
  font-weight: 100;
  color: #a7aeb6;
  text-transform: uppercase;
  line-height: 40px;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-toggle {
  color: #555555;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
  font-weight: 600;
  line-height: 40px;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-toggle .icon {
  margin-left: 7px;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-menu {
  margin-left: -3px;
  margin-top: 10px;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-menu li {
  position: relative;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-menu li .chs-icon {
  position: absolute;
  left: 13px;
  top: 15px;
  color: #555555;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-menu li a {
  padding-left: 45px;
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-menu li a:hover {
  background-color: #27a9e1;
  color: #FFFFFF;
}
#teacher-page #module-progress #progress-page-header #course-dropdown .dropdown-menu li:hover .chs-icon {
  color: #FFFFFF;
}
#teacher-page #module-progress #header-wrapper {
  width: 90%;
  height: 91px;
  background-color: #FFF;
  margin: auto;
  border: 1px solid #d7e0e5;
}
#teacher-page #module-progress #header-wrapper #table-header {
  height: 100%;
  margin: 0px;
}
#teacher-page #module-progress #header-wrapper #table-header th {
  font-weight: normal;
}
#teacher-page #module-progress #header-wrapper #table-header .user-title {
  border-right: 1px solid #d7e0e5;
  color: #555555;
  font-weight: 600;
  font-size: 14px;
}
#teacher-page #module-progress #header-wrapper #table-header .module-title {
  text-align: center;
  color: #555555;
  font-weight: 600;
  font-size: 14px;
}
#teacher-page #module-progress .table-wrapper {
  width: 90%;
  margin: auto;
  overflow-y: auto;
  height: 400px;
}
#teacher-page #module-progress .table-wrapper #progress-table {
  table-layout: fixed;
  margin: 0px;
  height: 600px;
  font-size: 12px;
  border-right: 1px solid #d7e0e5;
  border-left: 1px solid #d7e0e5;
  border-bottom: 1px solid #d7e0e5;
}
#teacher-page #module-progress .table-wrapper #progress-table tr {
  height: 70px;
}
#teacher-page #module-progress .table-wrapper #progress-table tr td {
  padding: 0 15px;
}
#teacher-page #module-progress .table-wrapper #progress-table tr td .percentage-label {
  font-size: 12px;
  color: #95a5ac;
  width: 20px;
  margin: 0 auto;
}
#teacher-page #module-progress .table-wrapper #progress-table tr .student-name {
  border-right: 1px solid #d7e0e5;
  font-size: 14px;
  font-weight: default;
  color: #555555;
}
#teacher-page #module-progress .table-wrapper #progress-table tr:nth-child(odd) {
  background-color: #f4f8fc;
}
#teacher-page #module-progress .table-wrapper #progress-table tr:nth-child(even) {
  background-color: #FFF;
}
#teacher-page #empty-class-msg {
  text-align: center;
}
#teacher-page #empty-class-msg #empty-msg-text {
  font-size: 24px;
  margin-bottom: 12px;
}
#teacher-page #empty-class-msg #instructions-title {
  font-size: 18px;
  color: #555555;
  margin-bottom: 20px;
}
#teacher-page #empty-class-msg #signup-options {
  margin-top: 30px;
  margin-bottom: 15px;
}
#teacher-page #empty-class-msg #signup-options .btn-main {
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
#teacher-page #empty-class-msg #signup-options p {
  margin-bottom: 5px;
  color: #555555;
}
#teacher-page #empty-class-msg #signup-options #email-invite {
  display: inline-block;
  vertical-align: middle;
}
#teacher-page #empty-class-msg #signup-options #link-signup {
  display: inline-block;
  vertical-align: middle;
}
#teacher-page #empty-class-msg #signup-options #link-signup p:last-child {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
#teacher-page #empty-class-msg #signup-options > span {
  margin-left: 50px;
  margin-right: 50px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 20px;
  font-weight: 600;
  color: #6b757b;
  background-color: rgba(190, 204, 212, 0.25);
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#teacher-page #empty-class-msg img {
  width: 1050px;
  margin-top: 5px;
}
#quick-tips-tooltip {
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 7px 7px 7px 10px;
}
#quick-tips-tooltip .quick-tips-title {
  color: #beccd4;
  font-weight: 600;
  font-size: 14px;
}
#quick-tips-tooltip .quick-tip {
  font-size: 12px;
  line-height: 17px;
}
#quick-tips-tooltip .quick-tip span {
  margin-right: 3px;
}
#activity-progress-page {
  position: relative;
  min-height: 100%;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  background-color: #f4f8fc;
}
#activity-progress-page .plan-alert {
  position: fixed;
  width: calc(100% - 200px);
  z-index: 2;
}
#activity-progress-page .progress-circle {
  display: block;
  background-color: #beccd4;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: auto;
}
#activity-progress-page .progress-circle.not-started {
  background-color: #beccd4;
}
#activity-progress-page .progress-circle.not-started:hover {
  border-color: #beccd4;
}
#activity-progress-page .progress-circle.submitted,
#activity-progress-page .progress-circle.func-correct {
  background-color: #ffdd17;
}
#activity-progress-page .progress-circle.submitted:hover,
#activity-progress-page .progress-circle.func-correct:hover {
  border-color: #ffdd17;
}
#activity-progress-page .progress-circle.rejected {
  background-color: #de5844;
}
#activity-progress-page .progress-circle.rejected:hover {
  border-color: #de5844;
}
#activity-progress-page .progress-circle.func-done {
  background-color: #27a9e1;
}
#activity-progress-page .progress-circle.func-done:hover {
  border-color: #27a9e1;
}
#activity-progress-page .progress-circle.complete {
  background-color: #8cc63e;
}
#activity-progress-page .progress-circle.complete:hover {
  border-color: #8cc63e;
}
#activity-progress-page a.progress-circle:hover {
  background-color: #FFFFFF;
  border: 3px solid;
}
#activity-progress-page #wrapper {
  margin-left: 200px;
  padding-bottom: 50px;
  min-height: 100vh;
  min-height: calc(100vh - 60px);
  background-color: #f4f8fc;
}
#activity-progress-page #wrapper #activity-progress-fixed-sec {
  position: fixed;
  width: calc(100% - 200px);
  z-index: 1;
  background-color: #f4f8fc;
  min-width: 900px;
}
#activity-progress-page #wrapper #progress-table-container {
  padding-top: 375px;
  z-index: 0;
}
#activity-progress-page #wrapper hr {
  margin-left: 30px;
  margin-right: 50px;
  margin-bottom: 35px;
}
#activity-progress-page #wrapper.activities-view .activity-lesson .progress-circle {
  display: none;
}
#activity-progress-page #wrapper.activities-view .activity-label.item-label {
  display: table-cell;
}
#activity-progress-page #wrapper.activities-view .activity-item {
  display: table-cell;
}
#activity-progress-page #wrapper.activities-view #progress-labels-container {
  max-width: none !important;
}
#activity-progress-page #wrapper.activities-view #activity-progress-labels {
  width: 100%;
}
#activity-progress-page #wrapper.activities-view #activity-progress-labels th:last-child {
  width: auto;
}
#activity-progress-page #wrapper.activities-view #progress-table-container {
  max-width: none !important;
}
#activity-progress-page #wrapper.activities-view #activity-progress-table {
  width: 100%;
}
#activity-progress-page #wrapper.activities-view #activity-progress-table td.activity-blank {
  width: auto;
}
#activity-progress-page #wrapper.activities-view .lesson-label .label-text {
  pointer-events: none;
  cursor: arrow;
}
#activity-progress-page #wrapper.activities-view #activity-demo {
  display: inline;
}
#activity-progress-page #wrapper.activities-view #lesson-demo {
  display: none;
}
#activity-progress-page #wrapper.activities-view #progress-key #lessons-submitted {
  display: none;
}
#activity-progress-page #wrapper.activities-view #progress-key #activities-submitted {
  display: inline-block;
}
#activity-progress-page #wrapper.lessons-view .activity-label div {
  transform: translate(-35px, 0) rotate(300deg);
}
#activity-progress-page #wrapper.lessons-view .activity-label.item-label {
  display: none;
}
#activity-progress-page #wrapper.lessons-view .activity-item {
  display: none;
}
#activity-progress-page #wrapper.lessons-view .activity-lesson .progress-circle {
  display: block;
}
#activity-progress-page #wrapper.lessons-view #progress-labels-container {
  margin: auto;
}
#activity-progress-page #wrapper.lessons-view #progress-key #lessons-submitted {
  display: inline-block;
}
#activity-progress-page #wrapper.lessons-view #progress-key #activities-submitted {
  display: none;
}
#activity-progress-page #wrapper.lessons-view #progress-key #function-ok-key {
  display: none;
}
#activity-progress-page #wrapper.lessons-view #progress-key #rejected-key {
  display: none;
}
#activity-progress-page #wrapper.lessons-view #progress-table-container {
  margin: auto;
}
#activity-progress-page #wrapper.lessons-view #activity-demo {
  display: none;
}
#activity-progress-page #wrapper.lessons-view #lesson-demo {
  display: inline;
}
#activity-progress-page a:hover {
  text-decoration: none;
}
#activity-progress-page #activity-progress-header {
  padding: 25px 50px 5px 30px;
}
#activity-progress-page #activity-progress-header #quick-tips {
  font-size: 18px;
  color: #28384a;
  margin-right: 20px;
}
#activity-progress-page .class-title {
  color: #555555;
  font-size: 24px;
  display: inline-block;
}
#activity-progress-page .class-title span {
  color: #27a9e1;
}
#activity-progress-page #classes-dropdown {
  display: inline-block;
}
#activity-progress-page #classes-dropdown span {
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
}
#activity-progress-page #classes-dropdown .dropdown-menu {
  margin-top: 15px;
}
#activity-progress-page #classes-dropdown.open .class-title {
  color: #95a5ac;
}
#activity-progress-page #course-dropdown,
#activity-progress-page #module-dropdown,
#activity-progress-page #sort-dropdown {
  display: inline-block;
}
#activity-progress-page #course-dropdown .dropdown,
#activity-progress-page #module-dropdown .dropdown,
#activity-progress-page #sort-dropdown .dropdown {
  display: inline-block;
  margin-left: 10px;
}
#activity-progress-page #course-dropdown .dropdown:hover,
#activity-progress-page #module-dropdown .dropdown:hover,
#activity-progress-page #sort-dropdown .dropdown:hover {
  cursor: pointer;
}
#activity-progress-page #course-dropdown .dropdown-label,
#activity-progress-page #module-dropdown .dropdown-label,
#activity-progress-page #sort-dropdown .dropdown-label {
  font-size: 11px;
  font-weight: 100;
  color: #a7aeb6;
  text-transform: uppercase;
}
#activity-progress-page #course-dropdown .dropdown-toggle,
#activity-progress-page #module-dropdown .dropdown-toggle,
#activity-progress-page #sort-dropdown .dropdown-toggle {
  color: #555555;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
  font-weight: 600;
}
#activity-progress-page #course-dropdown .dropdown-toggle .icon,
#activity-progress-page #module-dropdown .dropdown-toggle .icon,
#activity-progress-page #sort-dropdown .dropdown-toggle .icon {
  margin-left: 7px;
}
#activity-progress-page #course-dropdown .dropdown-menu,
#activity-progress-page #module-dropdown .dropdown-menu,
#activity-progress-page #sort-dropdown .dropdown-menu {
  margin-left: -3px;
  margin-top: 10px;
}
#activity-progress-page #course-dropdown .dropdown-menu li,
#activity-progress-page #module-dropdown .dropdown-menu li,
#activity-progress-page #sort-dropdown .dropdown-menu li {
  position: relative;
}
#activity-progress-page #course-dropdown .dropdown-menu li .chs-icon,
#activity-progress-page #module-dropdown .dropdown-menu li .chs-icon,
#activity-progress-page #sort-dropdown .dropdown-menu li .chs-icon {
  position: absolute;
  left: 13px;
  top: 15px;
  color: #555555;
}
#activity-progress-page #course-dropdown .dropdown-menu li a,
#activity-progress-page #module-dropdown .dropdown-menu li a,
#activity-progress-page #sort-dropdown .dropdown-menu li a {
  padding-left: 45px;
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#activity-progress-page #course-dropdown .dropdown-menu li a:hover,
#activity-progress-page #module-dropdown .dropdown-menu li a:hover,
#activity-progress-page #sort-dropdown .dropdown-menu li a:hover {
  background-color: #27a9e1;
  color: #FFFFFF;
}
#activity-progress-page #course-dropdown .dropdown-menu li:hover .chs-icon,
#activity-progress-page #module-dropdown .dropdown-menu li:hover .chs-icon,
#activity-progress-page #sort-dropdown .dropdown-menu li:hover .chs-icon {
  color: #FFFFFF;
}
#activity-progress-page #sort-dropdown {
  margin-left: 40px;
}
#activity-progress-page #sort-dropdown li .chs-icon {
  visibility: hidden;
}
#activity-progress-page #sort-dropdown li a.active + .chs-icon {
  visibility: visible;
}
#activity-progress-page #module-dropdown {
  margin-left: 40px;
}
#activity-progress-page .wrap {
  position: relative;
  padding: 0;
  margin-left: 30px;
  margin-right: 50px;
}
#activity-progress-page .wrap .student-name {
  display: block;
  width: 185px;
  padding-left: 20px;
  padding-right: 15px;
  color: #555555;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 45px;
  border-right: solid 1px rgba(190, 204, 212, 0.3);
}
#activity-progress-page .wrap .student-name:nth-child(even) {
  background-color: #f4f8fc;
}
#activity-progress-page .wrap .student-name:nth-child(odd) {
  background-color: #FFFFFF;
}
#activity-progress-page .wrap .student-name:hover {
  color: #95a5ac;
}
#activity-progress-page #student-list {
  position: absolute;
  width: 185px;
}
#activity-progress-page #progress-labels-section {
  position: relative;
  margin-left: 30px;
  margin-right: 50px;
}
#activity-progress-page #progress-labels-section #progress-key {
  position: absolute;
  color: #555555;
  text-transform: uppercase;
  border: 2px solid rgba(190, 204, 212, 0.3);
  padding: 12px 18px;
  font-size: 12px;
}
#activity-progress-page #progress-labels-section #progress-key span {
  vertical-align: middle;
}
#activity-progress-page #progress-labels-section #progress-key .progress-circle {
  display: inline-block;
  width: 12px;
  height: 12px;
}
#activity-progress-page #progress-labels-section #progress-key .progress-circle.complete {
  margin-left: 8px;
}
#activity-progress-page #progress-labels-section #progress-key .progress-circle:not(.not-started) {
  margin-right: 8px;
}
#activity-progress-page #progress-labels-section .scroll-arrow {
  position: absolute;
  display: block;
  width: 37px;
  height: 37px;
  text-align: center;
  bottom: 23px;
  background-color: #28384a;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#activity-progress-page #progress-labels-section .scroll-arrow span {
  font-size: 24px;
  line-height: 37px;
  color: #FFFFFF;
}
#activity-progress-page #progress-labels-section .scroll-arrow:hover {
  opacity: .8;
}
#activity-progress-page #progress-labels-section #backward-arrow {
  left: 145px;
}
#activity-progress-page #progress-labels-section #forward-arrow {
  right: -29px;
}
#activity-progress-page #progress-labels-wrapper {
  overflow: hidden;
  margin-left: 185px;
}
#activity-progress-page #activity-progress-labels {
  table-layout: fixed;
  margin-bottom: 30px;
}
#activity-progress-page #activity-progress-labels .activity-label {
  width: 30px;
  height: 145px;
  white-space: nowrap;
  background-color: #f4f8fc;
  font-weight: 400;
  color: #a7aeb6;
}
#activity-progress-page #activity-progress-labels .activity-label div {
  transform: translate(-40px, 0) rotate(300deg);
  -webkit-transform: translate(-40px, 0) rotate(300deg);
  -ms-transform: translate(-40px, 0) rotate(300deg);
  width: 185px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#activity-progress-page #activity-progress-labels .activity-label div .label-text {
  padding: 5px 10px;
  color: #a7aeb6;
}
#activity-progress-page #activity-progress-labels .activity-label.lesson-label {
  text-transform: uppercase;
}
#activity-progress-page #activity-progress-labels .activity-label.lesson-label .lesson-number {
  font-weight: 600;
  margin-right: 4px;
}
#activity-progress-page #activity-progress-labels .activity-label.lesson-label div {
  color: #555555;
}
#activity-progress-page #activity-progress-labels .activity-label.lesson-label .label-text {
  color: #555555;
}
#activity-progress-page #activity-progress-labels .activity-label.lesson-label.active-item .lesson-number {
  font-weight: 700;
}
#activity-progress-page #activity-progress-labels .activity-label.lesson-label.active-item .label-text {
  font-weight: 700;
}
#activity-progress-page #activity-progress-labels .activity-label.item-label div:hover {
  color: #28384a;
}
#activity-progress-page #activity-progress-labels .activity-label.item-label div:hover .label-text {
  color: #28384a;
}
#activity-progress-page #activity-progress-labels .activity-label.item-label.active-item div {
  color: #28384a;
}
#activity-progress-page #activity-progress-labels .activity-label.item-label.active-item div .label-text {
  color: #28384a;
  font-weight: 600;
}
#activity-progress-page #progress-table-wrapper {
  overflow: auto;
  margin-left: 185px;
}
#activity-progress-page #activity-progress-table {
  margin: 0;
  table-layout: fixed;
  padding-right: 25px;
}
#activity-progress-page #activity-progress-table tr {
  height: 45px;
}
#activity-progress-page #activity-progress-table tr:nth-child(even) {
  background-color: #f4f8fc;
}
#activity-progress-page #activity-progress-table tr .activity-lesson,
#activity-progress-page #activity-progress-table tr .activity-item,
#activity-progress-page #activity-progress-table tr .activity-blank {
  width: 30px;
}
#activity-progress-page #activity-progress-table tr .activity-lesson {
  border-left: solid 1px rgba(190, 204, 212, 0.1);
}
#activity-progress-page #activity-progress-table tr .activity-lesson:first-child {
  border: none;
}
#activity-progress-page #activity-progress-table tr .activity-progress.active-item {
  background-color: #28384a;
}
#activity-progress-page #empty-class-msg {
  padding-top: 200px;
  text-align: center;
}
#activity-progress-page #empty-class-msg #empty-msg-text {
  font-size: 24px;
  margin-bottom: 12px;
}
#activity-progress-page #empty-class-msg #instructions-title {
  font-size: 18px;
  color: #555555;
  margin-bottom: 20px;
}
#activity-progress-page #empty-class-msg #signup-options {
  margin-top: 30px;
  margin-bottom: 15px;
}
#activity-progress-page #empty-class-msg #signup-options .btn-main {
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
#activity-progress-page #empty-class-msg #signup-options p {
  margin-bottom: 5px;
  color: #555555;
}
#activity-progress-page #empty-class-msg #signup-options #email-invite {
  display: inline-block;
  vertical-align: middle;
}
#activity-progress-page #empty-class-msg #signup-options #link-signup {
  display: inline-block;
  vertical-align: middle;
}
#activity-progress-page #empty-class-msg #signup-options #link-signup p:last-child {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
#activity-progress-page #empty-class-msg #signup-options > span {
  margin-left: 50px;
  margin-right: 50px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 20px;
  font-weight: 600;
  color: #6b757b;
  background-color: rgba(190, 204, 212, 0.25);
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#activity-progress-page #activity-demo,
#activity-progress-page #lesson-demo {
  width: 1050px;
  margin-top: 10px;
}
@media (max-width: 1100px) {
  #activity-progress-page #class-sidenav {
    display: none;
  }
  #activity-progress-page #wrapper {
    min-width: 850px;
    margin-left: 0;
  }
  #activity-progress-page .plan-alert {
    width: 100% !important;
  }
  #activity-progress-page #activity-progress-fixed-sec {
    width: 100% !important;
    min-width: 850px !important;
  }
}
#referrals-page #targeted-wrapper #targeted-header #targeted-overlay {
  padding: 0px 0px 30px 0px;
}
#referrals-page #targeted-wrapper #targeted-header #targeted-overlay .about-title {
  margin: 50px 0px 20px 0px;
}
#referrals-page #targeted-wrapper #targeted-header #targeted-overlay #targeted-header-tagline {
  font-size: 18px;
}
#referrals-page h3 {
  font-weight: 200;
  font-size: 20px;
  color: #555555;
  margin-bottom: 25px;
  text-transform: uppercase;
}
#referrals-page #how-it-works {
  padding: 20px 0px 60px 0px;
}
#referrals-page #how-it-works .step {
  font-size: 14px;
  color: #95a5ac;
  line-height: 20px;
  margin-top: 20px;
}
#referrals-page #email-input {
  width: 70%;
  float: left;
}
#referrals-page #refer-friends-invite-button {
  line-height: 38px;
  margin-left: 5%;
  width: 20%;
  float: left;
}
#referrals-page .social-button {
  width: 20%;
  text-align: center;
  float: left;
}
#referrals-page .social-button a {
  line-height: 38px;
  width: 95%;
  margin-left: 5%;
}
#referrals-page #bottom-section {
  padding-top: 60px;
  background-color: #f4f8fc;
}
#referrals-page #bottom-section .section-heading {
  font-size: 18px;
  font-weight: 100;
  color: #555555;
}
#referrals-page #bottom-section .stat {
  border-right: 1px solid #beccd4;
}
#referrals-page #bottom-section .stat .number {
  font-size: 60px;
  font-weight: 100;
  color: #27a9e1;
}
#referrals-page #bottom-section .stat.no-border {
  border: none;
}
#referrals-page #bottom-section #email-box {
  border-right: 1px solid #beccd4;
}
#referrals-page #bottom-section #status-table {
  background-color: white;
}
#class-queues {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  padding-left: 200px;
  background-color: #f4f8fc;
  overflow: auto;
  min-height: 100vh;
  padding-bottom: 50px;
}
#class-queues a {
  text-decoration: none;
}
#class-queues table {
  width: 100%;
}
#class-queues .submissions {
  margin-bottom: 40px;
  /* Functionality Done */
  /* Passed */
}
#class-queues .submissions .submission {
  padding: 10px;
  margin-bottom: 10px;
}
#class-queues .submissions .submission i {
  float: right;
}
#class-queues .submissions .status-2 {
  background-color: #D9EDF7;
}
#class-queues .submissions .status-3 {
  background-color: #DFF0D8;
}
#class-queues .submissions .status-4 {
  background-color: #F2DEDE;
}
#class-queues .submissions .grader {
  font-size: 10px;
  float: left;
}
#class-queues .thread.item .num_messages {
  float: right;
}
#class-queues #help-queue-div #help-queue tr td:nth-child(-n+3) {
  width: 20%;
}
#class-queues #help-queue-div #help-queue tr td:nth-child(5) {
  width: 45%;
}
#class-queues #grading-queue-div .queue-header {
  margin-top: 50px;
}
#class-queues #grading-queue-div .queue-header .dashboard-subtitle {
  width: 250px;
}
#class-queues #grading-queue-div #my-grading-queue-container {
  display: none;
}
#class-queues #grading-queue-div #my-queue-count {
  display: none;
}
#class-queues .wrap {
  padding: 0;
  min-width: 500px;
  overflow: auto;
  max-height: 350px;
}
#class-queues .table-container {
  padding: 0 30px;
}
#class-queues .table-container .empty-msg {
  color: #a7aeb6;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 200;
}
#class-queues .queue-table {
  margin: 0;
  table-layout: fixed;
  font-size: 12px;
  min-width: 700px;
}
#class-queues .queue-table tr {
  height: 50px;
}
#class-queues .queue-table tr td {
  padding: 0 15px;
}
#class-queues .queue-table .plan-1 {
  border-left: solid 3px #27a9e1;
}
#class-queues .queue-table .plan-2 {
  border-left: solid 3px #fbaf3f;
}
#class-queues .queue-table .plan-11 {
  border-left: solid 3px #ff99c6;
}
#class-queues .queue-table tr:nth-child(even) {
  background-color: #f4f8fc;
}
#class-queues .queue-table .thread-message {
  padding: 0;
}
#class-queues .queue-table .thread-message div a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 30px 0 15px;
  color: #a7aeb6;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
#class-queues .queue-table .user-name div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#class-queues .queue-table .user-name div a {
  font-weight: 600;
  color: #555555;
}
#class-queues .queue-table .user-type div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a7aeb6;
}
#class-queues .queue-table .user-type div img {
  margin-right: 5px;
}
#class-queues .queue-table .user-type div a {
  color: #a7aeb6;
}
#class-queues .queue-table .queue-item {
  padding: 0;
}
#class-queues .queue-table .queue-item div a {
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  height: 50px;
  width: 100%;
  color: #555555;
  font-weight: 600;
  line-height: 50px;
}
#class-queues .queue-table .time {
  padding: 0;
}
#class-queues .queue-table .time a {
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
#course-gradebook {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  padding-bottom: 20px;
  padding-left: 200px;
  background-color: #f4f8fc;
  min-height: 100vh;
}
#course-gradebook .alert {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
#course-gradebook .uppercase {
  text-transform: uppercase;
}
#course-gradebook #gradebook-title {
  padding: 20px;
  display: inline-block;
}
#course-gradebook #gradebook-filters-wrapper #gradebook-filters {
  display: inline-block;
  padding-left: 20px;
  vertical-align: top;
  padding-top: 14px;
}
#course-gradebook #gradebook-filters-wrapper #gradebook-filters #module-dropdown {
  text-transform: uppercase;
}
#course-gradebook #gradebook-filters-wrapper #gradebook-filters a:hover {
  text-decoration: none;
}
#course-gradebook #gradebook-filters-wrapper .dropdown a {
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#course-gradebook #gradebook-filters-wrapper .dropdown a.dropdown-toggle {
  line-height: 38px;
}
#course-gradebook #gradebook-filters-wrapper .dropdown .dropdown-menu li a {
  color: #555555;
  font-size: 12px;
  text-transform: uppercase;
}
#course-gradebook #gradebook-filters-wrapper .dropdown .dropdown-menu li a:hover {
  background-color: #27a9e1;
  color: #FFFFFF;
}
#course-gradebook #gradebook-filters-wrapper .dropdown-label {
  font-size: 12px;
  font-weight: 100;
  color: #a7aeb6;
  text-transform: uppercase;
}
#course-gradebook #gradebook-filters-wrapper .dropdown-toggle {
  padding-right: 15px;
  padding-left: 20px;
  color: #555555;
  text-transform: uppercase;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  height: 42px;
  line-height: 38px;
  border: 2px solid rgba(190, 204, 212, 0.25);
}
#course-gradebook #gradebook-filters-wrapper .dropdown-toggle span {
  color: #beccd4;
  margin-left: 15px;
}
#course-gradebook #grading-schema-description {
  padding-top: 10px;
  padding-left: 20px;
}
#course-gradebook #grade-distribution {
  display: inline-block;
  vertical-align: top;
}
#course-gradebook #grade-distribution #grade-distribution-chart {
  display: inline-block;
}
#course-gradebook #grade-distribution #expected-progress-dropdown {
  display: inline-block;
  vertical-align: top;
  padding-top: 14px;
}
#course-gradebook #grade-distribution #expected-progress-dropdown a {
  color: black;
}
#course-gradebook #grade-distribution #expected-progress-dropdown a:hover {
  text-decoration: none;
}
#course-gradebook #grade-distribution #expected-progress-dropdown #defaults-button {
  margin-top: 20px;
}
#course-gradebook #grade-distribution #expected-progress-dropdown #expected-progress-list {
  max-height: 300px;
  overflow: auto;
}
#course-gradebook #gradebook-labels-section {
  position: relative;
  margin-left: 30px;
  margin-right: 50px;
}
#course-gradebook #gradebook-labels-section #sort-dropdown {
  position: absolute;
  display: inline-block;
  left: 150px;
  z-index: 10;
}
#course-gradebook #gradebook-labels-section a:hover {
  text-decoration: none;
}
#course-gradebook #gradebook-labels-section .dropdown a {
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#course-gradebook #gradebook-labels-section .dropdown .dropdown-menu li a {
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#course-gradebook #gradebook-labels-section .dropdown .dropdown-menu li a:hover {
  background-color: #27a9e1;
  color: #FFFFFF;
}
#course-gradebook #gradebook-labels-section .dropdown-label {
  font-size: 12px;
  font-weight: 100;
  color: #a7aeb6;
  text-transform: uppercase;
}
#course-gradebook #gradebook-labels-section .dropdown-toggle {
  padding-right: 15px;
  padding-left: 20px;
  color: #555555;
  text-transform: uppercase;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  height: 42px;
  line-height: 38px;
  border: 2px solid rgba(190, 204, 212, 0.25);
}
#course-gradebook #gradebook-labels-section .dropdown-toggle span {
  color: #beccd4;
  margin-left: 15px;
}
#course-gradebook #gradebook-labels-section #table-title {
  color: #555555;
  font-size: 24px;
  position: absolute;
  width: 185px;
  bottom: 10px;
}
#course-gradebook #gradebook-labels-section #progress-key {
  position: absolute;
  color: #6b757b;
  border: 2px solid rgba(190, 204, 212, 0.3);
  padding: 12px 18px;
  bottom: 65px;
  display: inline-block;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle {
  margin-right: 8px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #beccd4;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.not-started {
  background-color: #beccd4;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.not-started:hover {
  border-color: #beccd4;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.submitted {
  background-color: #ffdd17;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.submitted:hover {
  border-color: #ffdd17;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.rejected {
  background-color: #de5844;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.rejected:hover {
  border-color: #de5844;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.func-done {
  background-color: #27a9e1;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.func-done:hover {
  border-color: #27a9e1;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.complete {
  background-color: #8cc63e;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.complete:hover {
  border-color: #8cc63e;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.func-correct {
  background-color: #ffdd17;
}
#course-gradebook #gradebook-labels-section #progress-key .progress-circle.func-correct:hover {
  border-color: #ffdd17;
}
#course-gradebook #gradebook-labels-wrapper {
  overflow: hidden;
  margin-left: 185px;
}
#course-gradebook #gradebook-labels-table {
  width: 0px;
  table-layout: fixed;
  margin-bottom: 10px;
}
#course-gradebook #gradebook-labels-table th {
  width: 185px;
}
#course-gradebook #gradebook-labels-table .gradebook-label {
  width: 42px;
  height: 180px;
  white-space: nowrap;
  background-color: #f4f8fc;
  color: #a7aeb6;
  font-weight: 400;
}
#course-gradebook #gradebook-labels-table .gradebook-label div {
  transform: translate(-40px, 0) rotate(300deg);
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#course-gradebook #gradebook-labels-table .gradebook-label div span {
  padding: 5px 10px;
}
#course-gradebook #gradebook-labels-table .gradebook-label.is-lesson {
  color: #555555;
}
#course-gradebook .wrap {
  padding: 0;
  margin-left: 30px;
  margin-right: 50px;
}
#course-gradebook .wrap .student-name {
  width: 185px;
  padding-left: 20px;
  padding-right: 15px;
  color: #555555;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 45px;
  border-right: solid 1px rgba(190, 204, 212, 0.3);
}
#course-gradebook .wrap .student-name:nth-child(even) {
  background-color: #f4f8fc;
}
#course-gradebook .wrap .student-name:nth-child(odd) {
  background-color: #FFFFFF;
}
#course-gradebook #student-list {
  position: absolute;
}
#course-gradebook #gradebook-table-wrapper {
  overflow: auto;
  margin-left: 185px;
}
#course-gradebook #gradebook-table-wrapper #gradebook-table {
  border-collapse: collapse;
  margin: 0;
  width: 0px;
  table-layout: fixed;
  padding-right: 25px;
}
#course-gradebook #gradebook-table-wrapper #gradebook-table tr {
  height: 45px;
}
#course-gradebook #gradebook-table-wrapper #gradebook-table tr:nth-child(even) {
  background-color: #f4f8fc;
}
#course-gradebook #gradebook-table-wrapper #gradebook-table tr td {
  width: 42px;
  max-width: 42px;
  text-align: center;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value {
  text-align: center;
  color: black;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.not-started {
  background-color: #beccd4;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.not-started:hover {
  border-color: #beccd4;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.submitted {
  background-color: #ffdd17;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.submitted:hover {
  border-color: #ffdd17;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.rejected {
  background-color: #de5844;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.rejected:hover {
  border-color: #de5844;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.func-done {
  background-color: #27a9e1;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.func-done:hover {
  border-color: #27a9e1;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.complete {
  background-color: #8cc63e;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.complete:hover {
  border-color: #8cc63e;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.func-correct {
  background-color: #ffdd17;
}
#course-gradebook #gradebook-table-wrapper .gradebook-value.func-correct:hover {
  border-color: #ffdd17;
}
#course-gradebook #export-buttons {
  padding-left: 20px;
  display: inline-block;
}
#course-gradebook .hidden {
  visibility: collapse;
}
#course-gradebook .vertical-text {
  height: 200px;
  white-space: nowrap;
}
#course-gradebook .vertical-text div {
  transform: translate(25px, 51px);
  transform: rotate(315deg);
  width: 30px;
}
#course-gradebook .disabled {
  pointer-events: none;
  cursor: default;
}
#course-gradebook .odd-row {
  background-color: #f4f8fc;
}
#course-gradebook .even-row {
  background-color: white;
}
#use-credits {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  height: 100%;
  background-color: #f4f8fc;
}
#use-credits #title-header {
  font-weight: 100;
  font-size: 30px;
  letter-spacing: 0.5px;
  color: white;
  padding: 35px;
  margin-top: 0;
}
#use-credits .header {
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/checkout/schoolbackground.jpg?71a39262d415') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  height: 40%;
}
#use-credits .info-overlay {
  width: 700px;
  margin: auto;
  background-color: white;
  text-align: center;
  padding: 20px;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
}
#use-credits .info-overlay > div:first-child {
  width: 80%;
  margin: auto;
  padding: 15px;
}
#use-credits .info-overlay > div:first-child h2 {
  font-weight: 600;
  color: #555555;
  margin-top: 20px;
}
#use-credits .info-overlay > div:first-child p {
  font-weight: 200;
  line-height: 24px;
  color: #555555;
  margin-bottom: 0;
}
#use-credits .info-overlay .or-option {
  font-weight: 600;
}
#use-credits .info-overlay .or-option:before {
  content: "— ";
}
#use-credits .info-overlay .or-option:after {
  content: " —";
}
#use-credits .info-overlay .btn {
  height: 52px;
  line-height: 35px;
}
#use-credits .info-overlay #bottom-left-col {
  border-right: 1px solid rgba(151, 151, 151, 0.15);
}
#use-credits .info-overlay #bottom-left-col h3 {
  margin-bottom: 15px;
}
#use-credits .info-overlay #bottom-left-col a {
  color: #27a9e1;
}
#use-credits .info-overlay #bottom-right-col h3 {
  margin-bottom: 30px;
}
#use-credits .info-overlay #bottom-right-col a {
  width: 225px;
}
#use-credits .info-overlay #bottom-left-col,
#use-credits .info-overlay #bottom-right-col {
  padding: 25px;
}
#use-credits .info-overlay #bottom-left-col h3,
#use-credits .info-overlay #bottom-right-col h3 {
  font-weight: #f1f1f1;
  font-size: 20px;
  color: #555555;
}
#use-credits #use-credits-btn {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  background-color: #27a9e1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  right: -2px;
}
#use-credits #use-credits-btn:hover {
  background-color: #2499cc;
  opacity: 1;
  color: #FFFFFF;
}
#use-credits #use-credits-btn:focus {
  color: #FFFFFF;
}
#use-credits #get-credits-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  left: -2px;
  border-color: #27a9e1;
  color: #27a9e1;
}
#use-credits #use-credits-btn,
#use-credits #get-credits-btn {
  padding: 12px;
  width: 225px;
}
#use-credits #credit-details {
  margin-top: 280px;
}
#use-credits #credit-details > h2 {
  color: #555555;
}
#use-credits #credit-details > h4 {
  margin-bottom: 40px;
}
#use-credits.simple-cols #questions-col {
  border-right: none;
}
#use-credits.simple-cols #see-pricing-btn {
  margin-top: 8px;
}
#use-credits.simple-cols #credit-details {
  margin-top: 225px;
}
#use-credits.pool #title-header {
  position: relative;
  top: 5px;
}
#use-credits.pool .info-overlay a {
  margin-top: 20px;
}
#use-credits.pool #credit-details {
  margin-top: 180px;
}
#use-credits .or-option.or-option-between {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-27px) translateY(50px);
  transform: translateX(-27px) translateY(50px);
}
#item-health #module-dropdown {
  margin: 20px;
}
#item-health #module-dropdown .dropdown-label {
  font-size: 12px;
  font-weight: 100;
  color: #a7aeb6;
  text-transform: uppercase;
}
#item-health #module-dropdown .dropdown a {
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#item-health #module-dropdown .dropdown .dropdown-menu li a {
  color: #555555;
  line-height: 45px;
  font-size: 12px;
  text-transform: uppercase;
}
#item-health #module-dropdown .dropdown .dropdown-menu li a:hover {
  background-color: #27a9e1;
  color: #FFFFFF;
}
#item-health #module-dropdown .dropdown-toggle {
  padding-right: 15px;
  padding-left: 20px;
  color: #555555;
  text-transform: uppercase;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  height: 42px;
  line-height: 38px;
  border: 2px solid rgba(190, 204, 212, 0.25);
}
#item-health #module-dropdown .dropdown-toggle span {
  color: #beccd4;
  margin-left: 15px;
}
#item-health #item-health-table {
  width: 0px;
  margin-left: 40px;
  border-collapse: collapse;
}
#item-health #item-health-table .item-header {
  width: 150px;
  vertical-align: bottom;
  padding-left: 5px;
}
#item-health #item-health-table td {
  width: 42px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px;
}
#item-health #item-health-table .rotate {
  height: 140px;
  width: 42px;
  white-space: nowrap;
}
#item-health #item-health-table .rotate div {
  width: 180px;
  transform: translate(-40px, -10px) rotate(300deg);
}
#item-health #item-health-table .rotate div span {
  padding: 5px 10px;
}
#item-health #item-health-table .health-value {
  width: 40px;
}
#item-health #item-health-table .healthy {
  background-color: green;
}
#item-health #item-health-table .not-healthy {
  background-color: red;
}
@font-face {
  font-family: 'badabb';
  src: url('https://d14to6y4nub5k1.cloudfront.net/font/badabb__.ttf?578d1a0b7c18') format('truetype');
}
.karel-bark-new {
  text-align: center;
}
.karel-bark-new .background {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.karel-bark-new .background.bark-8bit {
  background: #f5d02a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5d02a 0%, #de5843 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d02a), color-stop(100%, #de5843));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5d02a 0%, #de5843 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5d02a 0%, #de5843 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5d02a 0%, #de5843 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5d02a 0%, #de5843 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d02a', endColorstr='#de5843', GradientType=0);
  /* IE6-9 */
}
.karel-bark-new .background.bark-mexican {
  background: #f5d02a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5d02a 0%, #0bdfc1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d02a), color-stop(100%, #0bdfc1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5d02a 0%, #0bdfc1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5d02a 0%, #0bdfc1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5d02a 0%, #0bdfc1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5d02a 0%, #0bdfc1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d02a', endColorstr='#0bdfc1', GradientType=0);
  /* IE6-9 */
}
.karel-bark-new .background.bark-american {
  background: #de5843;
  /* Old browsers */
  background: -moz-linear-gradient(top, #de5843 0%, #27a9e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de5843), color-stop(100%, #27a9e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #de5843 0%, #27a9e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #de5843 0%, #27a9e1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #de5843 0%, #27a9e1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #de5843 0%, #27a9e1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de5843', endColorstr='#27a9e1', GradientType=0);
  /* IE6-9 */
}
.karel-bark-new .continue {
  margin: 0 auto 35px;
}
.karel-bark-new h1 {
  margin-bottom: 25px;
  font-size: 125px;
}
.karel-bark-new h2 {
  margin-top: 45px;
  font-size: 55px;
}
.karel-bark-new h3 {
  position: relative;
  top: 50%;
  margin: -40px 0 0;
  line-height: 100%;
  font-size: 80px;
  color: white;
  text-transform: uppercase;
}
.karel-bark-new .comic {
  font-family: 'badabb';
  color: white;
}
.karel-bark-new .img-wrap {
  width: 600px;
  height: auto;
  text-align: center;
}
.karel-bark-new img.karel {
  height: 275px;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.karel-bark-new img.bone {
  height: 100px;
  width: auto;
  margin: 45px;
}
.karel-bark-index .table {
  margin: 0px;
}
.karel-bark-index .table .row:nth-child(4n) {
  background-color: #27a9e1;
}
.karel-bark-index .table .row:nth-child(4n):hover {
  background-color: #2499cc;
}
.karel-bark-index .table .row:nth-child(4n+1) {
  background-color: #8cc63e;
}
.karel-bark-index .table .row:nth-child(4n+1):hover {
  background-color: #85be39;
}
.karel-bark-index .table .row:nth-child(4n+2) {
  background-color: #ffdd17;
}
.karel-bark-index .table .row:nth-child(4n+2):hover {
  background-color: #efcb1b;
}
.karel-bark-index .table .row:nth-child(4n+3) {
  background-color: #de5844;
}
.karel-bark-index .table .row:nth-child(4n+3):hover {
  background-color: #c8503e;
}
.karel-bark-index a.row {
  height: 110px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  margin: 0px;
  display: block;
  font-size: 60px;
  line-height: 110px;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
}
.karel-bark-index a.row:hover {
  text-decoration: none;
}
.karel-bark-index .ethnicities {
  display: none;
}
#tutor-stats-page .blank_row {
  height: 10px !important;
  background-color: #dedede;
}
#tutor-stats-page #no_activity {
  color: red;
}
#tutor-stats-page #top {
  float: left;
}
#tutor-stats-page #tutor-stats-unit {
  background-color: #dedede;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
}
#tutor-stats-page .unit-type {
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px;
  padding: 5px;
  display: inline-block;
  border-radius: 5px;
}
#class-set-class-completion .container {
  margin-right: 0px;
}
#class-set-class-completion .module-progress {
  margin-left: 5px;
  display: inline-block;
}
#class-set-class-completion .progress {
  width: 150px;
}
body.hoc-editor-body {
  height: 100%;
  padding-bottom: 50px;
}
/* right col */
#right.hoc-right {
  /* override default border color */
  border-left: 1px solid rgba(190, 204, 212, 0.5) !important;
  background: none !important;
  /* override default min width */
  min-width: 400px !important;
}
#right.hoc-right #hoc-right-title-bar {
  position: fixed;
  width: inherit;
  height: 50px;
  z-index: -1;
}
#right.hoc-right #tab-bar {
  margin: 0px;
}
#right.hoc-right #tab-bar .buttons {
  height: 50px;
  margin: auto;
  padding: 10px 0px;
  width: 70%;
}
#right.hoc-right #tab-bar .buttons .btn {
  height: 33px;
  padding: 0px;
  padding-top: 5px;
  margin: 0px;
}
#right.hoc-right #tab-bar .buttons .btn .chs-icon {
  display: inline-block;
}
#right.hoc-right #tab-bar .buttons .run_code {
  width: 50%;
  font-size: 14px;
}
#right.hoc-right #tab-bar .buttons #stop {
  margin-left: 10px;
}
#right.hoc-right #tab-bar .buttons #pause-button,
#right.hoc-right #tab-bar .buttons #forward-button {
  width: 9%;
}
#right.hoc-right #tab-bar .speed {
  margin-top: 20px;
  display: block;
  width: 125%;
}
#right.hoc-right #tab-bar .speed #speed-slider {
  width: 100%;
}
#right.hoc-right #tab-bar #game {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#right.hoc-right #tab-bar #for-loop-vars,
#right.hoc-right #tab-bar #diff-result {
  margin: auto;
}
#right.hoc-right #tab-bar #error-popup {
  top: 40%;
  width: 30%;
  left: 65%;
}
#right.hoc-right #run-tab {
  margin-top: 0;
}
/* Left col */
.hoc-left #hoc-editor-header {
  height: 50px;
  background: rgba(190, 204, 212, 0.25);
  position: fixed;
  width: inherit;
  z-index: 99;
  padding-top: 8px;
}
.hoc-left #hoc-editor-header #submit-button {
  margin: 0px 15px;
  font-weight: 600;
  width: 198px;
}
.hoc-left #hoc-editor-header #save-button {
  line-height: 30px;
  margin: 0px;
}
.hoc-left #hoc-editor-header #save-button.btn-main-transparent {
  color: #27a9e1;
  border-color: #27a9e1;
  font-size: 12px;
  width: 100px;
}
.hoc-left #hoc-editor-header #next-button {
  margin-right: 7px;
}
.hoc-left #hoc-editor-header #next-button i {
  line-height: 30px;
}
.hoc-left #codehs-editor {
  border-left: none;
  border-right: none;
  border-top: none;
  font-size: 23px;
  height: 93%;
  margin-bottom: 0px;
  margin-top: 50px;
}
.hoc-left #codehs-editor .ace_gutter {
  background: rgba(190, 204, 212, 0.25);
  width: 50px;
  /* have to override normal editor gutter width */
}
.hoc-left #codehs-editor .ace_gutter .ace_gutter-layer {
  width: 50px !important;
}
.hoc-left #codehs-editor .ace_gutter .ace_gutter-cell {
  font-size: 18px;
  line-height: 31px;
  text-align: right;
  padding-right: 5px;
  color: #a7aeb6;
}
.hoc-left #codehs-editor .ace_gutter .ace_gutter-cell.breakpoint,
.hoc-left #codehs-editor .ace_gutter .ace_gutter-cell.error {
  color: #ffffff;
}
/* Sidebar */
#wrapper .hoc-sidebar {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  width: 20%;
  padding: 0 0;
  overflow: hidden !important;
}
#wrapper .hoc-sidebar #sidebar-content {
  overflow: auto;
  height: 95%;
  height: calc(100% - 50px);
  padding-bottom: 50px;
}
#wrapper .hoc-sidebar #problem-title {
  background-color: rgba(190, 204, 212, 0.25);
  padding-left: 30px;
  font-size: 100%;
  color: #555555;
  height: 50px;
  line-height: 50px;
}
#wrapper .hoc-sidebar .result-title {
  font-size: 14px;
  font-weight: 300;
  padding: 20px 30px;
}
#wrapper .hoc-sidebar .sidebar-world-wrap {
  width: 184px;
  padding: 0px;
  margin: auto;
}
#wrapper .hoc-sidebar .ex-objective {
  padding-left: 30px;
}
#wrapper .hoc-sidebar .ex-objective .title-row {
  color: #a7aeb6;
  padding-top: 20px;
  padding-bottom: 10px;
}
#wrapper .hoc-sidebar .ex-objective .title-row .title {
  margin-left: 5px;
  font-weight: 100;
}
#wrapper .hoc-sidebar .ex-objective .objective {
  padding: 0 0;
  margin: 0 0;
  background-color: #FFF;
  width: 200px;
  color: #555555;
  font-weight: 300;
}
#wrapper .hoc-sidebar .ex-objective .objective code {
  background-color: #FFF;
  color: #27a9e1;
}
#wrapper .hoc-sidebar hr {
  margin-left: 30px;
  margin-right: 30px;
}
#wrapper .hoc-sidebar .cheat-sheet-container {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
}
#wrapper .hoc-sidebar .cheat-sheet-container .cheat-sheet-label {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
}
#wrapper .hoc-sidebar .cheat-sheet-container .cheat-sheet {
  height: auto !important;
}
#wrapper .hoc-sidebar .cheat-sheet-container .cheat-sheet .cheat-sheet-title-text {
  display: none;
}
#wrapper .hoc-sidebar .cheat-sheet-container .cheat-sheet .cheat-sheet-contents {
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 2px dashed #beccd4;
}
#wrapper .hoc-sidebar .cheat-sheet-container .cheat-sheet .cheat-sheet-contents .prettyprint {
  margin: 0;
  padding: 10px;
  width: 100%;
  background-color: rgba(190, 204, 212, 0.15);
  border: none;
}
/* Override default positioning, only select logged out hoc autograder */
#hoc-progress-container ~ #autograder-modal .status span {
  top: 2px !important;
}
#hoc-signup-popin {
  position: fixed;
  bottom: 0;
  right: 75px;
  width: 210px;
  height: 0;
  z-index: 1000;
  -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0.5px 3px 0px rgba(0, 0, 0, 0.1);
  border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  background-color: #28384a;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#hoc-signup-popin-content {
  padding: 40px 30px;
}
#hoc-signup-popin .close-popin {
  position: absolute;
  right: 10px;
  top: 15px;
  color: #95a5ac;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#hoc-signup-popin .close-popin:hover {
  text-decoration: none;
  color: #FFFFFF;
}
#hoc-signup-popin .btn {
  width: 100%;
}
#hoc-signup-popin h3 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
}
#hoc-signup-popin p {
  margin-bottom: 25px;
}
.hoc-navbar {
  box-shadow: none;
  border-bottom: 1px solid rgba(190, 204, 212, 0.5);
}
.hoc-navbar .navbar-brand {
  border-right: 1px solid rgba(190, 204, 212, 0.5);
}
.hoc-navbar .navbar-brand.hoc-navbar-title {
  margin: 0px;
  font-size: 16px;
  line-height: 60px;
  padding-right: 20px;
  padding-left: 20px;
  color: #27a9e1;
}
.hoc-navbar .navbar-brand.hoc-navbar-title img {
  margin: 0;
  height: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
}
.hoc-navbar .navbar-brand.hoc-navbar-title:hover {
  background-color: rgba(190, 204, 212, 0.5);
}
.hoc-navbar #signup-btn {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  border-right: 1px solid rgba(190, 204, 212, 0.5);
  border-left: 1px solid rgba(190, 204, 212, 0.5);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  padding-left: 50px;
  padding-right: 50px;
  cursor: pointer;
}
.hoc-navbar #login-btn {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  text-transform: none;
  width: 100px;
  text-align: center;
}
.hoc-navbar #registration-dark-screen {
  position: fixed;
  width: 125%;
  margin-left: -12.5%;
  height: 100%;
  background-color: #28384a;
  opacity: 0.75;
  z-index: 100;
  display: none;
}
.hoc-navbar #signup-page {
  background-color: #28384a;
  display: none;
  position: absolute;
  width: 300px;
  left: 50%;
  top: 170px;
  margin-left: -150px;
  min-height: 250px;
  z-index: 300;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
}
.hoc-navbar #signup-page .signup-close {
  margin: 0px 0px 0px 5px;
  cursor: pointer;
  color: #6b757b;
}
.hoc-navbar #signup-page .title-container {
  color: #27a9e1;
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.hoc-navbar #signup-page .title-container div {
  text-align: left;
}
.hoc-navbar #signup-page .title-container .create-account {
  font-weight: 600;
  margin-top: 20px;
}
.hoc-navbar #signup-page #basic-form {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  background-color: #28384a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hoc-navbar #signup-page #basic-form .wrap {
  min-width: 0px;
  padding: 0px;
  background: #28384a;
}
.hoc-navbar #signup-page #basic-form .wrap input {
  width: 100%;
  margin-right: 0px;
  background-color: #324252;
  color: #FFF;
  border: none;
}
.hoc-navbar #signup-page #basic-form .alert {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.hoc-navbar #signup-page #register-button-container {
  padding: 0px;
}
.hoc-navbar #signup-page #register-button-container #hoc-register-button {
  width: 100%;
  height: 50px;
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
.hoc-navbar #signup-page #register-button-container #hoc-register-button span {
  line-height: 50px;
}
.hoc-navbar #signup-page #register-button-container #hoc-register-button .icon-spinner {
  display: none;
}
.hoc-navbar #signup-page #register-button-container #hoc-register-button:disabled .icon-spinner {
  display: inline;
}
.hoc-navbar #signup-page #register-button-container #hoc-register-button:disabled .register-text {
  display: none;
}
.hoc-navbar #signup-page #show-class-code {
  text-align: left;
  color: #27a9e1;
  margin-bottom: 7px;
  margin-top: 5px;
  display: block;
  width: 100%;
  font-weight: 600;
}
.hoc-navbar #signup-page #show-class-code span {
  margin-left: 5px;
}
.hoc-navbar #signup-page #show-class-code:hover {
  opacity: .75;
  text-decoration: none;
  cursor: pointer;
}
.hoc-navbar #signup-page #id_class_code {
  display: none;
}
#hoc-percentage-progress-container {
  display: inline-block;
  width: 10%;
  height: 50px;
  bottom: 0px;
  position: fixed;
  background-color: #FFFFFF;
  border-right: solid 1px #DFDFDF;
  border-top: solid 1px #DFDFDF;
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#hoc-percentage-progress-container #hoc-percentage-progress {
  color: #555555;
  font-size: 16px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
#hoc-progress-container {
  width: 90%;
  margin-left: 10%;
  height: 50px;
  text-align: justify;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  background-color: #FFFFFF;
  position: fixed;
  bottom: 0px;
  display: inline-block;
  z-index: 20;
  border-top: solid 1px #DFDFDF;
}
#hoc-progress-container .hoc-progress-item-container {
  width: 25px;
  height: 25px;
  display: inline-block;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item {
  list-style: none;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 3px;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item:hover {
  background-color: #FFFFFF !important;
  border: solid 2px;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item:hover span {
  margin-left: 3px;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.not-started {
  background-color: #beccd4;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.not-started:hover {
  border-color: #beccd4;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.not-started:hover span {
  color: #beccd4;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.complete {
  background-color: #8cc63e;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.complete:hover {
  border-color: #8cc63e;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.complete:hover span {
  color: #8cc63e;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.submitted,
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.func-correct {
  background-color: #ffdd17;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.submitted:hover,
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.func-correct:hover {
  border-color: #ffdd17;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.submitted:hover span,
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.func-correct:hover span {
  color: #ffdd17;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.current-hoc-item {
  background-color: #27a9e1;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.current-hoc-item:hover {
  border-color: #27a9e1;
}
#hoc-progress-container .hoc-progress-item-container .hoc-progress-item.current-hoc-item:hover span {
  color: #27a9e1;
}
#hoc-progress-container .stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
#hoc-progress-container .background-line-container {
  position: absolute;
  bottom: 23px;
  overflow: auto;
  width: 100%;
  left: 0px;
  z-index: -10;
}
#hoc-progress-container .background-line-container .background-line {
  background: #95A5AC;
  opacity: 0.5;
  height: 2px;
  margin-left: 22px;
  margin-right: 22px;
}
#hoc-badge-wrapper {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
}
#hoc-badge-wrapper a:hover {
  text-decoration: none;
  opacity: .75;
}
#hoc-badge-wrapper #signup-overlay {
  position: absolute;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: rgba(40, 56, 74, 0.85);
  z-index: 100;
  opacity: .3;
}
#hoc-badge-wrapper #hoc-badge-header {
  height: 300px;
  line-height: 300px;
  text-align: center;
  font-weight: 200;
  overflow-x: hidden;
  background-color: #00a79d;
}
#hoc-badge-wrapper #hoc-badge-header #hoc-badge-header-overlay {
  height: 100%;
  background: url('https://d14to6y4nub5k1.cloudfront.net/img/hour_of_code/2014/banner_overlay.png?60a4e11e4343') no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-color: #00a79d;
}
#hoc-badge-wrapper #hoc-badge-header #hoc-badge-header-overlay .hoc-badge-banner {
  height: 200px;
  vertical-align: middle;
}
#hoc-badge-wrapper #hoc-badge-congratulations {
  text-align: center;
}
#hoc-badge-wrapper #hoc-badge-congratulations #congrats {
  font-size: 26pt;
  font-weight: 600;
  color: #00a79d;
  padding-top: 30px;
}
#hoc-badge-wrapper #hoc-badge-congratulations #badge-earned {
  font-weight: 200;
  padding-top: 20px;
  font-size: 16pt;
}
#hoc-badge-wrapper #hoc-badge-congratulations #badge-tagline {
  font-size: 100;
  font-size: 12pt;
  padding: 20px;
}
#hoc-badge-wrapper #hoc-share-badge {
  background-color: #dee5e9;
  width: 620px;
  height: auto;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
  padding: 25px;
}
#hoc-badge-wrapper #hoc-share-badge #badge {
  display: inline-block;
}
#hoc-badge-wrapper #hoc-share-badge #badge .hoc-badge {
  width: 200px;
  height: 200px;
}
#hoc-badge-wrapper #hoc-share-badge #share-content {
  display: inline-block;
  height: 100%;
  padding-left: 20px;
}
#hoc-badge-wrapper #hoc-share-badge #share-content #content-one {
  font-weight: 200;
  font-size: 16pt;
  padding-bottom: 20px;
}
#hoc-badge-wrapper #hoc-share-badge #share-content #content-two {
  border-radius: 3px;
  background-color: #beccd4;
  padding: 20px;
}
#hoc-badge-wrapper #hoc-share-badge #share-content #content-three .social-media {
  display: inline-block;
  padding-right: 20px;
  padding-top: 20px;
}
#hoc-badge-wrapper #hoc-share-badge #share-content #content-three .social-media .icon {
  display: inline-block;
}
#hoc-badge-wrapper #hoc-share-badge #share-content #content-three .social-media .tag-line {
  display: inline-block;
}
#hoc-badge-wrapper #hoc-create-account {
  background-color: #dee5e9;
  width: 620px;
  height: auto;
  display: flex;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  z-index: 500;
}
#hoc-badge-wrapper #hoc-create-account #hoc-badge-signup-close {
  position: absolute;
  top: 15px;
  right: 10px;
  color: #6b757b;
}
#hoc-badge-wrapper #hoc-create-account #hoc-badge-signup-close:hover {
  cursor: pointer;
}
#hoc-badge-wrapper #hoc-create-account #hoc-delay-signup {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  bottom: -60px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
}
#hoc-badge-wrapper #hoc-create-account #hoc-delay-signup:hover {
  cursor: pointer;
}
#hoc-badge-wrapper #hoc-create-account #create-account-header {
  color: #27a9e1;
  font-size: 16pt;
  width: 100%;
}
#hoc-badge-wrapper #hoc-create-account #create-account-header #popup-text .thin-blue {
  font-size: 18px;
}
#hoc-badge-wrapper #hoc-create-account #divider {
  background: #95A5AC;
  opacity: 0.5;
  height: 2px;
  margin-bottom: 15px;
  margin-top: 15px;
}
#hoc-badge-wrapper #hoc-create-account .bold-blue {
  font-weight: 600;
}
#hoc-badge-wrapper #hoc-create-account .thin-blue {
  font-weight: 200;
}
#hoc-badge-wrapper #hoc-create-account #hoc-badge-register-form {
  width: 100%;
  position: relative;
}
#hoc-badge-wrapper #hoc-create-account #full_name {
  width: 100%;
  margin-bottom: 10px;
}
#hoc-badge-wrapper #hoc-create-account .left-field {
  display: inline-block;
  float: left;
  width: 49%;
  margin-bottom: 10px;
}
#hoc-badge-wrapper #hoc-create-account .right-field {
  display: inline-block;
  float: right;
  width: 49%;
  margin-bottom: 10px;
}
#hoc-badge-wrapper #hoc-create-account #hoc-register-button {
  width: 100%;
  line-height: 40px;
}
#hoc-badge-wrapper #hoc-create-account #hoc-register-button:disabled #hoc-register-button-text {
  display: none;
}
#hoc-badge-wrapper #hoc-create-account #hoc-register-button:disabled .icon-spinner {
  display: inline;
}
#hoc-badge-wrapper #hoc-create-account #hoc-register-button .icon-spinner {
  display: none;
}
#hoc-badge-wrapper #hoc-badge-footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 50px;
  background-color: #28384a;
  font-size: 16pt;
  line-height: 100px;
  text-align: center;
  color: #AAAAAA;
}
#hoc-badge-wrapper #hoc-badge-footer a {
  color: #FFFFFF;
}
.handout-framestyle {
  background: #f4f8fc;
  /*border-style:solid;*/
  /*border-color:black;*/
  border-right-width: 0px;
  border-left-width: 0px;
  /*border-top-width:5px;*/
  border-bottom-width: 0px;
  display: inline-block;
  width: 49%;
  height: 600px;
}
#handout-tab-content-header {
  background: #f4f8fc;
  width: 100%;
}
#handout-tab-content-header h1 {
  display: inline-block;
  text-align: center;
  float: left;
  width: 50%;
}
#portfolio-page {
  font-family: "Proxima Nova", 'proxima-nova', sans-serif;
  font-size: 16px;
}
.pd-portfolio-question {
  background-color: #beccd4;
  padding: 10px;
  border-radius: 10px;
  margin: 20px 0 15px 0;
}
.code-portfolio-question {
  background-color: #67e667;
  padding: 10px;
  border-radius: 10px;
  margin: 20px 0 15px 0;
}
.portfolio-answer {
  margin-bottom: 40px;
}
.portfolio-sub-left {
  width: 40%;
  float: left;
}
.portfolio-sub-right {
  width: 40%;
  float: right;
}
.module-header {
  margin: 20px 0;
  padding: 0 30px;
}
.module-header .portfolio-subtitle {
  display: inline-block;
  line-height: 31px;
  font-size: 24px;
  font-weight: 800;
  color: #28384a;
}
.module-header .module-toggle {
  color: #a7aeb6;
  line-height: 31px;
}
.module-header .module-toggle:hover {
  color: #8c9ba2;
}
.module-header .module-toggle.toggle-active {
  color: #555555;
  font-weight: 600;
}
.module-header .module-toggle.toggle-active:hover {
  color: #555555;
}
.module-header a {
  font-size: 15px;
  margin-left: 10px;
}
.print-module-title {
  display: none;
}
#print-page-title {
  display: none;
}

canvas.codehs-editor-canvas.roadtrip {
  background: url('/img/america_map.png') no-repeat left center !important;
  background-size: 100% !important;
}