/*! hash:2fa3a9d859bf04e1d8c6, chunkhash:59d7c6bf51f1d36ee5f5, name:app, filebase:app.css, query:, file:stylesheets/app.css */
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./bower_components/nanoscroller/bin/css/nanoscroller.css ***!
  \***********************************************************************************************************************************/
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/shepherd.js/dist/css/shepherd.css ***!
  \***************************************************************************************************************************/
.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50.2%,.75);font-size:2em;cursor:pointer;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50.2%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:rgba(0,0,0,.75);display:flex;font-size:1rem;font-weight:400;flex:1 0 auto;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-element .shepherd-arrow{border:16px solid transparent;content:"";display:block;height:16px;pointer-events:none;position:absolute;width:16px;z-index:10000}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-arrow{bottom:0;border-top-color:#fff;left:50%;transform:translate(-50%,100%)}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-arrow{border-bottom-color:#fff;left:50%;top:0;transform:translate(-50%,-100%)}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-arrow{border-bottom-color:#e6e6e6}.shepherd-element.shepherd-element-attached-middle.shepherd-element-attached-left .shepherd-arrow{border-right-color:#fff;left:0;top:50%;transform:translate(-100%,-50%)}.shepherd-element.shepherd-element-attached-middle.shepherd-element-attached-right .shepherd-arrow{border-left-color:#fff;right:0;top:50%;transform:translate(100%,-50%)}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{-ms-filter:progid:dximagetransform.microsoft.gradient.alpha(Opacity=50);filter:alpha(opacity=50);fill-rule:evenodd;height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}
/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./bower_components/treema/treema.css ***!
  \***************************************************************************************************************/
.treema-target-of-copy-paste {
  transform: translateX(10px); }

.treema-node {
  transition: 0.1s ease-in-out transform;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  position: relative;
  font-family: Helvetica;
  clear: both;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
  cursor: pointer; }
  .treema-node.treema-root > .treema-row .treema-value, .treema-node.treema-root > .treema-row .treema-type-select {
    display: none; }
  .treema-node.treema-open > .treema-children {
    padding-top: 1px; }
  .treema-node.treema-root {
    outline: none; }
  .treema-node input, .treema-node select {
    font-size: 13px;
    font-family: Helvetica; }
  .treema-node input {
    margin: -3px 0;
    width: 200px; }
  .treema-node .treema-new-prop {
    margin: -1px 0 10px; }

.treema-type-select, .treema-schema-select {
  margin-right: 5px;
  float: left; }

.treema-children {
  margin-left: 15px;
  clear: both; }

.treema-add-child {
  background-color: #eef;
  border: 1px solid #aaf;
  cursor: pointer;
  display: inline-block;
  margin: 3px 0 10px;
  padding: 0px 5px;
  font-weight: bold;
  position: relative;
  left: -10px; }
  .treema-add-child:hover {
    background-color: #ccf; }

.treema-full > .treema-children > .treema-add-child {
  display: none; }

.treema-full.treema-open > .treema-children {
  margin-bottom: 5px; }

.treema-row {
  padding: 2px 3px 2px 3px; }

.treema-value {
  cursor: text;
  display: block;
  float: left;
  max-width: 100%;
  min-width: 50px; }

.treema-key {
  color: #5353ac;
  float: left;
  display: block;
  cursor: pointer;
  margin-right: 5px; }

.treema-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  background-color: rgba(64, 128, 255, 0);
  pointer-events: none;
  width: 100%;
  cursor: pointer; }

.treema-description {
  float: right;
  opacity: 0.8;
  font-size: 11px;
  line-height: 13px;
  min-width: 200px;
  text-align: right;
  display: none; }

.treema-selected > .treema-row > .treema-description {
  display: inline; }

.treema-edit + .treema-description {
  display: inline; }

.treema-selected > .treema-row {
  background-color: rgba(64, 128, 255, 0.25); }

.treema-error {
  float: right;
  color: #8b0000;
  margin: 2px 10px; }

.treema-has-error {
  background-color: #ffb6c1;
  border: 1px solid #8b0000; }

.treema-temp-error {
  background-color: #ffb6c1;
  padding: 2px 3px;
  color: #8b0000;
  margin: 0 5px;
  border: 1px solid #8b0000; }

.treema-toggle-hit-area {
  cursor: pointer;
  width: 15px;
  float: left;
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0; }
  .treema-toggle-hit-area:hover {
    background-color: rgba(128, 128, 128, 0.1); }
    .treema-toggle-hit-area:hover .treema-toggle {
      opacity: 1; }
  .treema-toggle-hit-area .treema-toggle {
    width: 0;
    height: 0;
    opacity: 0.7;
    position: absolute; }
    .treema-closed > .treema-toggle-hit-area .treema-toggle {
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 8px solid #666;
      top: 5px;
      left: 5px; }
    .treema-open > .treema-toggle-hit-area .treema-toggle {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 8px solid #666;
      top: 7px;
      left: 3px; }

.treema-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.treema-shortened {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.treema-multiline {
  width: inherit;
  margin-top: 20px;
  float: none !important; }

.treema-clipboard-container {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  z-index: 100;
  display: none;
  opacity: 0; }
  .treema-clipboard-container .treema-clipboard {
    width: 1px;
    height: 1px;
    padding: 0px; }

.treema-filter-hidden {
  display: none; }

.treema-default-stub {
  opacity: 0.7; }

.treema-string {
  color: #998500; }

.treema-number {
  color: #699900; }

.treema-null {
  color: #524059;
  font-weight: bold; }

.treema-array {
  color: #009905;
  cursor: row-resize; }

.treema-object {
  color: #008799;
  cursor: row-resize; }

.treema-boolean {
  color: #140099;
  cursor: pointer; }
  .treema-boolean.treema-edit {
    background-color: rgba(64, 128, 255, 0.25); }
  .treema-boolean input {
    opacity: 0; }
  .treema-boolean:hover + .treema-description {
    display: inline; }

.treema-point2d input, .treema-point3d input {
  width: 40px; }

.treema-search-results {
  width: 500px;
  margin-top: 10px;
  cursor: pointer; }

.treema-search-result-row:hover {
  background-color: rgba(166, 196, 255, 0.25); }

.treema-search-selected {
  background-color: rgba(64, 128, 255, 0.25) !important; }

.treema-ace.treema-display .treema-shortened {
  font-family: monospace; }

.treema-ace .ace_editor {
  width: 100%;
  border: 1px solid gray; }

.treema-long-string textarea {
  width: 100%;
  height: 300px; }
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/app.sass ***!
  \****************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

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: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

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;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 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;
  }
  @page {
    margin: 2cm 0.5cm;
  }
  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;
  }
}
*,
*: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.428571429;
  color: #555;
  background-color: rgb(70, 58, 44);
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #0b63bc;
  text-decoration: none;
}
a:hover, a:focus {
  color: #073d74;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #bbb;
  border: 1px solid #999;
  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 #F5F5F5;
}

.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: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #317EAC;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small {
  font-size: 65%;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 38.5px;
}

h2, .h2 {
  font-size: 31.5px;
}

h3, .h3 {
  font-size: 24.5px;
}

h4, .h4 {
  font-size: 17.5px;
}

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-muted {
  color: #999;
}

.text-primary {
  color: #948754;
}
.text-primary:hover {
  color: #736942;
}

.text-warning {
  color: #8a6d3b;
}
.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}
.text-danger:hover {
  color: #843534;
}

.text-success {
  color: #3c763d;
}
.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}
.text-info:hover {
  color: #245269;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.page-header {
  padding-bottom: 9px;
  margin: 10px 0 20px;
  border-bottom: 1px solid #F5F5F5;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.list-inline > li:first-child {
  padding-left: 0;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width: 992px) {
  .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;
  }
  .dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table;
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #F5F5F5;
}
blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small,
blockquote .small {
  display: block;
  line-height: 1.428571429;
  color: #999;
}
blockquote small:before,
blockquote .small:before {
  content: "— ";
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #F5F5F5;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
  text-align: right;
}
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

blockquote:before,
blockquote:after {
  content: "";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

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;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  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;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: 0%;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: 0%;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: 0%;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: 0%;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: rgb(70, 58, 44);
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.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-] {
  float: none;
  display: table-cell;
}

.table > thead > tr > .active,
.table > thead > .active > td,
.table > thead > .active > th,
.table > tbody > tr > .active,
.table > tbody > .active > td,
.table > tbody > .active > th,
.table > tfoot > tr > .active,
.table > tfoot > .active > td,
.table > tfoot > .active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > .active:hover,
.table-hover > tbody > .active:hover > td,
.table-hover > tbody > .active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > .success,
.table > thead > .success > td,
.table > thead > .success > th,
.table > tbody > tr > .success,
.table > tbody > .success > td,
.table > tbody > .success > th,
.table > tfoot > tr > .success,
.table > tfoot > .success > td,
.table > tfoot > .success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > .success:hover,
.table-hover > tbody > .success:hover > td,
.table-hover > tbody > .success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > .danger,
.table > thead > .danger > td,
.table > thead > .danger > th,
.table > tbody > tr > .danger,
.table > tbody > .danger > td,
.table > tbody > .danger > th,
.table > tfoot > tr > .danger,
.table > tfoot > .danger > td,
.table > tfoot > .danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > .danger:hover,
.table-hover > tbody > .danger:hover > td,
.table-hover > tbody > .danger:hover > th {
  background-color: #ebcccc;
}

.table > thead > tr > .warning,
.table > thead > .warning > td,
.table > thead > .warning > th,
.table > tbody > tr > .warning,
.table > tbody > .warning > td,
.table > tbody > .warning > th,
.table > tfoot > tr > .warning,
.table > tfoot > .warning > td,
.table > tfoot > .warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > .warning:hover,
.table-hover > tbody > .warning:hover > td,
.table-hover > tbody > .warning:hover > th {
  background-color: #faf2cc;
}

@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 #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.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 > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th: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 > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  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;
}

select[multiple],
select[size] {
  height: auto;
}

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
}

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;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  height: auto;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  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: #999;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #F5F5F5;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle;
}
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  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], fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
fieldset[disabled] input[type=checkbox],
.radio[disabled],
fieldset[disabled] .radio,
.radio-inline[disabled],
fieldset[disabled] .radio-inline,
.checkbox[disabled],
fieldset[disabled] .checkbox,
.checkbox-inline[disabled],
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 24px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 24px;
  line-height: 24px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn {
  height: auto;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 48px;
  padding: 11px 19px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 48px;
  line-height: 48px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn {
  height: auto;
}

.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-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-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;
}

.form-control-static {
  margin-bottom: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #959595;
}

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block;
  }
  .form-inline select.form-control, .navbar-form select.form-control {
    width: auto;
  }
  .form-inline .radio, .navbar-form .radio,
.form-inline .checkbox,
.navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .form-inline .radio input[type=radio], .navbar-form .radio input[type=radio],
.form-inline .checkbox input[type=checkbox],
.navbar-form .checkbox input[type=checkbox] {
    float: none;
    margin-left: 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-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}

.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.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus {
  color: #333;
  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: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.open .btn-default.dropdown-toggle {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active {
  background-image: none;
}
.open .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #fff;
}

.btn-primary {
  color: #fff;
  background-color: #948754;
  border-color: #84784b;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #7a6f45;
  border-color: #5d5535;
}
.open .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #7a6f45;
  border-color: #5d5535;
}
.btn-primary:active, .btn-primary.active {
  background-image: none;
}
.open .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #948754;
  border-color: #84784b;
}
.btn-primary .badge {
  color: #948754;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #DD5600;
  border-color: #c44c00;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
  color: #fff;
  background-color: #b44600;
  border-color: #863400;
}
.open .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #b44600;
  border-color: #863400;
}
.btn-warning:active, .btn-warning.active {
  background-image: none;
}
.open .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #DD5600;
  border-color: #c44c00;
}
.btn-warning .badge {
  color: #DD5600;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #C71C22;
  border-color: #b1191e;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
  color: #fff;
  background-color: #a3171c;
  border-color: #7b1115;
}
.open .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #a3171c;
  border-color: #7b1115;
}
.btn-danger:active, .btn-danger.active {
  background-image: none;
}
.open .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #C71C22;
  border-color: #b1191e;
}
.btn-danger .badge {
  color: #C71C22;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #73A839;
  border-color: #669533;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
  color: #fff;
  background-color: #5e8a2f;
  border-color: #476723;
}
.open .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #5e8a2f;
  border-color: #476723;
}
.btn-success:active, .btn-success.active {
  background-image: none;
}
.open .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #73A839;
  border-color: #669533;
}
.btn-success .badge {
  color: #73A839;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #033C73;
  border-color: #022f5a;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
  color: #fff;
  background-color: #02274b;
  border-color: #01101f;
}
.open .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #02274b;
  border-color: #01101f;
}
.btn-info:active, .btn-info.active {
  background-image: none;
}
.open .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #033C73;
  border-color: #022f5a;
}
.btn-info .badge {
  color: #033C73;
  background-color: #fff;
}

.btn-link {
  color: #0b63bc;
  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: #073d74;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 11px 19px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0px 6px;
  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(twbs-font-path("bootstrap/glyphicons-halflings-regular.eot"));
  src: url(twbs-font-path("bootstrap/glyphicons-halflings-regular.eot?#iefix")) format("embedded-opentype"), url(twbs-font-path("bootstrap/glyphicons-halflings-regular.woff")) format("woff"), url(twbs-font-path("bootstrap/glyphicons-halflings-regular.ttf")) format("truetype"), url(twbs-font-path("bootstrap/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:empty {
  width: 1em;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.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: #fff;
  border: 1px solid #ccc;
  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.428571429;
  color: #333;
  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: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #948754;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #999;
}

.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-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #999;
}

.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: 992px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: 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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .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:before, .btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group {
  float: left;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn-group + .btn-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, .btn-group-lg.btn-group > .btn + .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, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .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:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.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 > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-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 {
  width: 100%;
  margin-bottom: 0;
}

.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: #555;
  text-align: center;
  background-color: #F5F5F5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 11px 19px;
  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 > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  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 > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
}
.input-group-btn:first-child > .btn {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn {
  margin-left: -1px;
}

.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -4px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:active {
  z-index: 2;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.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: #a99c68;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #a99c68;
  border-color: #0b63bc;
}
.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 #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #F5F5F5 #F5F5F5 #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #222;
  background-color: #948754;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.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: #fff;
  background-color: #948754;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

#contribute-nav {
  padding-left: 35;
}
#contribute-nav > li > a {
  padding: 5px 0;
}
#contribute-nav > li > a:hover {
  background: none;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.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, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #948754;
  }
}

.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-color: #16120d;
  background-image: -webkit-linear-gradient(top, #483a2d 0%, #2f261d 100%);
  background-image: linear-gradient(to bottom, #483a2d 0%, #2f261d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF483A2D", endColorstr="#FF2F261D", GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.navbar:before, .navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
@media (min-width: 992px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 992px) {
  .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:before, .navbar-collapse:after {
  content: " ";
  display: table;
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 992px) {
  .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 > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 992px) {
  .container > .navbar-header,
.container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 992px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 992px) {
  .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;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 992px) {
  .navbar > .container .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 .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a,
.navbar-nav > li > button {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 991px) {
  .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 > li > button,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu > li > button {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-nav .open .dropdown-menu > li > button:hover,
.navbar-nav .open .dropdown-menu > li > button:focus {
    background-image: none;
  }
}
@media (min-width: 992px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a,
.navbar-nav > li > button {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}

@media (min-width: 992px) {
  .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 (max-width: 991px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .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-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 13px;
  margin-bottom: 13px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #2f261d;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > button {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > button:hover,
.navbar-default .navbar-nav > li > button:focus {
  color: #f8e413;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > button,
.navbar-default .navbar-nav > .active > button:hover,
.navbar-default .navbar-nav > .active > button:focus {
  color: #555;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > button,
.navbar-default .navbar-nav > .disabled > button:hover,
.navbar-default .navbar-nav > .disabled > button:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #16120d;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > button,
.navbar-default .navbar-nav > .open > button:hover,
.navbar-default .navbar-nav > .open > button:focus {
  background-color: transparent;
  color: #555;
}
@media (max-width: 991px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > button {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > button:focus {
    color: #f8e413;
    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,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > button:focus {
    color: #555;
    background-color: transparent;
  }
  .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,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > button:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #f8e413;
}

.navbar-inverse {
  background-color: #033C73;
  border-color: #022241;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > button {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > button:hover,
.navbar-inverse .navbar-nav > li > button:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > button,
.navbar-inverse .navbar-nav > .active > button:hover,
.navbar-inverse .navbar-nav > .active > button:focus {
  color: #fff;
  background-color: #022241;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > button,
.navbar-inverse .navbar-nav > .disabled > button:hover,
.navbar-inverse .navbar-nav > .disabled > button:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #022a50;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > button,
.navbar-inverse .navbar-nav > .open > button:hover,
.navbar-inverse .navbar-nav > .open > button:focus {
  background-color: #022241;
  color: #fff;
}
@media (max-width: 991px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #022241;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #022241;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > button {
    color: #fff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > button:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > button:focus {
    color: #fff;
    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,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > button,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > button:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > button:focus {
    color: #fff;
    background-color: #022241;
  }
  .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,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > button,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > button:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > button:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #fff;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.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: "/ ";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #999;
}

.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.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  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 > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background-color: #F5F5F5;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #948754;
  border-color: #948754;
  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: #999;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 11px 19px;
  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: 2px 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:before, .pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #F5F5F5;
}
.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: #999;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label[href]:hover, .label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #999;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: gray;
}

.label-primary {
  background-color: #948754;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #736942;
}

.label-success {
  background-color: #73A839;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #59822c;
}

.label-info {
  background-color: #033C73;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #022241;
}

.label-warning {
  background-color: #DD5600;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #aa4200;
}

.label-danger {
  background-color: #C71C22;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #9a161a;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0b63bc;
  background-color: #fff;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #F5F5F5;
}
.jumbotron h1,
.jumbotron .h1 {
  line-height: 1;
  color: inherit;
}
.jumbotron p {
  line-height: 1.4;
}
.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.428571429;
  background-color: #bbb;
  border: 1px solid #999;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #555;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0b63bc;
}

.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: #fff;
  text-align: center;
  background-color: #948754;
  -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: #73A839;
}
.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: #033C73;
}
.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: #DD5600;
}
.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: #C71C22;
}
.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: #fff;
  border: 1px solid #ddd;
}
.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: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
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: #fff;
  background-color: #948754;
  border-color: #948754;
}
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: #e4e0d0;
}

.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: #fff;
  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-body:before, .panel-body:after {
  content: " ";
  display: table;
}
.panel-body:after {
  clear: both;
}

.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child th,
.panel > .table > tbody: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-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.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 #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.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 #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #948754;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #948754;
  border-color: #948754;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #948754;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #948754;
}

.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-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;
}

.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;
}

.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: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover, .close:focus {
  color: #000;
  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: 1040;
}
.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;
  z-index: 1050;
}

.modal-content {
  position: relative;
  background-color: none;
  border: 1px solid transparent;
  border: 1px solid transparent;
  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: 1030;
  background-color: black;
}
.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 transparent;
  min-height: 16.428571429px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid transparent;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.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 screen and (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);
  }
}
.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: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  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: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  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: #999;
  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: #fff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  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: #fff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  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: #fff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  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 {
  display: block;
  max-width: 100%;
  height: auto;
  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: #fff;
  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: #fff;
  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: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.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 #fff;
  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: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  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 .glyphicons-chevron-left,
.carousel-control .glyphicons-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;
  }
}
[class^=icon-],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/images/pages/base/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^=icon-],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^=icon-],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^=icon-],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^=icon-],
.dropdown-menu > li > a:focus > [class^=icon-],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^=icon-],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^=icon-],
.dropdown-submenu:focus > a > [class^=icon-],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("/images/pages/base/glyphicons-halflings-white.png");
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
  width: 16px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
  width: 16px;
}

.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.navbar .brand {
  padding: 14px 20px 16px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.navbar li {
  line-height: 20px;
}
.navbar .nav > li > a {
  padding: 16px 10px 14px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.navbar .search-query {
  border: 1px solid #084a8c;
  line-height: normal;
}
.navbar .navbar-text {
  padding: 19px 10px 18px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.navbar-inverse .navbar-search .search-query {
  color: #555;
}

@media (max-width: 992px) {
  .navbar .nav-collapse .navbar-nav li > a {
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  }
  .navbar .nav-collapse .nav .active > a {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #2B7CAC;
  }
  .navbar .nav-collapse .dropdown-menu li > a:hover,
.navbar .nav-collapse .dropdown-menu li > a:focus,
.navbar .nav-collapse .dropdown-submenu:hover > a {
    background-image: none;
  }
  .navbar .nav-collapse .navbar-form,
.navbar .nav-collapse .navbar-search {
    border: none;
  }
  .navbar .nav-collapse .nav-header {
    color: #2B7CAC;
  }
  .navbar-inverse .nav-collapse .nav li > a {
    color: #999;
  }
  .navbar-inverse .nav-collapse .nav li > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .navbar-inverse .nav-collapse .nav .active > a,
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
}
div.subnav {
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}

div.subnav-fixed {
  top: 51px;
}

.btn {
  background-image: -webkit-linear-gradient(#fff, #fff 5%, white);
  background-image: linear-gradient(#fff, #fff 5%, white);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFFFFFFF", GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover {
  background-position: 0 0;
}

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #a4955e 0%, #948754 100%);
  background-image: linear-gradient(to bottom, #a4955e 0%, #948754 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFA4955E", endColorstr="#FF948754", GradientType=0);
  border-color: #948754 #948754 #635a38;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #948754; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #fff;
  background-color: #948754;
  *background-color: #84784b;
}
.btn-primary:active, .btn-primary.active {
  background-color: #736942 \9 ;
}

.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #04498c 0%, #033C73 100%);
  background-image: linear-gradient(to bottom, #04498c 0%, #033C73 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF04498C", endColorstr="#FF033C73", GradientType=0);
  border-color: #033C73 #033C73 #011528;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #033C73; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  color: #fff;
  background-color: #033C73;
  *background-color: #022f5a;
}
.btn-info:active, .btn-info.active {
  background-color: #022241 \9 ;
}

.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #80bb3f 0%, #73A839 100%);
  background-image: linear-gradient(to bottom, #80bb3f 0%, #73A839 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF80BB3F", endColorstr="#FF73A839", GradientType=0);
  border-color: #73A839 #73A839 #4c6f26;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #73A839; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  color: #fff;
  background-color: #73A839;
  *background-color: #669533;
}
.btn-success:active, .btn-success.active {
  background-color: #59822c \9 ;
}

.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #f76000 0%, #DD5600 100%);
  background-image: linear-gradient(to bottom, #f76000 0%, #DD5600 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF76000", endColorstr="#FFDD5600", GradientType=0);
  border-color: #DD5600 #DD5600 #913800;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #DD5600; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  color: #fff;
  background-color: #DD5600;
  *background-color: #c44c00;
}
.btn-warning:active, .btn-warning.active {
  background-color: #aa4200 \9 ;
}

.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #dd1f26 0%, #C71C22 100%);
  background-image: linear-gradient(to bottom, #dd1f26 0%, #C71C22 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFDD1F26", endColorstr="#FFC71C22", GradientType=0);
  border-color: #C71C22 #C71C22 #841317;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #C71C22; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  color: #fff;
  background-color: #C71C22;
  *background-color: #b1191e;
}
.btn-danger:active, .btn-danger.active {
  background-color: #9a161a \9 ;
}

.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #404040 0%, #333 100%);
  background-image: linear-gradient(to bottom, #404040 0%, #333 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF404040", endColorstr="#FF333333", GradientType=0);
  border-color: #333 #333 #0d0d0d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #333; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  color: #fff;
  background-color: #333;
  *background-color: #262626;
}
.btn-inverse:active, .btn-inverse.active {
  background-color: #1a1a1a \9 ;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix: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,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  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-xs.visible-sm {
    display: block !important;
  }
  table.visible-xs.visible-sm {
    display: table;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  table.visible-xs.visible-md {
    display: table;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  table.visible-xs.visible-lg {
    display: table;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  table.visible-sm.visible-xs {
    display: table;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
td.visible-sm.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-sm.visible-md {
    display: block !important;
  }
  table.visible-sm.visible-md {
    display: table;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  table.visible-sm.visible-lg {
    display: table;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  table.visible-md.visible-xs {
    display: table;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  table.visible-md.visible-sm {
    display: table;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
td.visible-md.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-md.visible-lg {
    display: block !important;
  }
  table.visible-md.visible-lg {
    display: table;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  table.visible-lg.visible-xs {
    display: table;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  table.visible-lg.visible-sm {
    display: table;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  table.visible-lg.visible-md {
    display: table;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
td.visible-lg.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;
  }
}
.hidden-xs {
  display: block !important;
}

table.hidden-xs {
  display: table;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs,
tr.hidden-xs,
th.hidden-xs,
td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
tr.hidden-xs.hidden-sm,
th.hidden-xs.hidden-sm,
td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
tr.hidden-xs.hidden-md,
th.hidden-xs.hidden-md,
td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
tr.hidden-xs.hidden-lg,
th.hidden-xs.hidden-lg,
td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}

table.hidden-sm {
  display: table;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
tr.hidden-sm.hidden-xs,
th.hidden-sm.hidden-xs,
td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
tr.hidden-sm,
th.hidden-sm,
td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
tr.hidden-sm.hidden-md,
th.hidden-sm.hidden-md,
td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
tr.hidden-sm.hidden-lg,
th.hidden-sm.hidden-lg,
td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}

table.hidden-md {
  display: table;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs,
tr.hidden-md.hidden-xs,
th.hidden-md.hidden-xs,
td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
tr.hidden-md.hidden-sm,
th.hidden-md.hidden-sm,
td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
tr.hidden-md,
th.hidden-md,
td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
tr.hidden-md.hidden-lg,
th.hidden-md.hidden-lg,
td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}

table.hidden-lg {
  display: table;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
tr.hidden-lg.hidden-xs,
th.hidden-lg.hidden-xs,
td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
tr.hidden-lg.hidden-sm,
th.hidden-lg.hidden-sm,
td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
tr.hidden-lg.hidden-md,
th.hidden-lg.hidden-md,
td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
tr.hidden-lg,
th.hidden-lg,
td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.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;
  }
  .hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
    display: none !important;
  }
}
.secret {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-variant: small-caps;
}

a {
  cursor: pointer;
}

iframe {
  border: none;
}

.error {
  left: 8px;
}

.selectable {
  cursor: pointer;
}

.modal-dialog.game {
  padding: 5px;
  margin-top: 30px;
  margin-bottom: 0px;
  padding-top: 30px;
}
.modal-dialog.game .background-wrapper {
  background: url("/images/pages/base/modal_background.png");
  background-size: 100% 100%;
  border: 0;
  -webkit-box-shadow: 0 0 0 #000;
  box-shadow: 0 0 0 #000;
  width: 99%;
}
.modal-dialog.game .background-wrapper.plain {
  background: white;
}
.modal-dialog.game .plain h1, .modal-dialog.game .plain h2, .modal-dialog.game .plain h3, .modal-dialog.game .plain h4, .modal-dialog.game .plain h5, .modal-dialog.game .plain h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.modal-dialog.game .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-dialog.game .modal-header {
  margin: 0 14px;
  padding: 8px 0;
  border-bottom-color: #ccc;
}
.modal-dialog.game .modal-header .close {
  font-size: 28px;
  padding: 15px;
  margin-right: -15px;
  margin-top: -15px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.modal-dialog.game .modal-header .close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-dialog.game .modal-footer {
  background-color: transparent;
  margin: 0 14px;
  border-bottom-color: #ccc;
}
.modal-dialog.game .modal-footer.linkedin {
  text-align: center;
}
.modal-dialog.game .modal-footer.linkedin .signin-text {
  font-size: 15px;
  padding-bottom: 10px;
}
.modal-dialog.game .login-link {
  cursor: pointer;
}

.loading-screen {
  margin-bottom: 20px;
}
.loading-screen .progress {
  width: 50%;
  margin: 0 25%;
}

.loading-container {
  text-align: center;
}
.loading-container .progress-bar {
  width: 0%;
  transition: width 0.1s ease;
}
.loading-container .errors .alert {
  padding: 5px;
  display: block;
  margin: 10px auto;
}
.loading-container .errors .alert .btn {
  margin-left: 10px;
}

.modal {
  overflow-y: auto !important;
}
.modal .wait h3 {
  text-align: center;
}
.modal .wait .progress {
  width: 50%;
  margin: 10px auto;
}
.modal .wait .progress-bar {
  width: 100%;
}

table.table {
  background-color: white;
}

.ui-autocomplete.ui-front {
  z-index: 1060;
}

.ui-slider {
  border: 1px solid black;
}

.ui-slider-handle {
  border: 1px solid black !important;
}

.ui-widget-content, .ui-widget-header, .ui-widget-overlay, .ui-widget-shadow {
  background-image: none;
}

.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-error, .ui-state-default .ui-state-default, .ui-state-default .ui-state-focus, .ui-state-default .ui-state-active, .ui-state-default .ui-state-highlight, .ui-state-default .ui-state-error, .ui-widget-header .ui-state-default, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-active, .ui-widget-header .ui-state-highlight, .ui-widget-header .ui-state-error {
  background-image: none;
}

.highlight-pointer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}

.header-font {
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
}

body[lang=ja] h1, body[lang=ja] h2, body[lang=ja] h3, body[lang=ja] h4, body[lang=ja] h5, body[lang=ja] h6 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  letter-spacing: -1px !important;
}
body[lang=ja] .header-font {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  letter-spacing: -1px !important;
}

@media only screen and (max-width: 800px) {
  .main-content-area {
    width: 100%;
  }
  .content {
    width: 100%;
  }
  .footer-link-text a {
    font-size: 17px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .share-buttons {
    margin-bottom: 20px;
  }
  .partner-badges {
    display: none;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("/fonts/glyphicons-halflings-regular.eot");
  src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
}
.spr:after {
  content: " ";
}

.spl:before {
  content: " ";
}

a[data-toggle=coco-modal] {
  cursor: pointer;
}

.achievement-corner {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1001;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.gem {
  display: inline-block;
  background: transparent url(/images/common/gem.png) no-repeat center;
  background-size: contain;
  width: 80px;
  height: 80px;
  margin: 0px 2px;
}
.gem.gem-20 {
  width: 20px;
  height: 20px;
}
.gem.gem-25 {
  width: 25px;
  height: 25px;
}
.gem.gem-30 {
  width: 30px;
  height: 30px;
}
.gem.gem-40 {
  width: 40px;
  height: 40px;
}
.gem.gem-60 {
  width: 60px;
  height: 60px;
}

.popover {
  z-index: 1000002;
  border-style: solid;
  border-image: url(/images/level/popover_border_background.png) 16 12 fill stretch;
  border-width: 16px 12px;
}
.popover .arrow {
  display: none;
}
.popover .btn {
  font-size: 20px;
  width: 100%;
}

.btn.btn-illustrated {
  background: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-style: solid;
  border-image: url(/images/common/button-background-active-border.png) 14 20 20 20 fill round;
  border-width: 7px 10px 10px 10px;
  padding: 0;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: rgb(248, 197, 146);
}
.btn.btn-illustrated.btn-lg, .btn-group-lg > .btn.btn-illustrated {
  border-width: 14px 20px 20px 20px;
  height: 60px;
  line-height: 34px;
}
.btn.btn-illustrated.btn-primary {
  border-image-source: url(/images/common/button-background-primary-active-border.png);
}
.btn.btn-illustrated.btn-success {
  border-image-source: url(/images/common/button-background-success-active-border.png);
  color: #f2f2f2;
}
.btn.btn-illustrated.btn-warning {
  border-image-source: url(/images/common/button-background-warning-active-border.png);
  color: #f2f2f2;
}
.btn.btn-illustrated.btn-danger {
  border-image-source: url(/images/common/button-background-danger-active-border.png);
}
.btn.btn-illustrated:hover {
  color: #fad2aa;
}
.btn.btn-illustrated:hover.btn-success {
  color: white;
}
.btn.btn-illustrated:hover.btn-warning {
  color: white;
}
.btn.btn-illustrated:active.btn-lg, .btn-group-lg > .btn.btn-illustrated:active {
  border-image-source: url(/images/common/button-background-pressed-border.png);
}
.btn.btn-illustrated:active:not(.btn-lg) {
  border-image: url(/images/common/button-background-pressed-border.png) 14 16 16 20 fill round;
  padding: 2px 0 0 2px;
  border-width: 7px 8px 8px 10px;
}
.btn.btn-illustrated:active.btn-primary {
  border-image-source: url(/images/common/button-background-primary-pressed-border.png);
}
.btn.btn-illustrated:active.btn-success {
  border-image-source: url(/images/common/button-background-success-pressed-border.png);
}
.btn.btn-illustrated:active.btn-warning {
  border-image-source: url(/images/common/button-background-warning-pressed-border.png);
}
.btn.btn-illustrated:active.btn-danger {
  border-image-source: url(/images/common/button-background-danger-pressed-border.png);
}
.btn.btn-illustrated.disabled, .btn.btn-illustrated:disabled {
  border-image: url(/images/common/button-background-disabled-border.png) 14 20 20 20 fill round;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn.btn-illustrated.disabled.btn-primary, .btn.btn-illustrated:disabled.btn-primary {
  border-image-source: url(/images/common/button-background-primary-disabled-border.png);
}
.btn.btn-illustrated.disabled.btn-success, .btn.btn-illustrated:disabled.btn-success {
  border-image-source: url(/images/common/button-background-success-inactive-border.png);
}
.btn.btn-illustrated.disabled.btn-warning, .btn.btn-illustrated:disabled.btn-warning {
  border-image-source: url(/images/common/button-background-warning-disabled-border.png);
}
.btn.btn-illustrated.disabled.btn-danger, .btn.btn-illustrated:disabled.btn-danger {
  border-image-source: url(/images/common/button-background-danger-disabled-border.png);
}
.btn.btn-illustrated.disabled > *, .btn.btn-illustrated:disabled > * {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.btn.btn-illustrated > * {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.btn.btn-illustrated:hover > * {
  opacity: 1;
  filter: alpha(opacity=100);
}

body > iframe[src^="https://apis.google.com"] {
  display: none;
}

.treema-node input[type=checkbox] {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  width: auto;
  margin: 8px 15px 8px 15px;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.well-parchment {
  border: 2px solid #14110e;
  background: #c2b695;
  color: #282116;
}

.img-prize {
  border: 4px solid #fef9a3;
  padding: 2px;
  background: #693415;
}

.label-banner {
  border: 2px solid #350f0d;
  background: #e6251c;
  color: white;
  padding: 0em 0.6em 0.1em;
}

body.picoctf .picoctf-hide {
  display: none;
}

body:not(.picoctf) .picoctf-show {
  display: none;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-0 {
  margin: 0 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a-1 {
  margin: 1rem 1rem !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.m-r-1 {
  margin-right: 1rem !important;
}

.m-b-1 {
  margin-bottom: 1rem !important;
}

.m-l-1 {
  margin-left: 1rem !important;
}

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-a-2 {
  margin: 1.5rem 1.5rem !important;
}

.m-t-2 {
  margin-top: 1.5rem !important;
}

.m-r-2 {
  margin-right: 1.5rem !important;
}

.m-b-2 {
  margin-bottom: 1.5rem !important;
}

.m-l-2 {
  margin-left: 1.5rem !important;
}

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-a-3 {
  margin: 3rem 3rem !important;
}

.m-t-3 {
  margin-top: 3rem !important;
}

.m-r-3 {
  margin-right: 3rem !important;
}

.m-b-3 {
  margin-bottom: 3rem !important;
}

.m-l-3 {
  margin-left: 3rem !important;
}

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-a-4 {
  margin: 4rem 4rem !important;
}

.m-t-4 {
  margin-top: 4rem !important;
}

.m-r-4 {
  margin-right: 4rem !important;
}

.m-b-4 {
  margin-bottom: 4rem !important;
}

.m-l-4 {
  margin-left: 4rem !important;
}

.m-x-4 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.m-y-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-a-5 {
  margin: 5rem 5rem !important;
}

.m-t-5 {
  margin-top: 5rem !important;
}

.m-r-5 {
  margin-right: 5rem !important;
}

.m-b-5 {
  margin-bottom: 5rem !important;
}

.m-l-5 {
  margin-left: 5rem !important;
}

.m-x-5 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.m-y-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.p-a-0 {
  padding: 0 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a-1 {
  padding: 1rem 1rem !important;
}

.p-t-1 {
  padding-top: 1rem !important;
}

.p-r-1 {
  padding-right: 1rem !important;
}

.p-b-1 {
  padding-bottom: 1rem !important;
}

.p-l-1 {
  padding-left: 1rem !important;
}

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-a-2 {
  padding: 1.5rem 1.5rem !important;
}

.p-t-2 {
  padding-top: 1.5rem !important;
}

.p-r-2 {
  padding-right: 1.5rem !important;
}

.p-b-2 {
  padding-bottom: 1.5rem !important;
}

.p-l-2 {
  padding-left: 1.5rem !important;
}

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-a-3 {
  padding: 3rem 3rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

.p-r-3 {
  padding-right: 3rem !important;
}

.p-b-3 {
  padding-bottom: 3rem !important;
}

.p-l-3 {
  padding-left: 3rem !important;
}

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-a-4 {
  padding: 4rem 4rem !important;
}

.p-t-4 {
  padding-top: 4rem !important;
}

.p-r-4 {
  padding-right: 4rem !important;
}

.p-b-4 {
  padding-bottom: 4rem !important;
}

.p-l-4 {
  padding-left: 4rem !important;
}

.p-x-4 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.p-y-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-a-5 {
  padding: 5rem 5rem !important;
}

.p-t-5 {
  padding-top: 5rem !important;
}

.p-r-5 {
  padding-right: 5rem !important;
}

.p-b-5 {
  padding-bottom: 5rem !important;
}

.p-l-5 {
  padding-left: 5rem !important;
}

.p-x-5 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.p-y-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

h1 {
  text-shadow: none;
  border-radius: 5px;
}

.editor-widget {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.centering_container {
  position: absolute;
  left: 25%;
  bottom: 5%;
  z-index: 1;
}

#console {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

#submit {
  position: relative;
  left: -50%;
  z-index: 1;
}

html .lt-ie7, html .lt-ie8, html .lt-ie9, html .lt-ie10 {
  display: none;
}
html.lt-ie7 .lt-ie7 {
  display: block;
}
html.lt-ie8 .lt-ie8 {
  display: block;
}
html.lt-ie9 .lt-ie9 {
  display: block;
}
html.lt-ie10 .lt-ie10 {
  display: block;
}

#home-view {
  overflow: hidden;
}
#home-view h1, #home-view .text-h1 {
  font-family: "lores12ot-bold", "VT323";
  font-weight: bold;
  font-size: 56px;
  line-height: 64px;
  margin-bottom: -6px;
  color: #0E4C60;
}
#home-view h2, #home-view .text-h2 {
  font-family: "lores12ot-bold", "VT323";
  font-weight: bold;
  font-size: 33px;
  line-height: 62px;
  letter-spacing: 2.58px;
}
#home-view h3, #home-view .text-h3 {
  font-family: "Work Sans", "Open Sans", "sans serif";
  font-weight: normal;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.56px;
  color: #131825;
}
#home-view h4, #home-view .text-h4 {
  font-family: "Work Sans", "Open Sans", "sans serif";
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0.56px;
  color: black;
  margin-bottom: 14px;
}
#home-view h5, #home-view .text-h5 {
  font-family: "Work Sans", "Open Sans", "sans serif";
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.48px;
  font-weight: normal;
}
#home-view p, #home-view .text-p {
  font-family: "Work Sans", "Open Sans", "sans serif";
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 30px;
  color: #131B25;
}
#home-view .btn-primary, #home-view .btn-navy, #home-view .btn-teal {
  background-color: #1FBAB4;
  border-radius: 4px;
  color: #232323;
  text-shadow: unset;
  font-weight: bold;
  letter-spacing: 0.71px;
  line-height: 24px;
  min-width: 247px;
}
#home-view .btn-primary:hover, #home-view .btn-navy:hover, #home-view .btn-teal:hover {
  background-color: #2DCEC8;
  transition: background-color 0.35s;
}
#home-view .btn-primary-alt, #home-view .btn-navy-alt, #home-view .btn-teal-alt {
  background-color: transparent;
  border: 2px solid #1FBAB4;
  color: #1FBAB4;
  border-radius: 4px;
  text-shadow: unset;
  font-weight: bold;
  letter-spacing: 0.71px;
  line-height: 24px;
  min-width: 247px;
}
#home-view .btn-primary-alt:hover, #home-view .btn-navy-alt:hover, #home-view .btn-teal-alt:hover {
  background-color: #1FBAB4;
  box-shadow: unset;
  color: #232323;
  transition: color 0.35s, background-color 0.35s, box-shadow 0.35s;
}
#home-view #site-content-area {
  background: linear-gradient(262.39deg, #D7EFF2 -1.56%, #FDFFFF 95.05%);
  margin-bottom: -50px;
  /* These create the broken top border which FAQ sits between */
  /* Top left border */
  /* Top right border */
}
#home-view #site-content-area .row {
  padding: 62px 0px;
}
#home-view #site-content-area .row.video-row {
  padding: 0 0 40px 0;
}
#home-view #site-content-area .row.subhead-row {
  padding: 17px 0 24px 0;
}
#home-view #site-content-area .row.get-started-row {
  padding: 72px 0 15px 0;
}
#home-view #site-content-area .row.for-educators-row {
  padding: 10px 0 50px 0;
}
#home-view #site-content-area .row.product-row {
  padding: 0 31px;
}
#home-view #site-content-area .row.product-row.codecombat-classroom-row {
  padding-top: 70px;
}
#home-view #site-content-area .row.product-row .row {
  padding: 0;
}
#home-view #site-content-area .row.product-row .row.coco-home-section {
  padding: 15px 0;
}
#home-view #site-content-area .row.for-parents-row {
  padding: 0 0 50px 0;
}
#home-view #site-content-area .row.for-everyone-row {
  padding: 0 0 50px 0;
}
#home-view #site-content-area .row.community-row {
  padding: 91px 0 10px 0;
}
#home-view #site-content-area .row.testimonials-row {
  padding: 20px 0 0 0;
}
#home-view #site-content-area .width-container {
  max-width: 1170px;
  float: unset;
  margin: 0 auto;
}
#home-view #site-content-area #top-banner {
  background-color: #6AE8E3;
  padding: 10px 0px;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  line-height: 20px;
}
#home-view #site-content-area #top-banner .row {
  max-width: 1170px;
  float: unset;
  margin: 0 auto;
  padding: 0px;
}
#home-view #site-content-area #top-banner .row span p {
  margin: 0;
  font-size: unset;
}
#home-view #site-content-area #top-banner a {
  margin-left: 10px;
  font-weight: 700;
  color: #000;
}
#home-view #site-content-area #top-banner .top-banner-img {
  position: absolute;
  height: 120px;
  left: -20px;
  transform: scaleX(-1);
}
@media (max-width: 768px) {
  #home-view #site-content-area #top-banner .top-banner-img {
    display: none;
  }
}
@media (max-width: 1100px) {
  #home-view #site-content-area #top-banner .top-banner-img {
    left: 0px;
  }
}
#home-view #site-content-area .btn-gold {
  background-color: #F2BE19;
}
#home-view #site-content-area .btn-gold:hover {
  background-color: #FDD147;
}
#home-view #site-content-area .cloud-wrapper {
  background-image: url(/images/pages/parents/image_cloud_3.svg), url(/images/pages/parents/image_cloud_4.svg), url(/images/pages/parents/image_cloud_3.svg), url(/images/pages/parents/image_cloud_1.svg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 260px, 90px, 260px, 150px;
  background-position: top 10px left 1%, top 17px right 50%, top 335px left 37%, top 33px right calc(10px + 2%);
}
@media screen and (max-width: 991px) {
  #home-view #site-content-area .cloud-wrapper {
    background: transparent;
  }
}
#home-view #site-content-area #jumbotron-container-fluid {
  background-image: url(/images/pages/home-v2/hero-image.png);
  background-repeat: no-repeat;
  background-size: 616px;
  background-position: 100% 86px;
  height: 591px;
  max-width: 1226px;
  margin: auto;
  padding-bottom: 0;
}
@supports (background-image: url(/images/pages/home-v2/hero-image.webp)) {
  #home-view #site-content-area #jumbotron-container-fluid {
    background-image: url(/images/pages/home-v2/hero-image.webp);
  }
}
#home-view #site-content-area #jumbotron-container-fluid h1 {
  margin: 54px 64px 50px 0;
  word-break: keep-all;
}
#home-view #site-content-area #jumbotron-container-fluid .button-section {
  width: 250px;
  text-transform: uppercase;
}
#home-view #site-content-area #jumbotron-container-fluid .button-section .btn-lg, #home-view #site-content-area #jumbotron-container-fluid .button-section .btn-group-lg > .btn {
  font-size: 20px;
}
#home-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary {
  background-color: #F2BE19;
}
#home-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary:hover {
  background-color: #FDD147;
}
#home-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary-alt {
  border-color: #F2BE19;
  color: #F2BE19;
}
#home-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary-alt:hover {
  background-color: #F2BE19;
  color: #232323;
}
#home-view #site-content-area #jumbotron-container-fluid .button-section p {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  #home-view #site-content-area #jumbotron-container-fluid {
    background-size: 50%;
    background-position: 100% 100%;
  }
}
@media screen and (max-width: 600px) {
  #home-view #site-content-area #jumbotron-container-fluid {
    background-size: 100%;
    background-position: 100% 25%;
  }
  #home-view #site-content-area #jumbotron-container-fluid h1 {
    text-shadow: 2px 0 0 white, -2px 0 0 white, 0 -2px 0 white, 0 2px 0 white;
    text-align: center;
  }
  #home-view #site-content-area #jumbotron-container-fluid .button-section {
    margin: 0 auto;
  }
}
#home-view #site-content-area .video-container {
  position: relative;
  padding-top: 56.25%;
  box-shadow: 0 0 30px #0E4C60;
}
#home-view #site-content-area .container-graphic-spacer {
  pointer-events: none;
  overflow-x: hidden;
}
#home-view #site-content-area .container-graphic-spacer .row {
  padding: 5px 0;
}
#home-view #site-content-area .container-graphic-spacer img {
  margin: 0 auto;
}
#home-view #site-content-area .tent-img {
  position: absolute;
  top: -70px;
}
@media screen and (max-width: 1200px) {
  #home-view #site-content-area .tent-img {
    display: none;
  }
}
#home-view #site-content-area .ozaria-spacer-img {
  position: relative;
  max-width: 287px;
  left: 27%;
  top: -85px;
  margin-bottom: -160px;
}
#home-view #site-content-area .codecombat-spacer-img {
  position: relative;
  max-width: 262px;
  left: 49.8%;
  top: -15px;
  margin-bottom: 0;
}
#home-view #site-content-area .online-classes-spacer-img {
  position: relative;
  max-width: 289px;
  left: 43%;
  top: -15px;
  margin-bottom: -15px;
}
#home-view #site-content-area .partners-spacer-img {
  position: relative;
  max-width: 300px;
  left: 30%;
}
#home-view #site-content-area .libraries-spacer-img {
  position: relative;
  max-width: 300px;
  left: 44%;
}
#home-view #site-content-area .product-logo {
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  #home-view #site-content-area .product-logo {
    margin: 0px auto 20px auto;
  }
}
@media screen and (max-width: 600px) {
  #home-view #site-content-area .product-title {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  #home-view #site-content-area .product-btn {
    text-align: center;
  }
}
#home-view #site-content-area .centered-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
#home-view #site-content-area .community-container .row {
  padding: 50px 0 10px 0;
}
#home-view #site-content-area .community-container .heading {
  margin-bottom: 0;
}
#home-view #site-content-area .community-container p {
  font-size: 18px;
  line-height: 22px;
}
#home-view #site-content-area .community-graphics {
  background-image: url(/images/pages/parents/image_cloud_3.svg), url(/images/pages/parents/image_cloud_3.svg), url(/images/pages/parents/image_cloud_1.svg), url(/images/pages/parents/image_cloud_4.svg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: top 0px left 30px, top 40px right -50px, bottom right 10%, bottom left 17%;
  background-size: 300px, 260px, 250px, 150px;
}
@media screen and (max-width: 700px) {
  #home-view #site-content-area .testimonials-container {
    display: none;
  }
  #home-view #site-content-area .testimonials-container + .container-graphic-spacer {
    display: none;
  }
}
#home-view #site-content-area #featured-in-awards {
  margin-top: 10px;
}
#home-view #site-content-area #featured-in-awards h1 {
  font-size: 40px;
  line-height: 43px;
}
#home-view #site-content-area #featured-in-awards .row {
  min-height: 316px;
  padding: 33px 0 0 0;
}
#home-view #site-content-area #featured-in-awards .centered-flex {
  height: 150px;
}
#home-view #site-content-area #featured-in-awards .featured-in, #home-view #site-content-area #featured-in-awards .awards-partners {
  border: 4px dashed #F2D269;
  padding: 50px 0 20px 0;
}
#home-view #site-content-area #featured-in-awards .featured-in {
  border-radius: 20px 0 0 20px;
  border-right: unset;
}
#home-view #site-content-area #featured-in-awards .awards-partners {
  border-radius: 0 20px 20px 0;
}
#home-view #site-content-area #featured-in-awards .awards-partners .centered-flex {
  flex-direction: column;
  color: #0E4C60;
}
#home-view #site-content-area #featured-in-awards .awards-partners .centered-flex p {
  margin-top: 10px;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.25px;
}
@media screen and (max-width: 991px) {
  #home-view #site-content-area #featured-in-awards .featured-in, #home-view #site-content-area #featured-in-awards .awards-partners {
    border: unset;
  }
}
#home-view #site-content-area .row.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}
#home-view #site-content-area .row.row-eq-height > [class*=col-] {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
#home-view #site-content-area .container-background-faq {
  margin-top: 50px;
  margin-bottom: 50px;
}
#home-view #site-content-area .container-background-faq .row.row-eq-height {
  padding: 0;
}
#home-view #site-content-area .container-background-faq .row .text-h4 {
  margin-top: 30px;
}
#home-view #site-content-area .container-background-faq .row.faq-links-row {
  margin: 0;
  padding: 0;
  text-align: center;
}
#home-view #site-content-area .container-background-faq .row.faq-links-row p {
  font-size: 18px;
  line-height: 22px;
  color: black;
}
#home-view #site-content-area .container-background-faq > .container {
  border: 4px solid #6AE8E3;
  border-radius: 40px;
  border-top: none;
  position: relative;
  padding: 30px;
}
#home-view #site-content-area .container-background-faq > .container > div:last-of-type {
  margin: 32px 0 0;
}
#home-view #site-content-area .container-background-faq .text-h4 {
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.333px;
}
#home-view #site-content-area .container-background-faq p, #home-view #site-content-area .container-background-faq ol {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.267px;
  color: #131B25;
}
#home-view #site-content-area .container-background-header {
  position: absolute;
  transform: translateY(-60px);
  width: calc(100% - 30px);
}
#home-view #site-content-area .container-background-faq > .container::after {
  content: "";
  position: absolute;
  height: 100px;
  width: 37%;
  border-top: 4px solid #6AE8E3;
  border-left: 4px solid #6AE8E3;
  top: 0;
  left: -4px;
  border-radius: 40px 0 0 0;
}
#home-view #site-content-area .container-background-faq > .container::before {
  content: "";
  position: absolute;
  height: 100px;
  width: 37%;
  border-top: 4px solid #6AE8E3;
  border-right: 4px solid #6AE8E3;
  top: 0;
  right: -4px;
  border-radius: 0px 40px 0 0;
}
#home-view #site-content-area .carousel-dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 6.5px;
  margin: 5px;
  background-color: #C4C4C4;
}
#home-view #site-content-area .carousel-dot:not(.active) {
  cursor: pointer;
}
#home-view #site-content-area .carousel-dot.active {
  background-color: #1FBAB4;
  cursor: default;
}
#home-view #site-content-area #game-based-carousel > .carousel-container.container, #home-view #site-content-area #student-quotes-carousel > .container {
  border-radius: 38px;
  border: 4px solid #6AE8E3;
  padding: 16px;
}
#home-view #site-content-area #game-based-carousel > .carousel-container.container .carousel-inner, #home-view #site-content-area #student-quotes-carousel > .container .carousel-inner {
  height: 521px;
}
#home-view #site-content-area #game-based-carousel > .carousel-container.container .carousel-inner .row, #home-view #site-content-area #student-quotes-carousel > .container .carousel-inner .row {
  padding: 32px 0 0;
  display: flex;
  align-items: center;
}
#home-view #site-content-area #game-based-carousel > .carousel-container.container .carousel-inner .row p, #home-view #site-content-area #student-quotes-carousel > .container .carousel-inner .row p {
  font-family: "Work Sans", "Open Sans", "sans serif";
}
#home-view #site-content-area #game-based-carousel > .carousel-container.container .carousel-inner .row p b, #home-view #site-content-area #student-quotes-carousel > .container .carousel-inner .row p b {
  font-size: 17px;
  line-height: 21px;
}
#home-view #site-content-area #student-quotes-carousel {
  margin-top: 146px;
}
#home-view #site-content-area #student-quotes-carousel > .container .carousel-inner {
  height: 406px;
}
#home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container {
  margin-top: 15px;
  padding: 0 30px;
}
#home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container ul {
  border: 0;
}
#home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container ul li {
  margin: 0 10px;
  width: 350px;
  padding: 16px 0 0 0;
  height: 60px;
  border-radius: 10px 10px 0 0;
  background-color: #0E4C60;
  text-align: center;
}
#home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container ul li .carousel-heading {
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0.005em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: white;
}
#home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container ul li:not(.active) {
  cursor: pointer;
}
#home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container ul li.active {
  background-color: #6AE8E3;
}
#home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container ul li.active h1 {
  color: #0E4C60;
}
@media screen and (max-width: 1200px) {
  #home-view #site-content-area #game-based-carousel > .carousel-tabs-container.container {
    display: none;
  }
}
#home-view .section-coco-worlds {
  margin-bottom: 50px;
}
#home-view .section-coco-worlds .coco-worlds-logo {
  width: 170px;
  margin-bottom: 36px;
}
#home-view .section-coco-worlds .product-row {
  display: flex;
}
@media screen and (max-width: 992px) {
  #home-view .section-coco-worlds .product-row {
    flex-direction: column;
  }
  #home-view .section-coco-worlds .product-row .col:first-child {
    order: 1;
  }
  #home-view .section-coco-worlds .product-row .col:last-child {
    order: 0;
  }
}
@media screen and (min-width: 992px) {
  #home-view .section-coco-worlds .product-row {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}

/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
:root {
  --color-primary: #7a65fc;
  --color-primary-1: #7a65fc;
  --color-primary-2: #9487ff;
  --color-primary-middle: #d5d5fc;
  --color-primary-light: #e9e8fd;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(122, 101, 252, 0.15);
  --color-light-background: #F9F9FF;
  --color-bg-gradient: linear-gradient(100deg, #f6f4ff 0%, #fff 100%);
  --text-shadow: -1px 0 #2605f6, 0 1px #2605f6, 1px 0 #2605f6, 0 -1px #2605f6;
  --color-primary__darken_10: #4f33fb;
  --color-primary-1__darken_10: #4f33fb;
}

body.teal-theme {
  --color-primary-1: #4decf0;
  --color-primary: #4799a9;
  --color-primary-2: #6feff3;
  --color-primary-middle: #bdf7fa;
  --color-primary-light: #e6fbfc;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(77, 236, 240, 0.3);
  --color-light-background: #f0fdfd;
  --color-bg-gradient: linear-gradient(100deg, #f0fdfd 0%, #fff 100%);
  --text-shadow: -1px 0 #295861, 0 1px #295861, 1px 0 #295861, 0 -1px #295861;
  --color-primary__darken_10: #387885;
  --color-primary-1__darken_10: #1ee7ec;
}

/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
#home-cn-view {
  overflow: hidden;
}
#home-cn-view h1, #home-cn-view .text-h1 {
  font-family: "Arvo", serif;
  font-weight: bold;
  font-size: 46px;
  line-height: 62px;
  letter-spacing: 2px;
  margin-bottom: -6px;
}
#home-cn-view h2, #home-cn-view .text-h2 {
  font-family: "Arvo", serif;
  font-weight: bold;
  font-size: 33px;
  line-height: 62px;
  letter-spacing: 2.58px;
}
#home-cn-view h3, #home-cn-view .text-h3 {
  font-family: "Arvo", serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.52px;
}
#home-cn-view h4, #home-cn-view .text-h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0.56px;
}
#home-cn-view h5, #home-cn-view .text-h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.48px;
  font-weight: normal;
}
#home-cn-view p, #home-cn-view .text-p {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.75px;
  line-height: 26px;
}
#home-cn-view .game-based-blurb .text-navy {
  font-size: 20px;
}
#home-cn-view .btn-primary, #home-cn-view .btn-navy, #home-cn-view .btn-teal {
  background-color: #1FBAB4;
  border-radius: 4px;
  color: #232323;
  text-shadow: unset;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.71px;
  line-height: 24px;
  width: 247px;
}
#home-cn-view .btn-primary:hover, #home-cn-view .btn-navy:hover, #home-cn-view .btn-teal:hover {
  background-color: #2DCEC8;
  transition: background-color 0.35s;
}
#home-cn-view .btn-primary-alt, #home-cn-view .btn-navy-alt, #home-cn-view .btn-teal-alt {
  background-color: transparent;
  border: 2px solid #1FBAB4;
  color: #1FBAB4;
  border-radius: 4px;
  text-shadow: unset;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.71px;
  line-height: 24px;
  width: 247px;
}
#home-cn-view .btn-primary-alt:hover, #home-cn-view .btn-navy-alt:hover, #home-cn-view .btn-teal-alt:hover {
  background-color: #1FBAB4;
  box-shadow: unset;
  color: #232323;
  transition: color 0.35s, background-color 0.35s, box-shadow 0.35s;
}
#home-cn-view #site-content-area .row {
  padding: 62px 0px;
}
#home-cn-view #site-content-area .row-dark {
  background: linear-gradient(118.13deg, #0E4C60 0%, #20572B 100%);
}
#home-cn-view #site-content-area .width-container {
  max-width: 1170px;
  float: unset;
  margin: 0 auto;
}
#home-cn-view #site-content-area #jumbotron-container-fluid {
  background-image: url("/images/pages/home/newbackground.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 627px;
  width: 100%;
  margin: auto;
}
#home-cn-view #site-content-area #jumbotron-container-fluid h1 {
  margin: 54px 64px 30px;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .button-section {
  margin-left: 64px;
  width: 250px;
  text-transform: uppercase;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary {
  background-color: #F2BE19;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary:hover {
  background-color: #FDD147;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary-alt {
  border-color: #F2BE19;
  color: #F2BE19;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .button-section .btn-primary-alt:hover {
  background-color: #F2BE19;
  color: #232323;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .aiyouth {
  text-align: right;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .aiyouth .gradient-title {
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  background: linear-gradient(to right, rgb(57, 160, 255), rgb(0, 223, 213));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 14px;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .aiyouth .subtitle {
  font-family: SourceHanSansCN-Medium;
  margin-right: 70px;
  font-size: 30px;
  color: white;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .aiyouth .sub2title {
  font-family: SourceHanSansCN-Medium;
  margin-right: 70px;
  font-size: 22px;
  color: white;
}
#home-cn-view #site-content-area #jumbotron-container-fluid .aiyouth .aiyouth-btn {
  margin-right: 70px;
  background-color: #F2BE19;
  margin-top: 42px;
}
#home-cn-view #site-content-area #game-based {
  background-color: #F7F9F9;
}
#home-cn-view #site-content-area #game-based .row {
  padding: 40px 0 25px 0;
}
#home-cn-view #site-content-area #game-based .tile-shadow {
  background-color: #FFFFFF;
  box-shadow: 2px 2px 6px 0 rgba(155, 155, 155, 0.51);
  padding: 37px 40px;
  height: 100%;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #game-based .tile-shadow {
    margin-bottom: 15px;
  }
}
#home-cn-view #site-content-area #game-based .tile-shadow p {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.83px;
  min-height: 170px;
  margin: 0 0 25px;
}
#home-cn-view #site-content-area #game-based .tile-shadow img {
  max-height: 275px;
}
@media (max-width: 992px) {
  #home-cn-view #site-content-area #game-based .tile-shadow img {
    width: 390px;
  }
}
@media (max-width: 480px) {
  #home-cn-view #site-content-area #game-based .tile-shadow img {
    margin: auto;
    width: 100%;
  }
}
#home-cn-view #site-content-area #game-based .tile-shadow h2 {
  line-height: 32px;
  letter-spacing: 0.66px;
  margin: 27px auto 10px;
}
#home-cn-view #site-content-area #game-based .tile-shadow h3 {
  margin: 10px auto 15px;
}
#home-cn-view #site-content-area #classroom-in-box-row {
  padding: 62px 40px;
}
#home-cn-view #site-content-area #classroom-in-box-row .row {
  padding: 0;
}
#home-cn-view #site-content-area #classroom-in-box-row .row.signup_btn {
  margin-top: 45px;
  text-align: center;
}
#home-cn-view #site-content-area #classroom-in-box-row h2, #home-cn-view #site-content-area #classroom-in-box-row .text-p {
  color: white;
  margin-bottom: 0px;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #classroom-in-box-row h2, #home-cn-view #site-content-area #classroom-in-box-row .text-p {
    padding-top: 20px;
  }
}
#home-cn-view #site-content-area #classroom-in-box-row .video-iframe {
  text-align: left;
}
@media (min-width: 1200px) {
  #home-cn-view #site-content-area #classroom-in-box-row .video-iframe {
    padding-top: 18px;
  }
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #classroom-in-box-row .video-iframe {
    text-align: center;
  }
}
#home-cn-view #site-content-area #classroom-in-box-row img {
  position: relative;
  top: -15px;
}
#home-cn-view #site-content-area #classroom-in-box-row ul {
  list-style: none;
}
#home-cn-view #site-content-area #classroom-in-box-row li {
  text-indent: -20px;
  margin-bottom: 15px;
}
#home-cn-view #site-content-area #classroom-in-box-row li::before {
  content: "•     ";
  color: #1FBAB4;
  font-size: 30px;
}
#home-cn-view #site-content-area #classroom-in-box-row .text-p {
  font-size: 24px;
  letter-spacing: 0.48px;
  line-height: 30px;
}
#home-cn-view #site-content-area .open-video-btn.video-text {
  color: inherit;
  text-decoration: underline;
  font-style: italic;
}
#home-cn-view #site-content-area .teacher-screenshots {
  padding: 10px;
  margin-bottom: 40px;
}
#home-cn-view #site-content-area .teacher-screenshots .label {
  color: black;
  display: block;
}
#home-cn-view #site-content-area .teacher-screenshots .screenshots {
  text-align: center;
}
#home-cn-view #site-content-area .teacher-screenshots .screenshots .screenshot-grid img {
  display: inline-block;
  margin: 6.5px;
  width: 300px;
  border-radius: 4px;
}
#home-cn-view #site-content-area #creativity-rigor {
  background-color: #EAEEEE;
}
#home-cn-view #site-content-area #creativity-rigor .row {
  padding-top: 40px;
}
#home-cn-view #site-content-area #creativity-rigor img {
  width: 100%;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #creativity-rigor img {
    height: unset;
  }
}
#home-cn-view #site-content-area #creativity-rigor .tile-shadow {
  background-color: white;
  box-shadow: 2px 2px 6px 0 rgba(155, 155, 155, 0.67);
  padding: 19px;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #creativity-rigor .tile-shadow {
    height: 100%;
    margin-bottom: 15px;
  }
  #home-cn-view #site-content-area #creativity-rigor .tile-shadow .request-a-quote {
    margin-top: -15px;
  }
}
#home-cn-view #site-content-area #creativity-rigor .tile-shadow h3 {
  margin: 8px auto 10px;
}
#home-cn-view #site-content-area #creativity-rigor .tile-shadow p {
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #creativity-rigor .tile-shadow p {
    margin-bottom: 35px;
  }
}
#home-cn-view #site-content-area #built-for-teachers {
  padding: 62px;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #built-for-teachers {
    padding: 62px 30px;
  }
}
#home-cn-view #site-content-area #built-for-teachers .row {
  padding: 18px 0 0;
}
#home-cn-view #site-content-area #built-for-teachers .for-teachers-blurb p {
  color: white;
  margin-bottom: 40px;
}
#home-cn-view #site-content-area #built-for-teachers h3 {
  padding-bottom: 25px;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel {
  border-radius: 14px;
  background-color: #FFFFFF;
  box-shadow: inset 2px 2px 6px 0 rgba(31, 186, 180, 0.5), 4px 4px 6px 0 #0E4C60;
  min-height: 425px;
  padding-bottom: 42px;
  padding-top: 31px;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel {
    height: unset;
  }
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel .carousel-inner .item .row div {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel .carousel-inner .item .row div.text-part-carousel {
  padding-top: 8px;
  vertical-align: top;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel .carousel-control {
  background-image: unset;
  width: 60px;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel .carousel-control img {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 25px;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel p.padding-sm {
  padding: 0 2em;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel .carousel-indicators {
  bottom: 0;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel .carousel-indicators li {
  background-color: #9B9B9B;
  margin: auto 2px;
  width: 8px;
  height: 8px;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel .carousel-indicators li.active {
  background-color: #1FBAB4;
  margin: auto 2px;
  width: 8px;
  height: 8px;
}
#home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel img.computer {
  padding-left: 40px;
  width: 100%;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #built-for-teachers #built-for-teachers-carousel img.computer {
    width: 400px;
    padding: 0px 0px 20px 0px;
  }
}
#home-cn-view #site-content-area #for-teachers, #home-cn-view #site-content-area #for-leaders {
  background-color: #F7F9F9;
}
#home-cn-view #site-content-area #for-teachers .first_row, #home-cn-view #site-content-area #for-leaders .first_row {
  padding: 40px 0 0 0;
}
@media (min-width: 1200px) {
  #home-cn-view #site-content-area #for-teachers .first_row, #home-cn-view #site-content-area #for-leaders .first_row {
    padding: 40px 0;
  }
}
#home-cn-view #site-content-area #for-teachers .second_row, #home-cn-view #site-content-area #for-leaders .second_row {
  padding: 0 0 45px 0;
}
#home-cn-view #site-content-area #for-teachers .tile-shadow, #home-cn-view #site-content-area #for-leaders .tile-shadow {
  background-color: #FFFFFF;
  box-shadow: 2px 2px 6px 0 rgba(155, 155, 155, 0.51);
  padding: 37px 40px 5px;
  height: 315px;
}
#home-cn-view #site-content-area #for-teachers .tile-shadow img, #home-cn-view #site-content-area #for-leaders .tile-shadow img {
  height: 98px;
}
#home-cn-view #site-content-area #for-teachers .tile-shadow h3, #home-cn-view #site-content-area #for-leaders .tile-shadow h3 {
  margin: 10px auto 15px;
}
#home-cn-view #site-content-area #teachers-love-codecombat {
  padding: 45px 0 31px 0;
}
#home-cn-view #site-content-area #teachers-love-codecombat .row {
  padding: 59px 0;
}
#home-cn-view #site-content-area #teachers-love-codecombat p.mcrel-blurb {
  color: white;
  font-style: italic;
  margin-bottom: 0;
}
#home-cn-view #site-content-area #teachers-love-codecombat .width-320 {
  max-width: 320px;
  display: inline-block;
}
#home-cn-view #site-content-area #quotes {
  background-color: #0E4C60;
}
#home-cn-view #site-content-area #quotes .row {
  padding: 0;
}
#home-cn-view #site-content-area #quotes img {
  margin: 0 62px 62px 62px;
  height: 42px;
  width: 40px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel h4.text-white {
  min-height: 160px;
}
@media (max-width: 992px) {
  #home-cn-view #site-content-area #quotes #quotes-carousel h4.text-white {
    font-size: 20px;
    min-height: 280px;
  }
}
#home-cn-view #site-content-area #quotes #quotes-carousel img {
  margin: 30px;
  height: 93px;
  width: 93px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel h4 {
  margin: auto 168px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel h4.wider {
  margin: auto 84px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .thumbnail {
  width: 500px;
  display: inline-block;
  text-align: left;
  border: unset;
  background-color: unset;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .carousel-control {
  background-image: unset;
  width: 60px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .carousel-control.left img {
  margin-left: 0;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .carousel-control img {
  height: 25px;
  width: 30px;
  margin-top: 100px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .carousel-indicators {
  bottom: -50px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .carousel-indicators li {
  background-color: #1FBAB4;
  border: unset;
  margin: auto 2px;
  width: 8px;
  height: 8px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .carousel-indicators li.active {
  background-color: white;
  border: unset;
  margin: auto 2px;
  width: 8px;
  height: 8px;
}
#home-cn-view #site-content-area #quotes #quotes-carousel .quote-user-info {
  display: inline-grid;
  text-align: left;
}
#home-cn-view #site-content-area #century-skills {
  background-color: #F7F9F9;
  padding: 62px;
}
#home-cn-view #site-content-area #century-skills .row {
  padding: 0;
}
#home-cn-view #site-content-area #century-skills p {
  color: white;
}
#home-cn-view #site-content-area #century-skills h5 {
  font-weight: normal;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-control {
  background-image: inherit;
  width: 60px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-control img {
  position: absolute;
  margin: auto;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 25px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-indicators {
  bottom: -5px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-indicators li {
  background-color: white;
  border: unset;
  margin: auto 2px;
  width: 8px;
  height: 8px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-indicators li.active {
  background-color: #FF6978;
  border: unset;
  margin: auto 2px;
  width: 8px;
  height: 8px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .row.carousel-body {
  padding: 0px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body {
  background-color: #0E4C60;
  box-shadow: 2px 2px 6px 0 rgba(155, 155, 155, 0.5);
  margin: unset;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .col-lg-8 {
  padding: unset;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .col-lg-4 {
  padding: 60px 60px 60px 40px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote {
  background-size: cover;
  padding-top: 22px;
  height: 419px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote h4 {
  margin: 20px auto;
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote h4 {
    font-size: 1.2em;
  }
}
@media (max-width: 1200px) {
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote h3 {
    font-size: 1.2em;
  }
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote img {
  width: 42px;
  height: 40px;
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-1 {
  background-image: url("https://assets.koudashijie.com/images/home/century_carousel1.jpg");
  background-position: right;
}
@media (min-width: 768px) {
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-1 h4.text-white {
    width: 440px;
  }
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-1 * {
    transform: translate(-100px, 0);
  }
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-2 {
  background-image: url("/images/pages/home/century_carousel2.png");
  background-position: right;
}
@media (min-width: 768px) {
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-2 h4.text-white {
    width: 415px;
  }
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-2 * {
    transform: translate(-100px, 0);
  }
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-3 {
  background-image: url("/images/pages/home/century_carousel3.png");
  background-position: left;
}
@media (min-width: 768px) {
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-3 h4.text-white {
    width: 415px;
  }
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-3 * {
    transform: translate(130px, -12.5px);
  }
}
#home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-4 {
  background-image: url("/images/pages/home/century_carousel4.png");
}
@media (min-width: 768px) {
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-4 h4.text-white {
    width: 325px;
  }
  #home-cn-view #site-content-area #century-skills #century-skills-carousel .carousel-body .quote-4 * {
    transform: translate(-160px, -10px);
  }
}
#home-cn-view #site-content-area #global {
  margin: 0 auto;
}
#home-cn-view #site-content-area #global .row {
  padding: 52px 15px 0;
}
#home-cn-view #site-content-area #global img {
  height: 82px;
}
#home-cn-view #site-content-area #global h2.text-gold {
  margin-top: 14px;
  margin-bottom: -14px;
}
#home-cn-view #site-content-area #global h5 {
  font-weight: normal;
}
#home-cn-view #site-content-area #global .col-xs-6 {
  padding: 10px 15px;
}
#home-cn-view #site-content-area #featured-partners {
  padding: 0;
}
#home-cn-view #site-content-area #featured-partners .row {
  padding: 0;
}
#home-cn-view #site-content-area #featured-partners div.container.inner-container {
  padding-top: 62px;
}
@media (min-width: 1200px) {
  #home-cn-view #site-content-area #featured-partners {
    background: linear-gradient(90deg, #F7F9F9 50%, #EAEEEE 50%);
  }
}
#home-cn-view #site-content-area #featured-partners .row:last-child {
  padding-bottom: 62px;
}
#home-cn-view #site-content-area #featured-partners .inner-container {
  max-width: 1280px;
}
@media (min-width: 1200px) {
  #home-cn-view #site-content-area #featured-partners .inner-container {
    background: linear-gradient(90deg, #F7F9F9 41.7%, #EAEEEE 41.7%);
  }
}
#home-cn-view #site-content-area #featured-partners .pink-bar {
  margin-top: -14px;
  padding-bottom: 31px;
}
@media (min-width: 480px) {
  #home-cn-view #site-content-area #featured-partners .tile-row {
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  #home-cn-view #site-content-area #featured-partners .featured-section .tile-row {
    transform: translateX(15px);
  }
  #home-cn-view #site-content-area #featured-partners .partners-section {
    transform: translateX(37px);
  }
}
#home-cn-view #site-content-area #featured-partners .partners-section .col-sm-12 a img {
  margin-top: -22px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow {
  background-color: #FFFFFF;
  box-shadow: 2px 2px 6px 0 rgba(155, 155, 155, 0.51);
  padding: 0px;
  margin: 2px 2px -6px;
  height: 190px;
  width: 190px;
}
@media (max-width: 768px) {
  #home-cn-view #site-content-area #featured-partners .tile-shadow {
    margin: 20px;
  }
  #home-cn-view #site-content-area #featured-partners .tile-shadow:last-child {
    margin-bottom: -7px;
  }
}
#home-cn-view #site-content-area #featured-partners .tile-shadow img {
  width: 100%;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow p {
  color: #9B9B9B;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 0.58px;
  line-height: 19px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .featured-partners-tile-logo {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-pcmag {
  height: 100px;
  width: 100px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-sohu {
  height: 33px;
  width: 141px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-apcsp {
  height: 100px;
  width: 100px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-codie {
  height: 55px;
  width: 156px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-cse-picks {
  height: 110px;
  width: 110px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-sina {
  height: 37px;
  width: 145px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-jiemodui {
  height: 48px;
  width: 120px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-code-org {
  height: 80px;
  width: 81px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-csforall {
  height: 60px;
  width: 133px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-amazon-future-engineer {
  height: 35px;
  width: 166px;
}
#home-cn-view #site-content-area #featured-partners .tile-shadow .logo-blurb {
  color: #9B9B9B;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0.58px;
  line-height: 19px;
  position: absolute;
  top: 145px;
  width: 100%;
}
#home-cn-view #top-banner {
  background-color: #6AE8E3;
  padding: 10px 0px;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  line-height: 20px;
}
#home-cn-view #top-banner .row {
  max-width: 1170px;
  float: unset;
  margin: 0 auto;
  padding: 0px;
}
#home-cn-view #top-banner a {
  margin-left: 10px;
  font-weight: 700;
  color: #000;
}
#home-cn-view .floatCS {
  position: fixed;
  bottom: 0;
  padding-top: 5px;
  right: 50px;
  width: 60px;
  border-radius: 8px;
  background-color: #0085dd;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  font-size: 10px;
  cursor: pointer;
}
#home-cn-view .floatCS:hover .qr {
  display: block;
}
#home-cn-view .floatCS .qr {
  width: 100px;
  position: absolute;
  display: none;
  top: -120px;
}
#home-cn-view .floatCS .icon {
  width: 4em;
}
#home-cn-view .floatCS .text {
  text-align: center;
}

body[lang=ru] #home-view h1, body[lang=ru] #home-view h2, body[lang=ru] #home-view h3, body[lang=ru] #home-view h4, body[lang=ru] #home-view h5, body[lang=ru] #home-view .text-h1, body[lang=ru] #home-view .text-h2, body[lang=ru] #home-view .text-h3, body[lang=ru] #home-view .text-h4, body[lang=ru] #home-view .text-h5, body[lang=uk] #home-view h1, body[lang=uk] #home-view h2, body[lang=uk] #home-view h3, body[lang=uk] #home-view h4, body[lang=uk] #home-view h5, body[lang=uk] #home-view .text-h1, body[lang=uk] #home-view .text-h2, body[lang=uk] #home-view .text-h3, body[lang=uk] #home-view .text-h4, body[lang=uk] #home-view .text-h5, body[lang=bg] #home-view h1, body[lang=bg] #home-view h2, body[lang=bg] #home-view h3, body[lang=bg] #home-view h4, body[lang=bg] #home-view h5, body[lang=bg] #home-view .text-h1, body[lang=bg] #home-view .text-h2, body[lang=bg] #home-view .text-h3, body[lang=bg] #home-view .text-h4, body[lang=bg] #home-view .text-h5, body[lang^=mk] #home-view h1, body[lang^=mk] #home-view h2, body[lang^=mk] #home-view h3, body[lang^=mk] #home-view h4, body[lang^=mk] #home-view h5, body[lang^=mk] #home-view .text-h1, body[lang^=mk] #home-view .text-h2, body[lang^=mk] #home-view .text-h3, body[lang^=mk] #home-view .text-h4, body[lang^=mk] #home-view .text-h5, body[lang=sr] #home-view h1, body[lang=sr] #home-view h2, body[lang=sr] #home-view h3, body[lang=sr] #home-view h4, body[lang=sr] #home-view h5, body[lang=sr] #home-view .text-h1, body[lang=sr] #home-view .text-h2, body[lang=sr] #home-view .text-h3, body[lang=sr] #home-view .text-h4, body[lang=sr] #home-view .text-h5, body[lang=pl] #home-view h1, body[lang=pl] #home-view h2, body[lang=pl] #home-view h3, body[lang=pl] #home-view h4, body[lang=pl] #home-view h5, body[lang=pl] #home-view .text-h1, body[lang=pl] #home-view .text-h2, body[lang=pl] #home-view .text-h3, body[lang=pl] #home-view .text-h4, body[lang=pl] #home-view .text-h5, body[lang=lt] #home-view h1, body[lang=lt] #home-view h2, body[lang=lt] #home-view h3, body[lang=lt] #home-view h4, body[lang=lt] #home-view h5, body[lang=lt] #home-view .text-h1, body[lang=lt] #home-view .text-h2, body[lang=lt] #home-view .text-h3, body[lang=lt] #home-view .text-h4, body[lang=lt] #home-view .text-h5, body[lang=sl] #home-view h1, body[lang=sl] #home-view h2, body[lang=sl] #home-view h3, body[lang=sl] #home-view h4, body[lang=sl] #home-view h5, body[lang=sl] #home-view .text-h1, body[lang=sl] #home-view .text-h2, body[lang=sl] #home-view .text-h3, body[lang=sl] #home-view .text-h4, body[lang=sl] #home-view .text-h5, body[lang=tr] #home-view h1, body[lang=tr] #home-view h2, body[lang=tr] #home-view h3, body[lang=tr] #home-view h4, body[lang=tr] #home-view h5, body[lang=tr] #home-view .text-h1, body[lang=tr] #home-view .text-h2, body[lang=tr] #home-view .text-h3, body[lang=tr] #home-view .text-h4, body[lang=tr] #home-view .text-h5, body[lang=vi] #home-view h1, body[lang=vi] #home-view h2, body[lang=vi] #home-view h3, body[lang=vi] #home-view h4, body[lang=vi] #home-view h5, body[lang=vi] #home-view .text-h1, body[lang=vi] #home-view .text-h2, body[lang=vi] #home-view .text-h3, body[lang=vi] #home-view .text-h4, body[lang=vi] #home-view .text-h5 {
  font-family: "Open Sans", serif;
}

@-webkit-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.0637478299%;
  }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
}
@-moz-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.0637478299%;
  }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
}
@-ms-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.0637478299%;
  }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
}
@-o-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.0637478299%;
  }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
}
@keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.0637478299%;
  }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.2549913194%;
  }
}
#campaign-view {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
#campaign-view .gradient {
  position: absolute;
  z-index: 0;
}
#campaign-view .gradient.horizontal-gradient {
  left: 0;
  right: 0;
  height: 3%;
}
#campaign-view .gradient.vertical-gradient {
  top: 0;
  bottom: 0;
  width: 3%;
}
#campaign-view .gradient.top-gradient {
  top: 0;
}
#campaign-view .gradient.right-gradient {
  right: 0;
}
#campaign-view .gradient.bottom-gradient {
  bottom: 0;
}
#campaign-view .gradient.left-gradient {
  left: 0;
}
#campaign-view .map {
  position: relative;
}
#campaign-view .map #brain-pop-done-banner-wrapper {
  position: absolute;
  top: 20%;
  width: 100%;
  z-index: 3;
}
#campaign-view .map #brain-pop-done-banner-wrapper #brain-pop-done-banner {
  background: url("/images/pages/base/modal_background.png");
  background-size: 100% 100%;
  width: 400px;
  margin: 0 auto;
  padding: 20px 40px;
  text-align: center;
}
#campaign-view .map #brain-pop-done-banner-wrapper #brain-pop-done-banner img {
  margin-bottom: 10px;
}
#campaign-view .map #roblox-level-container {
  position: absolute;
  left: 18%;
  top: 26%;
  background-color: rgb(80, 130, 200);
}
#campaign-view .map #roblox-level-container .roblox-icon {
  background: url("/images/roblox/roblox-icon.png");
  width: 410%;
  aspect-ratio: 20/19;
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  left: 50%;
  top: -80%;
}
#campaign-view .map #hackstack-level-container {
  position: absolute;
  left: 61%;
  top: 66%;
  background-color: rgb(80, 130, 200);
}
#campaign-view .map #hackstack-level-container a {
  display: inline;
}
#campaign-view .map #hackstack-level-container .hackstack-icon {
  background: url("/images/pages/hackstack/hackstack-logo-square-transparent-256.png");
  width: 200%;
  aspect-ratio: 1;
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%) scaleY(1.3333333333);
  left: 50%;
  top: -80%;
}
#campaign-view .map .map-background {
  width: 100%;
  height: 100%;
  background-size: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#campaign-view .map .level, #campaign-view .map .level-shadow {
  position: absolute;
  border-radius: 50%;
  -webkit-transform: scaleY(0.75);
  transform: scaleY(0.75);
}
#campaign-view .map .level {
  z-index: 2;
  width: 2%;
  height: 3.0598958333%;
  margin-left: -1%;
  margin-bottom: -0.2549913194%;
  border: 2px groove white;
  -webkit-transition: margin-bottom 0.5s ease;
  transition: margin-bottom 0.5s ease;
  cursor: pointer;
}
#campaign-view .map .level .treasure-chest {
  position: absolute;
  left: 50%;
  width: 150%;
  transform: translateX(-50%) translateX(50%) translateY(-130%) scaleY(1.33) scale(0.75);
  cursor: pointer;
  z-index: -1;
  filter: drop-shadow(0px 0px 4px gold);
}
#campaign-view .map .level.disabled, #campaign-view .map .level.locked {
  opacity: 0.7;
  width: 1.34%;
  height: 2.0501302083%;
  margin-left: -0.67%;
  margin-bottom: 0.0407986111%;
}
#campaign-view .map .level.disabled .treasure-chest, #campaign-view .map .level.locked .treasure-chest {
  transform: translateX(-50%) translateY(-200%) scaleY(1.33) scale(0.95);
}
#campaign-view .map .level.started, #campaign-view .map .level.next {
  border: 3px solid lightgreen;
  -webkit-box-shadow: 0px 0px 35px skyblue;
  box-shadow: 0px 0px 35px skyblue;
}
#campaign-view .map .level.complete {
  border: 3px solid gold;
  -webkit-box-shadow: 0px 0px 35px skyblue;
  box-shadow: 0px 0px 35px skyblue;
}
#campaign-view .map .level .level-difficulty-banner-text {
  position: absolute;
  bottom: 160%;
  pointer-events: none;
  color: rgb(246, 208, 2);
  text-shadow: 0px 1px 0px black;
  font-size: 1.8vw;
  z-index: 1;
  width: 100%;
  text-align: center;
}
#campaign-view .map .level img.banner {
  position: absolute;
  bottom: 38%;
  width: 170%;
  left: -35%;
}
#campaign-view .map .level img.star {
  width: 100%;
  bottom: 4%;
  position: absolute;
  pointer-events: none;
}
#campaign-view .map .level .level-acronym, #campaign-view .map .level .level-kind {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: black;
  text-align: center;
  font-size: 0.8vw;
  text-shadow: 0px 1px 0px white;
}
#campaign-view .map .level .level-kind {
  bottom: auto;
  top: 100%;
  color: white;
  text-shadow: 0px 1px 0px black, 0px -1px 0px black, -1px 0px 0px black, 1px 0px 0px black;
}
#campaign-view .map .level .level-kind.demo {
  color: rgb(128, 255, 128);
}
#campaign-view .map .level .level-kind.usage {
  color: rgb(128, 128, 255);
}
#campaign-view .map .level .level-kind.mastery {
  color: rgb(255, 128, 128);
}
#campaign-view .map .level .level-kind.practice {
  color: rgb(128, 128, 255);
}
#campaign-view .map .level .level-kind.advanced {
  color: rgb(128, 255, 255);
}
#campaign-view .map .level .level-kind.challenge {
  color: rgb(255, 255, 128);
}
#campaign-view .map .level img.hero-portrait, #campaign-view .map .level img.item-portrait {
  width: 120%;
  height: auto;
  bottom: 75%;
  left: 75%;
  margin-left: 0;
  margin-bottom: 0;
}
#campaign-view .map img.premium-hero-banner {
  position: absolute;
  height: 250%;
  transform: translate(-50%, -100%) translateX(-20%) translateY(-10%) scaleY(1.33);
  filter: drop-shadow(0px 0px 10px black);
  z-index: 3;
}
#campaign-view .map img.pet-banner {
  position: absolute;
  height: 250%;
  transform: translate(-50%, -80%) translateX(-20%) translateY(-10%) scaleY(1.33) scale(0.625);
  filter: drop-shadow(0px 0px 10px black);
  z-index: 3;
}
#campaign-view .map img.hero-portrait, #campaign-view .map img.item-portrait {
  position: absolute;
  border: 1px solid black;
  border-radius: 50%;
  background: white;
  width: 3%;
  height: 2.6227678571%;
  margin-left: -1.5%;
  margin-bottom: -0.8742559524%;
}
#campaign-view .map img.hero-portrait.hero-portrait-on-banner, #campaign-view .map img.hero-portrait.item-portrait-on-banner, #campaign-view .map img.item-portrait.hero-portrait-on-banner, #campaign-view .map img.item-portrait.item-portrait-on-banner {
  bottom: 170%;
  left: 0%;
  width: 100%;
}
#campaign-view .map img.hero-portrait.item-portrait-on-banner, #campaign-view .map img.item-portrait.item-portrait-on-banner {
  background: transparent;
  border: 0;
  border-radius: 0;
}
#campaign-view .map .level-shadow {
  z-index: 1;
  width: 1.6%;
  height: 2.4479166667%;
  margin-left: -0.8%;
  margin-bottom: -0.8159722222%;
  background-color: black;
  -webkit-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#campaign-view .map .level-shadow.locked {
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 1.072%;
  height: 1.6401041667%;
  margin-left: -0.536%;
  margin-bottom: -0.5467013889%;
}
#campaign-view .map .level:hover {
  -moz-transform: rotate(0);
  margin-bottom: 0.1274956597%;
  -webkit-box-shadow: 0px 0px 35px skyblue;
  box-shadow: 0px 0px 35px skyblue;
}
#campaign-view .map .level a {
  display: block;
  padding: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 20px;
}
#campaign-view .map .tooltip {
  z-index: 3;
  pointer-events: none;
}
body[lang=he] #campaign-view .map .tooltip, body[lang=ar] #campaign-view .map .tooltip, body[lang=fa] #campaign-view .map .tooltip, body[lang=ur] #campaign-view .map .tooltip {
  direction: rtl;
}
#campaign-view .map .tooltip .tooltip-arrow {
  display: none;
}
#campaign-view .map .level-info-container {
  display: none;
  position: absolute;
  z-index: 3;
  width: 362px;
  padding: 17px 20px 20px 20px;
  border: 0;
  background: transparent url(/images/pages/play/level-info-background.png) no-repeat center center;
  background-size: 100% 100%;
}
#campaign-view .map .level-info-container.has-loading-error .level-error-message {
  display: block;
  margin: 20px;
  font-size: 16px;
}
#campaign-view .map .level-info-container.has-loading-error .level-info > *:not(.level-error-message, h3, .level-status) {
  display: none;
}
#campaign-view .map .level-info-container .level-info h3 {
  color: rgb(232, 217, 87);
  text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
  padding: 0 2px;
  margin: 0 0 10px 31px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#campaign-view .map .level-info-container .level-info .level-description {
  color: black;
}
#campaign-view .map .level-info-container .level-info .level-description img {
  display: block;
  margin: 0px auto;
  max-width: 100%;
}
#campaign-view .map .level-info-container .level-info kbd {
  margin: 0 2px 2px 0;
  display: inline-block;
  font-size: 12px;
}
#campaign-view .map .level-info-container .level-info .level-status {
  background: transparent url(/images/pages/play/level-info-status-spritesheet.png) no-repeat 0 0;
  width: 60px;
  height: 60px;
  position: absolute;
  left: -15px;
  top: -15px;
}
#campaign-view .map .level-info-container .level-info.complete .level-status {
  background-position: -60px 0;
}
#campaign-view .map .level-info-container .level-info.premium .level-status {
  background-position: -120px 0;
}
#campaign-view .map .level-info-container .level-info.complete.premium .level-status {
  background-position: -180px 0;
}
#campaign-view .map .level-info-container .level-info .start-level, #campaign-view .map .level-info-container .level-info .start-esports {
  min-width: 200px;
  display: block;
  margin: 10px auto 0 auto;
  position: relative;
}
#campaign-view .map .level-info-container .level-info .start-level .badge, #campaign-view .map .level-info-container .level-info .start-esports .badge {
  position: absolute;
  top: auto;
  left: auto;
  right: -25px;
  bottom: -25px;
  font-size: 20px;
  color: black;
  border: 1px solid black;
  background-color: rgb(232, 217, 87);
  border-radius: 50%;
  opacity: 1;
  padding: 3px 9px;
}
#campaign-view .map .level-info-container .level-info.shows-leaderboard .start-level, #campaign-view .map .level-info-container .level-info.shows-leaderboard .view-solutions {
  min-width: calc(50% - 5px);
  display: inline-block;
  width: calc(50% - 5px);
}
#campaign-view .map .level-info-container .level-info.shows-leaderboard .start-level {
  margin: 10px 0 0 5px;
}
#campaign-view .map .level-info-container .level-info.shows-leaderboard .view-solutions {
  margin: 10px 5px 0 0;
}
#campaign-view .map .level-info-container .level-info .course-version, #campaign-view .map .level-info-container .level-info .home-version {
  text-align: center;
}
#campaign-view .map .level-info-container .level-info .threshold-icon {
  height: 40px;
  filter: drop-shadow(2px 2px 0px #222);
  position: absolute;
  right: -13px;
  top: -17px;
}
#campaign-view .map .level-info-container .level-info .practice-license-message {
  font-style: italic;
}
#campaign-view .map .level-info-container.has-practice-levels .course-version, #campaign-view .map .level-info-container.has-practice-levels .home-version {
  float: right;
}
#campaign-view .map .level-info-container.has-practice-levels .course-version .btn, #campaign-view .map .level-info-container.has-practice-levels .home-version .btn {
  height: 33px;
}
#campaign-view .map .level-info-container.has-practice-levels .course-version .btn-success, #campaign-view .map .level-info-container.has-practice-levels .home-version .btn-success {
  -webkit-animation: winnablePulse 3s infinite;
  animation: winnablePulse 3s infinite;
}
#campaign-view .map .level-info-container.has-practice-levels .course-version .btn-success span, #campaign-view .map .level-info-container.has-practice-levels .home-version .btn-success span {
  opacity: 1;
}
#campaign-view .map .level-info-container .practice-level h3 {
  margin-left: 0;
}
#campaign-view .map .campaign-switch {
  color: purple;
  position: absolute;
  z-index: 1;
  font-size: 2vw;
  text-shadow: 0 0 0.3vw white, 0 0 0.3vw white;
}
#campaign-view .map .campaign-switch:hover {
  text-decoration: none;
}
#campaign-view .next-level-line {
  height: 8px;
  position: absolute;
}
#campaign-view .next-level-line .line {
  width: calc(100% - 24px);
  float: left;
  margin-top: 2px;
  margin-bottom: 2px;
  height: 4px;
  background: repeating-linear-gradient(-45deg, #AF9F7D, #DFC89C 5px, #F1EAC0 5px, #AF9F7D 10px);
  box-shadow: 0px 0px 4px black;
}
#campaign-view .next-level-line .point {
  width: 24px;
  height: 24px;
  float: right;
  margin-top: -8px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 24px solid #faf8ea;
}
#campaign-view .game-controls {
  position: absolute;
  right: 1%;
  bottom: 1%;
  z-index: 2;
}
#campaign-view .game-controls .btn {
  width: 80px;
  height: 80px;
  background: url(/images/pages/play/menu_icons.png) no-repeat;
  position: relative;
  background-size: cover;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-box-shadow: 2px 2px 4px black;
  box-shadow: 2px 2px 4px black;
  border: 0;
  border-radius: 12px;
  filter: none;
}
#campaign-view .game-controls .btn:not(:first-child) {
  margin-left: 30px;
}
@media only screen and (max-height: 650px) {
  #campaign-view .game-controls .btn:not(:first-child) {
    margin-left: 0;
  }
}
@media only screen and (max-height: 650px) {
  #campaign-view .game-controls .btn {
    -webkit-transform: scale(0.67);
    -ms-transform: scale(0.67);
    transform: scale(0.67);
  }
}
#campaign-view .game-controls .btn img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#campaign-view .game-controls .btn:hover {
  -webkit-box-shadow: 0 0 12px #bbf;
  box-shadow: 0 0 12px #bbf;
}
#campaign-view .game-controls .btn:active, #campaign-view .game-controls .btn.highlighted {
  -webkit-box-shadow: 0 0 20px white;
  box-shadow: 0 0 20px white;
}
#campaign-view .game-controls .btn.items {
  background-position: -80px 0px;
}
#campaign-view .game-controls .btn.heroes {
  background-position: -160px 0px;
}
#campaign-view .game-controls .btn.achievements {
  background-position: -240px 0px;
}
#campaign-view .game-controls .btn.account {
  background-position: -400px 0px;
}
#campaign-view .game-controls .btn.settings {
  background-position: -400px 0px;
}
#campaign-view .game-controls .btn.gems {
  background-position: -480px 0px;
}
#campaign-view .game-controls .btn.poll {
  background-position: -320px 0px;
}
#campaign-view .game-controls .btn.premium-menu-icon {
  background: url(/images/pages/play/premium-menu-icon.png) no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  transform: scale(1.31) translateY(-5px) translateX(-6px);
  box-shadow: initial;
  filter: drop-shadow(2px 2px 4px black);
  outline: none;
}
@media only screen and (max-height: 650px) {
  #campaign-view .game-controls .btn.premium-menu-icon {
    transform: scale(0.67) scale(1.31) translateY(-5px) translateX(-6px);
  }
}
#campaign-view .game-controls .btn.premium-menu-icon:hover {
  filter: drop-shadow(0 0 2px #bbf);
}
#campaign-view .game-controls .btn.premium-menu-icon {
  background: url(/images/pages/play/premium-menu-icon.png) no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  transform: scale(1.31) translateY(-5px) translateX(-6px);
  box-shadow: initial;
  filter: drop-shadow(2px 2px 4px black);
  outline: none;
}
@media only screen and (max-height: 650px) {
  #campaign-view .game-controls .btn.premium-menu-icon {
    transform: scale(0.67) scale(1.31) translateY(-5px) translateX(-6px);
  }
}
#campaign-view .game-controls .btn.premium-menu-icon:hover {
  filter: drop-shadow(0 0 2px #bbf);
}
#campaign-view .game-controls .btn.roblox-menu-icon, #campaign-view .game-controls .btn.hackstack-menu-icon {
  background: url(/images/roblox/roblox-menu-icon.png) no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  transform: scale(1.2) translateY(-3px) translateX(-10px);
  box-shadow: initial;
  filter: drop-shadow(2px 2px 4px black);
  outline: none;
}
@media only screen and (max-height: 650px) {
  #campaign-view .game-controls .btn.roblox-menu-icon, #campaign-view .game-controls .btn.hackstack-menu-icon {
    transform: scale(0.78) translateY(-1px);
  }
}
#campaign-view .game-controls .btn.roblox-menu-icon:hover, #campaign-view .game-controls .btn.hackstack-menu-icon:hover {
  filter: drop-shadow(0 0 2px #bbf);
}
#campaign-view .game-controls .btn.junior-menu-icon {
  background: url(/images/pages/play/campaign/coco-junior-square-menu-icon.webp) no-repeat;
  background-position: 50% 50%;
  background-size: 110%;
  transform: scale(1.2) translateX(-10px);
  box-shadow: initial;
  filter: drop-shadow(2px 2px 4px black);
  outline: none;
}
@media only screen and (max-height: 650px) {
  #campaign-view .game-controls .btn.junior-menu-icon {
    transform: scale(0.78) translateY(-1px);
  }
}
#campaign-view .game-controls .btn.junior-menu-icon:hover {
  filter: drop-shadow(0 0 2px #bbf);
}
@-webkit-keyframes jiggle {
  0% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  25% {
    transform: scale(1.1) translateY(-1px) rotate(1deg);
  }
  50% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  75% {
    transform: scale(1.1) translateY(-1px) rotate(-1deg);
  }
  100% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
}
@-moz-keyframes jiggle {
  0% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  25% {
    transform: scale(1.1) translateY(-1px) rotate(1deg);
  }
  50% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  75% {
    transform: scale(1.1) translateY(-1px) rotate(-1deg);
  }
  100% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
}
@-ms-keyframes jiggle {
  0% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  25% {
    transform: scale(1.1) translateY(-1px) rotate(1deg);
  }
  50% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  75% {
    transform: scale(1.1) translateY(-1px) rotate(-1deg);
  }
  100% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
}
@-o-keyframes jiggle {
  0% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  25% {
    transform: scale(1.1) translateY(-1px) rotate(1deg);
  }
  50% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  75% {
    transform: scale(1.1) translateY(-1px) rotate(-1deg);
  }
  100% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
}
@keyframes jiggle {
  0% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  25% {
    transform: scale(1.1) translateY(-1px) rotate(1deg);
  }
  50% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
  75% {
    transform: scale(1.1) translateY(-1px) rotate(-1deg);
  }
  100% {
    transform: scale(1.1) translateY(-1px) rotate(0deg);
  }
}
#campaign-view .game-controls .btn.junior-menu-icon.highlighted {
  -webkit-animation: jiggle 0.3s 20;
  animation: jiggle 0.3s 20;
}
#campaign-view .game-controls .btn.hackstack-menu-icon {
  background: url("/images/pages/hackstack/hackstack-logo-square-transparent-256.png") no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  border-radius: 0;
  transform: scale(1) translateX(-20px) translateY(-3px);
}
#campaign-view .game-controls .tooltip {
  font-size: 24px;
}
#campaign-view .game-controls .tooltip .tooltip-arrow {
  display: none;
}
#campaign-view .user-status {
  position: absolute;
  bottom: 16px;
  left: 8px;
  text-align: center;
  font-size: 24px;
  color: white;
  text-shadow: 0px 2px 1px black, 0px -2px 1px black, -2px 0px 1px black, 2px 0px 1px black;
  height: 33px;
  line-height: 33px;
}
#campaign-view .user-status .user-status-line {
  position: relative;
}
#campaign-view .user-status .user-status-line .btn.btn-illustrated {
  margin-left: 10px;
  min-width: 90px;
  height: 33px;
  color: white;
}
#campaign-view .user-status .user-status-line .btn.btn-illustrated option {
  color: black;
}
#campaign-view .user-status .user-status-line .rtl-allowed {
  display: inline-block;
}
#campaign-view .user-status .user-status-line .gem, #campaign-view .user-status .user-status-line .player-hero-icon {
  position: absolute;
  top: 1px;
}
#campaign-view .user-status .user-status-line #gems-count {
  margin-left: 40px;
}
#campaign-view .user-status .user-status-line .player-level {
  margin-left: 5px;
}
#campaign-view .user-status .user-status-line .player-name {
  margin-left: 45px;
}
#campaign-view .user-status .user-status-line a {
  color: white;
}
#campaign-view .user-status .user-status-line .player-hero-icon {
  background: transparent url(/images/pages/play/play-spritesheet.png);
  background-size: cover;
  background-position: -60px 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0px 2px;
}
#campaign-view .user-status .user-status-line .level-indicator {
  margin-left: 15px;
  color: white;
  display: inline-block;
  margin: 0 2px;
}
#campaign-view .user-status .user-status-line .player-hero-icon {
  margin-left: 10px;
  background-position: -120px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.knight {
  background-position: -150px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.librarian {
  background-position: -180px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.ninja {
  background-position: -210px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.potion-master {
  background-position: -240px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.samurai {
  background-position: -270px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.trapper {
  background-position: -300px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.forest-archer {
  background-position: -330px 0;
}
#campaign-view .user-status .user-status-line .player-hero-icon.sorcerer {
  background-position: -360px 0;
}
#campaign-view .campaign-control-button {
  position: absolute;
  right: 1%;
  top: 1%;
  padding: 3px 8px;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#campaign-view .campaign-control-button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#campaign-view .campaign-control-button .glyphicon {
  font-size: 32px;
}
#campaign-view #volume-button .glyphicon {
  display: none;
}
#campaign-view #volume-button.vol-up .glyphicon.glyphicon-volume-up {
  display: inline-block;
}
#campaign-view #volume-button.vol-off .glyphicon.glyphicon-volume-off {
  display: inline-block;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#campaign-view #volume-button.vol-off .glyphicon.glyphicon-volume-off:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
#campaign-view #volume-button.vol-down .glyphicon.glyphicon-volume-down {
  display: inline-block;
}
#campaign-view #back-button, #campaign-view #clear-storage-button {
  position: absolute;
  right: 70px;
  right: -webkit-calc(1% + 55px);
  right: calc(1% + 55px);
}
#campaign-view #campaign-status {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  color: rgb(232, 217, 87);
  font-size: 28px;
  text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
  z-index: 30;
  pointer-events: none;
}
#campaign-view #campaign-status .campaign-status-background {
  background: transparent url(/images/pages/play/campaign-banner.png) no-repeat center center;
  border-radius: 10px;
  padding-top: 30px;
  display: inline-block;
  min-width: 250px;
  height: 106px;
}
#campaign-view #campaign-status .campaign-status-background .campaign-name {
  line-height: 26px;
}
#campaign-view #campaign-status .campaign-status-background .levels-completed {
  font-size: 22px;
}
#campaign-view #anonymous-classroom-signup-dialog {
  border-width: 0px;
  padding: 0;
  padding-bottom: 0;
  width: 230px;
  position: absolute;
  right: 1%;
  top: 5%;
  top: -webkit-calc(1% + 50px);
  top: calc(1% + 50px);
  z-index: 30;
  margin: 0;
  text-align: center;
}
#campaign-view #anonymous-classroom-signup-dialog .modal-header {
  padding: 8px;
  background-color: #0E4C60;
}
#campaign-view #anonymous-classroom-signup-dialog .modal-header h4, #campaign-view #anonymous-classroom-signup-dialog .modal-header span {
  color: white;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
}
#campaign-view #anonymous-classroom-signup-dialog .modal-body {
  padding: 10px;
  font-size: 13px;
  line-height: 16px;
}
#campaign-view #anonymous-classroom-signup-dialog .modal-body .strong {
  font-weight: bold;
}
#campaign-view #anonymous-classroom-signup-dialog .modal-body input {
  width: 50%;
  margin: 4px 4px 13px 0px;
}
#campaign-view #anonymous-classroom-signup-dialog .modal-body #anon-classroom-signup-btn {
  margin-top: 8px;
}
#campaign-view #anonymous-classroom-signup-dialog .modal-body #anon-classroom-join-btn {
  margin-top: -4px;
}
@media screen and (max-width: 800px) {
  #campaign-view #anonymous-classroom-signup-dialog {
    display: none;
  }
}
#campaign-view .portal {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent url(/images/pages/play/portal-background.png);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (hover: none) {
  #campaign-view .portal {
    overflow: scroll;
  }
}
@media (hover: none) and (orientation: landscape) {
  #campaign-view .portal {
    align-items: initial;
  }
}
#campaign-view .portal .portals {
  height: 760.8px;
  flex-wrap: nowrap;
  display: flex;
  overflow: hidden;
}
@media (hover: none) {
  #campaign-view .portal .portals {
    overflow: scroll;
  }
}
#campaign-view .portal .portals .campaign {
  width: 317px;
  height: 634px;
  margin-top: 63.4px;
  background: transparent url(/images/pages/play/portal-campaigns.png) no-repeat 0 0;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42);
  transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42);
}
#campaign-view .portal .portals .campaign:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
#campaign-view .portal .portals .campaign.silhouette {
  -webkit-filter: contrast(50%) brightness(65%);
  -moz-filter: contrast(50%) brightness(65%);
  -o-filter: contrast(50%) brightness(65%);
  filter: contrast(50%) brightness(65%);
  pointer-events: none;
}
#campaign-view .portal .portals .campaign.locked {
  -webkit-filter: contrast(80%) brightness(80%);
  -moz-filter: contrast(80%) brightness(80%);
  -o-filter: contrast(80%) brightness(80%);
  filter: contrast(80%) brightness(80%);
  pointer-events: none;
}
#campaign-view .portal .portals .campaign.forest {
  background-position: -317px 0;
}
#campaign-view .portal .portals .campaign.desert {
  background-position: -634px 0;
}
#campaign-view .portal .portals .campaign.mountain {
  background-position: -951px 0;
}
#campaign-view .portal .portals .campaign.glacier {
  background-position: -1268px 0;
}
#campaign-view .portal .portals .campaign.volcano {
  background-position: -1585px 0;
}
#campaign-view .portal .portals .campaign.junior {
  background-position: -1902px 0;
}
#campaign-view .portal .portals .campaign .campaign-label {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
}
#campaign-view .portal .portals .campaign .campaign-label .campaign-name, #campaign-view .portal .portals .campaign .campaign-label .levels-completed, #campaign-view .portal .portals .campaign .campaign-label .campaign-locked {
  margin: 0;
  color: white;
  text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
}
#campaign-view .portal .portals .campaign .campaign-label .campaign-locked {
  margin: 32px 0;
}
#campaign-view .portal .portals .campaign .campaign-label .campaign-description {
  margin: 0px 40px;
  background: transparent url(/images/level/popover_border_background.png) no-repeat;
  background-size: 100% 100%;
  padding: 12px;
  color: black;
}
#campaign-view .portal .portals .campaign .campaign-label .campaign-age {
  font-size: 22px;
}
#campaign-view .portal .portals .campaign .campaign-label .campaign-age-description {
  font-style: italic;
}
#campaign-view .portal .portals .campaign .campaign-label .levels-completed {
  font-size: 22px;
}
#campaign-view .portal .portals .campaign .campaign-label .play-button {
  margin: 15px 0;
  min-width: 100px;
}
#campaign-view .portal .portals .beta-container {
  width: 317px;
  height: 634px;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
}
#campaign-view .portal .portals .beta-container .beta-campaign {
  width: 317px;
  height: 317px;
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42);
  transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42);
}
#campaign-view .portal .portals .beta-container .beta-campaign[data-campaign-slug=campaign-game-dev-3] {
  margin-top: 230px;
}
#campaign-view .portal .portals .beta-container .beta-campaign:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
#campaign-view .portal .portals .beta-container .beta-campaign.silhouette {
  -webkit-filter: contrast(50%) brightness(65%);
  -moz-filter: contrast(50%) brightness(65%);
  -o-filter: contrast(50%) brightness(65%);
  filter: contrast(50%) brightness(65%);
  pointer-events: none;
}
#campaign-view .portal .portals .beta-container .beta-campaign.locked {
  -webkit-filter: contrast(80%) brightness(80%);
  -moz-filter: contrast(80%) brightness(80%);
  -o-filter: contrast(80%) brightness(80%);
  filter: contrast(80%) brightness(80%);
  pointer-events: none;
}
#campaign-view .portal .portals .beta-container .beta-campaign .campaign-label {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
}
#campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-name, #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .levels-completed, #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-locked {
  margin: 0;
  color: white;
  text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
}
#campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-locked {
  margin: 32px 0;
}
#campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-description {
  margin: 0px 40px;
  background: transparent url(/images/level/popover_border_background.png) no-repeat;
  background-size: 100% 100%;
  padding: 12px;
  color: black;
  font-size: 12px;
}
#campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .levels-completed {
  font-size: 22px;
}
#campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .play-button {
  margin: 10px 0;
  min-width: 100px;
  color: white;
}
#campaign-view .portal .portals .beta-container .beta-campaign .background-container {
  position: absolute;
  left: 79.25px;
  width: 158.5px;
  height: 317px;
  background: transparent url(/images/pages/play/portal-beta-campaigns.png) no-repeat 0 0;
  background-size: 951px;
}
#campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-web-dev-1 {
  background-position: -151px 0px;
}
#campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-game-dev-1 {
  background-position: -454px 0px;
}
#campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-web-dev-2 {
  background-position: -291px 0px;
}
#campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-game-dev-2 {
  background-position: -628px 0px;
}
#campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-game-dev-3 {
  background-position: -628px 0px;
}
#campaign-view #esports-arena {
  min-width: 210px;
}
#campaign-view .small-nav-logo, #campaign-view .picoctf-powered-by {
  position: absolute;
  top: 1%;
  left: 1%;
  height: 60px;
  z-index: 1;
}
#campaign-view .picoctf-logo .small-nav-logo {
  height: 90px;
}
#campaign-view .under-logo {
  position: absolute;
  top: calc(1% + 64px);
  left: 1%;
  z-index: 1;
  width: 193px;
}
#campaign-view .picoctf-powered-by {
  color: rgb(227, 173, 53);
  top: calc(1% + 90px);
  margin: 10px 10px 10px 15px;
}
#campaign-view .picoctf-powered-by img {
  height: 30px;
}
#campaign-view .code-ninjas-logo {
  top: calc(1% + 5px);
  left: calc(1% + 200px);
}
#campaign-view .gameplay-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
#campaign-view #amazon-campaign-logo, #campaign-view #santa-clara-logo, #campaign-view #arapahoe-logo, #campaign-view #garfield-logo, #campaign-view #houston-logo {
  cursor: pointer;
  width: 200px;
}
#campaign-view #burnaby-logo {
  cursor: pointer;
  height: 55px;
  border-radius: 10%;
}
#campaign-view #liverpool-logo, #campaign-view #shreve-logo, #campaign-view #lafourche-logo {
  cursor: pointer;
  width: 100px;
  border-radius: 5%;
}
#campaign-view #shreve-logo {
  width: 150px;
}
#campaign-view #library-logo {
  cursor: pointer;
  width: 180px;
  border-radius: 5%;
  background: white;
}
#campaign-view #library-logo-container {
  display: flex;
  justify-content: center;
}
#campaign-view #shreve-logo-container {
  width: 269px;
}
#campaign-view #santa-clara-logo {
  filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000);
}
#campaign-view #garfield-logo {
  margin: 20px;
  filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000);
}
#campaign-view #arapahoe-logo {
  filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000);
  background-color: #fff;
}
#campaign-view #houston-logo {
  filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000);
  background-color: #fff;
}
#campaign-view #burnaby-logo {
  filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000);
  background-color: #fff;
}
#campaign-view #liverpool-logo, #campaign-view #shreve-logo {
  filter: drop-shadow(1px 1px 0px #000) drop-shadow(-1px -1px 0px #000) drop-shadow(1px -1px 0px #000) drop-shadow(-1px 1px 0px #000);
  background-color: #fff;
}
#campaign-view #game-dev-hoc-license-alert {
  position: absolute;
  z-index: 1;
  bottom: -20px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 5px;
}

body.ipad #campaign-view .campaign-switch {
  display: none;
}

body[lang=ru] .portals h2 {
  font-size: 26px;
}

body:not([lang*="-"]) #campaign-view .user-status .user-status-line .language-dropdown {
  width: 148px;
}

body[lang^=en] #campaign-view .user-status .user-status-line .language-dropdown {
  width: 112px;
}

.m7-off {
  display: none;
}

.beta-levels {
  margin-left: 10px;
  font-size: 14px;
  vertical-align: middle;
  color: gray;
}
.beta-levels:hover .m7-off {
  display: inline;
}
.beta-levels:hover .m7-off:hover {
  cursor: pointer;
  color: white;
}

@-webkit-keyframes currentPracticeLevel {
  from {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
  50% {
    -webkit-box-shadow: 0px 0px 35px #87CEFF;
    box-shadow: 0px 0px 35px #87CEFF;
    color: #87CEFF;
  }
  to {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
}
@-moz-keyframes currentPracticeLevel {
  from {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
  50% {
    -webkit-box-shadow: 0px 0px 35px #87CEFF;
    box-shadow: 0px 0px 35px #87CEFF;
    color: #87CEFF;
  }
  to {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
}
@-ms-keyframes currentPracticeLevel {
  from {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
  50% {
    -webkit-box-shadow: 0px 0px 35px #87CEFF;
    box-shadow: 0px 0px 35px #87CEFF;
    color: #87CEFF;
  }
  to {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
}
@-o-keyframes currentPracticeLevel {
  from {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
  50% {
    -webkit-box-shadow: 0px 0px 35px #87CEFF;
    box-shadow: 0px 0px 35px #87CEFF;
    color: #87CEFF;
  }
  to {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
}
@keyframes currentPracticeLevel {
  from {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
  50% {
    -webkit-box-shadow: 0px 0px 35px #87CEFF;
    box-shadow: 0px 0px 35px #87CEFF;
    color: #87CEFF;
  }
  to {
    -webkit-box-shadow: 0px 0px 8px #333;
    box-shadow: 0px 0px 8px #333;
    color: white;
  }
}
#teacher-dashboard-nav {
  vertical-align: middle;
  text-transform: uppercase;
}
#teacher-dashboard-nav .navbar {
  border-radius: 0;
  background: #0E4C60;
}
#teacher-dashboard-nav .navbar .navbar-toggle {
  border-color: white;
}
#teacher-dashboard-nav .navbar .icon-bar {
  background-color: white;
}
#teacher-dashboard-nav .navbar .navbar-brand {
  color: white;
  padding-top: 11px;
  padding-bottom: 11px;
}
#teacher-dashboard-nav .navbar li > a {
  font-family: "Open Sans", sans-serif;
  padding: 13px 12px 21px 12px;
}
#teacher-dashboard-nav .navbar li > a:hover {
  background-color: white;
}
#teacher-dashboard-nav .navbar li > a:hover small {
  color: #0E4C60;
}
#teacher-dashboard-nav .navbar li.active .label {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-left: 0.6em;
  margin-right: 0.6em;
  border-bottom: 4px solid white;
  border-radius: 0;
}

.site-chrome {
  background-color: white;
  padding-top: 65px;
  max-width: 1920px;
  margin: 0 auto;
}
.site-chrome.show-background {
  background: url(/images/pages/base/background.jpg) top center no-repeat;
  background-color: rgb(150, 202, 68);
  background-position-y: -130px;
}
@media screen and (max-height: 800px) {
  .site-chrome.show-background {
    background-position: center -226px;
  }
}
.site-chrome #site-content-area {
  background: rgb(240, 229, 199);
  margin: 0 auto -20px;
  width: 1024px;
  border: 5px solid rgb(110, 88, 41);
  padding: 20px 12px;
  min-height: 300px;
}

.contribute_class #homepage_screenshot {
  margin: 20px 0px;
}
.contribute_class .class_detail {
  float: left;
}
.contribute_class .class_detail img {
  width: 360px;
}
.contribute_class .signature {
  text-align: right;
}
.contribute_class a {
  cursor: pointer;
}
.contribute_class .class_image {
  float: left;
  width: 150px;
  margin: 10px 10px 20px 20px;
}
.contribute_class .class-main {
  margin-left: 33%;
  padding: 0px 40px 40px 40px;
  box-sizing: border-box;
}
.contribute_class .class-main .header-scrolling-fix {
  padding-top: 65px;
  margin-top: -50px;
}
.contribute_class .class-main .well {
  padding: 5px 5px 5px 30px;
}
.contribute_class .class-main .saved-notification {
  display: none;
  float: right;
}
.contribute_class .thumbnail {
  background-color: transparent;
  height: 176px;
}
.contribute_class .thumbnail:hover {
  background-color: rgba(200, 244, 255, 0.2);
}
.contribute_class .thumbnail a:not(.has-github) {
  cursor: default;
  text-decoration: none;
}
.contribute_class .thumbnail img {
  max-width: 100px;
  max-height: 100px;
}
.contribute_class .thumbnail .caption {
  background-color: transparent;
}
.contribute_class .thumbnail .caption h4 {
  text-align: center;
}

.thang-component-config-view .panel-body {
  padding: 0;
}
.thang-component-config-view .panel-body .treema-root {
  border: 0;
  padding: 0 5px;
}
.thang-component-config-view .is-default-component {
  background-color: lightgray;
}

.delta-view .panel-heading {
  font-size: 13px;
  padding: 0 4px;
}
.delta-view .row {
  padding: 5px 10px;
}
.delta-view .delta-added {
  border-color: green;
}
.delta-view .delta-added > .panel-heading {
  background-color: #e6ffe6;
}
.delta-view .delta-added > .panel-heading strong {
  color: green;
}
.delta-view .delta-modified {
  border-color: darkgoldenrod;
}
.delta-view .delta-modified > .panel-heading {
  background-color: #f9dc96;
}
.delta-view .delta-modified > .panel-heading strong {
  color: darkgoldenrod;
}
.delta-view .delta-text-diff {
  border-color: blue;
}
.delta-view .delta-text-diff > .panel-heading {
  background-color: #e6e6ff;
}
.delta-view .delta-text-diff > .panel-heading strong {
  color: blue;
}
.delta-view .delta-text-diff table {
  width: 100%;
}
.delta-view .delta-deleted {
  border-color: red;
}
.delta-view .delta-deleted > .panel-heading {
  background-color: #ffd6d6;
}
.delta-view .delta-deleted > .panel-heading strong {
  color: red;
}
.delta-view .delta-moved-index {
  border-color: darkslategray;
}
.delta-view .delta-moved-index > .panel-heading {
  background-color: #cee2e2;
}
.delta-view .delta-moved-index > .panel-heading strong {
  color: darkslategray;
}

.editor {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.editor .dropdown-menu {
  position: absolute;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
  left: 0px;
  right: auto;
}
.editor .dropdown-menu li a {
  color: #555;
  padding: 3px 20px;
}
.editor .navbar-nav {
  float: left;
  margin: 0;
}
.editor .navbar-nav > li {
  float: left;
}
.editor li.navbar-btn {
  margin-right: 5px;
}
.editor .navbar-nav > li > a {
  padding: 7px 8px 8px;
  cursor: pointer;
}
.editor .navbar-nav > li > a:hover {
  background-color: #4f4030;
}
.editor .navbar {
  min-height: 0px;
  border-radius: 0;
}
.editor .navbar-right {
  margin-right: 10px !important;
  float: right;
}
.editor .navbar-right .dropdown-menu {
  right: 0px;
  left: auto;
}
.editor .navbar-brand {
  padding-top: 7px;
  padding-bottom: 7px;
  color: #ffef99;
}
.editor .navbar-header {
  border-left: 2px solid #6e5944;
  border-right: 2px solid #6e5944;
  background: #4f4030;
  margin-left: 20px;
  float: left;
}
.editor .nav-tabs {
  margin-left: 5px;
  border-bottom: 0 !important;
}
.editor .nav-tabs li {
  float: left;
  display: block;
}
@media only screen and (max-width: 800px) {
  .editor .nav-tabs li {
    float: none;
    display: none;
    z-index: 12;
  }
  .editor .nav-tabs li a {
    background-color: rgb(228, 207, 140);
    border-color: #5c4b15;
    border-width: 0px 1px;
    border-radius: 0px;
  }
  .editor .nav-tabs li:first-child > a {
    border-radius: 5px 5px 0px 0px;
    border-top-width: 1px;
  }
  .editor .nav-tabs li:last-child > a {
    border-radius: 0px 0px 5px 5px;
    border-bottom-width: 1px;
  }
  .editor .nav-tabs li.active {
    display: block;
  }
}
.editor .nav-tabs .active > a, .editor .nav-tabs .active > a:hover, .editor .nav-tabs .active > a:focus {
  background-color: rgb(228, 207, 140) !important;
  border-color: #5c4b15;
  border-bottom: 0;
}
.editor .nav-tabs a {
  padding: 7px 5px !important;
}
.editor .dropdown-menu a {
  cursor: pointer;
}
.editor .dropdown-menu a:hover {
  background-color: #d3d3d3;
}
.editor .badge {
  background-color: green;
}
.editor .outer-content {
  background-color: rgb(228, 207, 140);
  position: absolute;
  top: 35px;
  bottom: 0;
  left: 0;
  right: 0;
}
.editor .top-controls-area {
  position: fixed;
  background-color: rgb(228, 207, 140);
  z-index: 100;
  left: 20px;
  right: 20px;
  margin-top: -10px;
  padding-top: 10px;
}
.editor #level-editor-tabs, .editor#thang-type-edit-view .tab-content, .editor.key-thang-tab-view .tab-content {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 15px;
  bottom: 15px;
}
.editor .treema-root {
  background-color: white;
  border-radius: 4px;
}
.editor .treema-root:focus {
  box-shadow: 0 0 10px blue;
}
.editor .editor-nano-container {
  position: static;
}
.editor .nano-content {
  outline: thin;
}

.patches-view .status-buttons {
  margin-bottom: 10px;
}
.patches-view .patch-row {
  cursor: pointer;
}

.form-inline .help-inline, .navbar-form .help-inline {
  font-size: 12px;
}

.i18n-edit-model-view .missing-identifier {
  border: 2px dashed red;
  font-size: 1.2em;
}
.i18n-edit-model-view #patch-submit {
  margin-top: 5px;
}
.i18n-edit-model-view .translation-table td {
  width: 40%;
}
.i18n-edit-model-view .outer-content {
  padding: 10px;
  overflow-y: scroll;
}
.i18n-edit-model-view select {
  margin-bottom: 10px;
}
.i18n-edit-model-view td.accepted {
  background: lightgreen;
}
.i18n-edit-model-view td.rejected, .i18n-edit-model-view td.withdrawn {
  background: pink;
}
.i18n-edit-model-view td.pending {
  background: lightyellow;
}

.search-view a.open-modal-button {
  float: right;
}
.search-view input#search {
  width: 190px;
  height: 30px;
  padding-left: 5px;
}
.search-view table.table {
  background-color: white;
}
.search-view table.table .body-row, .search-view table.table .watch-row, .search-view table.table .small-name-row, .search-view table.table .description-row, .search-view table.table .name-row {
  max-width: 600px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-view table.table .name-row {
  max-width: 300px;
}
.search-view table.table .description-row {
  max-width: 520px;
}
.search-view table.table .small-name-row {
  max-width: 200px;
}
.search-view table.table .watch-row {
  max-width: 80px;
  text-align: center;
}
.search-view table.table .watch-row.watching {
  opacity: 1;
}
.search-view table.table .watch-row.not-watching {
  opacity: 0.5;
}
.search-view table.table tr.mine {
  background-color: #f8ecaa;
}
.search-view .loading {
  text-align: center;
}
.search-view .progress {
  margin: 0 20%;
  width: 60%;
}
.search-view .progress-bar {
  width: 100%;
}

.school-info-panel .country, .school-info-panel .state {
  height: 40px;
}

.ladder-submission-view button {
  text-shadow: 0px -1px 0px black;
}
.ladder-submission-view .last-submitted, .ladder-submission-view .help-simulate {
  font-size: 14px;
  font-weight: normal;
}
.ladder-submission-view .last-submitted {
  float: left;
}
.ladder-submission-view .help-simulate {
  float: right;
}

.hints-view {
  position: relative;
  width: 500px;
  padding: 10px 20px;
  border-style: solid;
  border-image: url(/images/level/popover_border_background.png) 16 12 fill round;
  border-width: 16px 12px;
  -webkit-box-shadow: 0 0 0 #000;
  box-shadow: 0 0 0 #000;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  -o-user-select: initial;
  user-select: initial;
}
.hints-view .close-hint-btn {
  position: absolute;
  right: 5px;
  top: 5px;
}
.hints-view .close-hint-btn .glyphicon-remove {
  position: relative;
  top: 4px;
}
.hints-view h1 {
  margin-bottom: 30px;
}
.hints-view .btn-area {
  margin-top: 5px;
  margin-bottom: 10px;
}
.hints-view .hint-title {
  font-size: 18px;
  text-transform: uppercase;
}
.hints-view .hint-body {
  max-height: 72vh;
  overflow-y: auto;
}
.hints-view .hint-body img {
  width: 100%;
}
.hints-view .hint-pagination {
  font-size: 18px;
  margin-top: 0px;
  text-transform: uppercase;
}
.hints-view pre {
  box-sizing: content-box;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.hints-view pre .ace_content .ace_marker-layer .ace_bracket {
  display: none;
}
.hints-view pre .ace_content .ace_marker-layer .ace_selection {
  display: none;
}
.hints-view pre .ace_content .ace_cursor-layer .ace_cursor {
  display: none;
}
.hints-view .chatbot-help {
  text-align: center;
  border-top: 1px solid white;
  padding-top: 10px;
  margin-top: 10px;
}
.hints-view .chatbot-help img.avatar {
  width: 40px;
  margin-right: 10px;
}
.hints-view .chatbot-help button {
  margin-left: 5px;
}
.hints-view .chatbot-hint {
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

.thang-avatar-view.selected .thang-avatar-wrapper {
  -webkit-box-shadow: 0px 0px 10px rgb(79, 79, 213);
  box-shadow: 0px 0px 10px rgb(79, 79, 213);
}
.thang-avatar-view .thang-avatar-wrapper {
  width: 100%;
  position: relative;
  background-color: hsl(205deg, 0%, 31%);
  background-image: -webkit-linear-gradient(top, hsl(205deg, 0%, 74%) 0%, hsl(205deg, 0%, 31%) 100%);
  background-image: linear-gradient(to bottom, hsl(205deg, 0%, 74%) 0%, hsl(205deg, 0%, 31%) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFBDBDBD", endColorstr="#FF4F4F4F", GradientType=0);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(hsl(205deg, 0%, 74%) 20%), to(hsl(205deg, 0%, 31%) 70%));
  background-image: -webkit-radial-gradient(circle, hsl(205deg, 0%, 74%) 20%, hsl(205deg, 0%, 31%) 70%);
  background-image: -moz-radial-gradient(circle, hsl(205deg, 0%, 74%) 20%, hsl(205deg, 0%, 31%) 70%);
  background-image: -o-radial-gradient(circle, hsl(205deg, 0%, 74%) 20%, hsl(205deg, 0%, 31%) 70%);
  background-image: radial-gradient(circle, hsl(205deg, 0%, 74%) 20%, hsl(205deg, 0%, 31%) 70%);
  background-repeat: no-repeat;
}
.thang-avatar-view .thang-avatar-wrapper.team-humans {
  border-color: darkred;
  background-color: hsl(4deg, 80%, 51%);
  background-image: -webkit-linear-gradient(top, hsl(4deg, 80%, 74%) 0%, hsl(4deg, 80%, 51%) 100%);
  background-image: linear-gradient(to bottom, hsl(4deg, 80%, 74%) 0%, hsl(4deg, 80%, 51%) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF28F88", endColorstr="#FFE62B1E", GradientType=0);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(hsl(4deg, 80%, 74%) 20%), to(hsl(4deg, 80%, 51%) 70%));
  background-image: -webkit-radial-gradient(circle, hsl(4deg, 80%, 74%) 20%, hsl(4deg, 80%, 51%) 70%);
  background-image: -moz-radial-gradient(circle, hsl(4deg, 80%, 74%) 20%, hsl(4deg, 80%, 51%) 70%);
  background-image: -o-radial-gradient(circle, hsl(4deg, 80%, 74%) 20%, hsl(4deg, 80%, 51%) 70%);
  background-image: radial-gradient(circle, hsl(4deg, 80%, 74%) 20%, hsl(4deg, 80%, 51%) 70%);
  background-repeat: no-repeat;
}
.thang-avatar-view .thang-avatar-wrapper.team-ogres {
  border-color: darkblue;
  background-color: hsl(205deg, 100%, 31%);
  background-image: -webkit-linear-gradient(top, hsl(205deg, 100%, 74%) 0%, hsl(205deg, 100%, 31%) 100%);
  background-image: linear-gradient(to bottom, hsl(205deg, 100%, 74%) 0%, hsl(205deg, 100%, 31%) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF7AC8FF", endColorstr="#FF005C9E", GradientType=0);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(hsl(205deg, 100%, 74%) 20%), to(hsl(205deg, 100%, 31%) 70%));
  background-image: -webkit-radial-gradient(circle, hsl(205deg, 100%, 74%) 20%, hsl(205deg, 100%, 31%) 70%);
  background-image: -moz-radial-gradient(circle, hsl(205deg, 100%, 74%) 20%, hsl(205deg, 100%, 31%) 70%);
  background-image: -o-radial-gradient(circle, hsl(205deg, 100%, 74%) 20%, hsl(205deg, 100%, 31%) 70%);
  background-image: radial-gradient(circle, hsl(205deg, 100%, 74%) 20%, hsl(205deg, 100%, 31%) 70%);
  background-repeat: no-repeat;
}
.thang-avatar-view .thang-avatar-wrapper.team-allies, .thang-avatar-view .thang-avatar-wrapper.team-minions {
  border-color: darkgreen;
  background-color: hsl(116deg, 80%, 31%);
  background-image: -webkit-linear-gradient(top, hsl(116deg, 80%, 74%) 0%, hsl(116deg, 80%, 31%) 100%);
  background-image: linear-gradient(to bottom, hsl(116deg, 80%, 74%) 0%, hsl(116deg, 80%, 31%) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF8FF288", endColorstr="#FF188E10", GradientType=0);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(hsl(116deg, 80%, 74%) 20%), to(hsl(116deg, 80%, 31%) 70%));
  background-image: -webkit-radial-gradient(circle, hsl(116deg, 80%, 74%) 20%, hsl(116deg, 80%, 31%) 70%);
  background-image: -moz-radial-gradient(circle, hsl(116deg, 80%, 74%) 20%, hsl(116deg, 80%, 31%) 70%);
  background-image: -o-radial-gradient(circle, hsl(116deg, 80%, 74%) 20%, hsl(116deg, 80%, 31%) 70%);
  background-image: radial-gradient(circle, hsl(116deg, 80%, 74%) 20%, hsl(116deg, 80%, 31%) 70%);
  background-repeat: no-repeat;
}
.thang-avatar-view .thang-avatar-wrapper .avatar {
  width: 100%;
}
.thang-avatar-view .thang-avatar-wrapper .avatar-frame {
  position: absolute;
  left: -18%;
  top: -19%;
  width: 145%;
}
.thang-avatar-view .thang-avatar-wrapper .badge {
  position: absolute;
  top: -4px;
  width: 16px;
  height: 16px;
  text-align: center;
  padding: 0;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border: 1px solid rgb(128, 128, 128);
  border-radius: 16px;
  background-color: #aaa;
}
.thang-avatar-view .thang-avatar-wrapper .badge.problems {
  left: -4px;
}
.thang-avatar-view .thang-avatar-wrapper .badge.problems.error {
  background-color: red;
}
.thang-avatar-view .thang-avatar-wrapper .badge.problems.warning {
  background-color: #f89406;
}
.thang-avatar-view .thang-avatar-wrapper .badge.problems.info {
  background-color: #3a87ad;
}
.thang-avatar-view .thang-avatar-wrapper .badge.shared-thangs {
  background-color: blue;
  right: -4px;
}
.thang-avatar-view .thang-name {
  font-variant: small-caps;
  text-align: center;
  color: #ca8;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  white-space: nowrap;
}

.spell-debug-view {
  position: absolute;
  z-index: 9001;
  min-width: 250px;
  max-width: 400px;
  padding: 10px;
  border-style: solid;
  border-image: url(/images/level/popover_border_background.png) 16 12 fill round;
  border-width: 8px 6px;
}
.spell-debug-view .progress {
  position: relative;
}
.spell-debug-view .progress span {
  position: absolute;
  display: block;
  color: black;
  width: 100%;
}

.spell-toolbar-view {
  position: relative;
  box-sizing: border-box;
  margin: 4px 1%;
  height: 45px;
  width: 97%;
  z-index: 4;
}
.spell-toolbar-view .flow:hover .spell-progress {
  opacity: 1;
}
.spell-toolbar-view .flow .spell-progress {
  position: absolute;
  height: 100%;
  top: -50px;
  width: 65%;
  width: -webkit-calc(85% - 60px);
  width: calc(85% - 60px);
  left: 10%;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  opacity: 0.25;
}
.spell-toolbar-view .flow .spell-progress .progress {
  position: absolute;
  left: 0px;
  top: 17.5px;
  bottom: 0px;
  width: 100%;
  height: 4px;
  overflow: visible;
  pointer-events: none;
}
.spell-toolbar-view .flow .spell-progress .progress .progress-bar {
  -webkit-transition: width 0s linear;
  transition: width 0s linear;
  position: relative;
  pointer-events: none;
  background: linear-gradient(#2c3e5f, #2c3e5f 16%, #3a537f 16%, #3a537f 83%, #2c3e5f 84%, #2c3e5f);
  width: 50%;
  pointer-events: none;
}
.spell-toolbar-view .flow .spell-progress .progress .progress-bar .scrubber-handle {
  position: absolute;
  pointer-events: none;
  right: -5px;
  top: -17.5px;
  background: linear-gradient(#2c3e5f, #2c3e5f 16%, #3a537f 16%, #3a537f 83%, #2c3e5f 84%, #2c3e5f);
  width: 14px;
  height: 40px;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid black;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.spell-toolbar-view .flow:hover .steppers {
  opacity: 1;
}
.spell-toolbar-view .flow .steppers {
  position: absolute;
  z-index: 2;
  width: 60px;
  top: -50px;
  right: 2%;
  box-sizing: border-box;
  opacity: 0.25;
}
.spell-toolbar-view .flow .steppers button {
  box-sizing: border-box;
  height: 40px;
  width: 30px;
  padding: 2px;
}
.spell-toolbar-view .flow .metrics {
  display: none;
  top: 0px;
  position: absolute;
  z-index: 10;
  pointer-events: none;
  border-style: solid;
  border-image: url(/images/level/popover_border_background.png) 16 12 fill round;
  padding: 0;
  border-width: 16px 12px;
  font-variant: small-caps;
  text-overflow: ellipsis;
  font-size: 13px;
  white-space: nowrap;
}

.spell-translation-view {
  position: absolute;
  z-index: 9001;
  max-width: 400px;
}
.spell-translation-view pre {
  margin-bottom: 0;
}
.spell-translation-view pre code {
  white-space: nowrap;
}

.item-mixin, .item-view {
  width: 100%;
}
.item-mixin img, .item-view img {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 5px;
}
.item-mixin .item-info, .item-view .item-info {
  float: left;
  width: 110px;
  width: -webkit-calc(100% - 50px - 5px);
  width: calc(100% - 50px - 5px);
}
.item-mixin ul, .item-view ul {
  margin-top: 5px;
}
.item-mixin .status-message span, .item-view .status-message span {
  display: none;
}

.leaderboard-tab-view h1 {
  margin-top: -40px;
  color: rgb(254, 188, 68);
  font-size: 30px;
  text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
}
.leaderboard-tab-view table td {
  padding: 1px 2px;
  font-size: 16px;
  text-align: center;
}
.leaderboard-tab-view table th {
  text-align: center;
}
.leaderboard-tab-view table tbody tr.viewable {
  cursor: pointer;
}
.leaderboard-tab-view table tbody .rank-cell {
  font-weight: bold;
}
.leaderboard-tab-view table tbody .name-col-cell {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leaderboard-tab-view table tbody .hero-portrait-cell, .leaderboard-tab-view table tbody .code-language-cell {
  background: transparent url(/images/common/code_languages/javascript_small.png) no-repeat center center;
  background-size: 30px 30px;
  height: 30px;
  width: 32px;
}

/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
body[lang=ru] h1, body[lang=ru] .text-h1, body[lang=ru] h3, body[lang=ru] .text-h3, body[lang=ru] h5, body[lang=ru] .text-h5, body[lang=uk] h1, body[lang=uk] .text-h1, body[lang=uk] h3, body[lang=uk] .text-h3, body[lang=uk] h5, body[lang=uk] .text-h5, body[lang=bg] h1, body[lang=bg] .text-h1, body[lang=bg] h3, body[lang=bg] .text-h3, body[lang=bg] h5, body[lang=bg] .text-h5, body[lang^=mk] h1, body[lang^=mk] .text-h1, body[lang^=mk] h3, body[lang^=mk] .text-h3, body[lang^=mk] h5, body[lang^=mk] .text-h5, body[lang=sr] h1, body[lang=sr] .text-h1, body[lang=sr] h3, body[lang=sr] .text-h3, body[lang=sr] h5, body[lang=sr] .text-h5, body[lang=pl] h1, body[lang=pl] .text-h1, body[lang=pl] h3, body[lang=pl] .text-h3, body[lang=pl] h5, body[lang=pl] .text-h5, body[lang=lt] h1, body[lang=lt] .text-h1, body[lang=lt] h3, body[lang=lt] .text-h3, body[lang=lt] h5, body[lang=lt] .text-h5, body[lang=sl] h1, body[lang=sl] .text-h1, body[lang=sl] h3, body[lang=sl] .text-h3, body[lang=sl] h5, body[lang=sl] .text-h5, body[lang=tr] h1, body[lang=tr] .text-h1, body[lang=tr] h3, body[lang=tr] .text-h3, body[lang=tr] h5, body[lang=tr] .text-h5, body[lang=vi] h1, body[lang=vi] .text-h1, body[lang=vi] h3, body[lang=vi] .text-h3, body[lang=vi] h5, body[lang=vi] .text-h5 {
  font-family: "Open Sans", serif;
}

.style-flat {
  background: white;
  color: black;
  padding-top: 70px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 29px;
}
.style-flat h1, .style-flat h2, .style-flat h3, .style-flat h4, .style-flat h5, .style-flat h6, .style-flat .text-h1, .style-flat .text-h2, .style-flat .text-h3, .style-flat .text-h4, .style-flat .text-h5, .style-flat .text-h6 {
  font-variant: normal;
  color: black;
  margin: 0;
}
.style-flat h1, .style-flat .text-h1 {
  font-family: "Arvo", serif;
  font-weight: normal;
  font-size: 46px;
  line-height: 62px;
}
.style-flat h2, .style-flat .text-h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: lighter;
  font-size: 30px;
  line-height: 42px;
}
body[lang=ru] .style-flat h2, body[lang=ru] .style-flat .text-h2 {
  font-size: 28px;
}
body[lang=ru] .style-flat h2, body[lang=ru] .style-flat .text-h2 {
  line-height: 36px;
}
.style-flat h3, .style-flat .text-h3 {
  font-family: "Arvo", serif;
  font-weight: normal;
  font-size: 33px;
  line-height: 45px;
}
.style-flat h4, .style-flat .text-h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: lighter;
  font-size: 22px;
  line-height: 32px;
}
.style-flat h5, .style-flat .text-h5 {
  font-family: "Arvo", serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 31px;
}
.style-flat h6, .style-flat .text-h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.style-flat p {
  color: black;
  margin: 0 0 14px;
}
.style-flat .small {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.style-flat .semibold, .style-flat .student-name {
  font-weight: 600;
}
.style-flat .small-details {
  font: "Arvo", serif;
  font-size: 15px;
  line-height: 26px;
}
.style-flat blockquote {
  border: none;
}
.style-flat blockquote:before {
  font-family: "Monaco";
  content: "“";
  position: absolute;
  left: 0px;
  top: 20px;
  font-size: 40px;
  opacity: 0.5;
}
.style-flat hr {
  border-top: 1px solid gray;
}
.style-flat .vertical-align {
  display: flex;
  align-items: center;
}
.style-flat .vertical-align > [class^=col-], .style-flat .vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
}
.style-flat .well {
  padding: 8px;
  background-color: transparent;
  border: thin solid lightgray;
  border-radius: 0;
}
.style-flat .btn {
  border: none;
  border-radius: 5px;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  background-image: none;
}
.style-flat .btn .disabled {
  opacity: 50%;
}
.style-flat .btn + .btn {
  margin-left: 12px;
}
.style-flat .btn-primary, .style-flat .btn-navy {
  background-color: #0E4C60;
  color: white;
}
.style-flat .btn-primary-alt, .style-flat .btn-navy-alt {
  background-color: white;
  border: 1px solid #0E4C60;
  color: #0E4C60;
}
.style-flat .btn-forest {
  background-color: #20572B;
  color: white;
}
.style-flat .btn-forest-alt {
  background-color: white;
  border: 1px solid #20572B;
  color: #20572B;
}
.style-flat .btn-gold {
  background-color: #F2BE19;
  color: white;
}
.style-flat .btn-gold-alt {
  background-color: white;
  border: 1px solid #F2BE19;
  color: #F2BE19;
}
.style-flat .btn-purple {
  background-color: #9760B3;
  color: white;
}
.style-flat .btn-gold-alt {
  background-color: white;
  border: 1px solid #9760B3;
  color: #9760B3;
}
.style-flat .btn-burgundy {
  background-color: #7D0101;
  color: white;
}
.style-flat .btn-burgundy-alt {
  background-color: white;
  border: 1px solid #7D0101;
  color: #7D0101;
}
.style-flat .btn-gray {
  background-color: #999;
  color: white;
}
.style-flat .btn-gray-alt {
  background-color: white;
  border: 1px solid #999;
  color: #999;
}
.style-flat .btn-lg, .style-flat .btn-group-lg > .btn {
  font-size: 18px;
}
body[lang=ru] .style-flat .btn-lg, body[lang=ru] .style-flat .btn-group-lg > .btn {
  font-size: 16px;
}
.style-flat .btn-gplus {
  color: white;
  background-color: #DD4B39;
}
.style-flat .btn-gplus img {
  height: 22px;
}
.style-flat .btn-facebook {
  color: white;
  background-color: #3B5998;
}
.style-flat .btn-facebook img {
  height: 22px;
}
.style-flat .language-dropdown-item {
  height: 33px;
  background-color: white;
}
.style-flat .tooltip.in {
  opacity: 1;
}
.style-flat .tooltip .tooltip-arrow::after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.style-flat .tooltip.top .tooltip-arrow {
  margin-left: -10px;
  border-width: 5px 10px 0;
  border-top-color: #333;
}
.style-flat .tooltip.top .tooltip-arrow::after {
  top: -6px;
  left: 50%;
  margin-left: -10px;
  border-width: 5px 10px 0;
  border-top-color: white;
}
.style-flat .tooltip.right .tooltip-arrow {
  border-right-color: #333;
  border-width: 5px 6px 5px 0;
}
.style-flat .tooltip.right .tooltip-arrow::after {
  top: 50%;
  left: 1px;
  margin-top: -5px;
  border-width: 5px 6px 5px 0;
  border-right-color: white;
}
.style-flat .tooltip.left .tooltip-arrow {
  border-right-color: #333;
  border-width: 5px 0 5px 6px;
}
.style-flat .tooltip.left .tooltip-arrow::after {
  top: 50%;
  right: 1px;
  margin-top: -5px;
  border-width: 5px 0 5px 6px;
  border-left-color: white;
}
.style-flat .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #333;
  margin-left: -10px;
  border-width: 0 10px 5px;
}
.style-flat .tooltip.bottom .tooltip-arrow::after {
  top: 1px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 5px;
  border-bottom-color: white;
}
.style-flat .tooltip-inner {
  padding: 10px 20px;
  border: 1px solid #333;
  color: black;
  background: white;
  border-radius: 20px;
  min-width: 150px;
  max-width: 600px;
}
.style-flat .checkbox-flat {
  position: relative;
  background: white;
  border: thin solid #979797;
  width: 20px;
  height: 20px;
}
.style-flat .checkbox-flat input {
  visibility: hidden;
}
.style-flat .checkbox-flat label {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 1px;
  top: 1px;
}
.style-flat .checkbox-flat label:after {
  opacity: 0;
  content: "";
  position: absolute;
  width: 14px;
  height: 7px;
  background: transparent;
  top: 3px;
  left: 1px;
  border: 2px solid black;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.style-flat .checkbox-flat label:hover::after {
  opacity: 0.3;
}
.style-flat .checkbox-flat input:checked + label:after {
  opacity: 1;
}
.style-flat .text-navy {
  color: #0E4C60;
}
.style-flat .text-burgundy {
  color: #7D0101;
}
.style-flat .text-forest {
  color: #20572B;
}
.style-flat .text-gold {
  color: #F2BE19;
}
.style-flat .text-gray {
  color: #232323;
}
.style-flat .text-teal {
  color: #1FBAB4;
}
.style-flat .text-white {
  color: white;
}
.style-flat .bg-navy {
  background-color: #0E4C60;
  color: white;
}
.style-flat .bg-navy h1, .style-flat .bg-navy h2, .style-flat .bg-navy h3, .style-flat .bg-navy h4, .style-flat .bg-navy h5, .style-flat .bg-navy h6, .style-flat .bg-navy a {
  color: white;
}
.style-flat .bg-navy a.btn-primary-alt, .style-flat .bg-navy a.btn-navy-alt {
  color: #0E4C60;
}
.style-flat .bg-forest {
  background-color: #20572B;
  color: white;
}
.style-flat .bg-forest h1, .style-flat .bg-forest h2, .style-flat .bg-forest h3, .style-flat .bg-forest h4, .style-flat .bg-forest h5, .style-flat .bg-forest h6, .style-flat .bg-forest a {
  color: white;
}
.style-flat .bg-forest a.btn-primary-alt, .style-flat .bg-forest a.btn-forest-alt {
  color: #20572B;
}
.style-flat.modal-content {
  padding: 10px;
  border-radius: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.style-flat .button.close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.treema-root {
  border: 1px solid black;
  background-color: #f5f5f5;
  padding: 10px 20px 10px 0;
  line-height: 1.428571429;
}

.treema-markdown {
  border: 1px solid gray;
  padding: 5px;
}
.treema-markdown, .treema-markdown > div.ace_editor {
  width: 100%;
  min-height: 48px;
}
.treema-markdown .buttons button {
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}
.treema-markdown .preview {
  clear: both;
  width: 100%;
  border: 3px inset rgba(0, 100, 100, 0.2);
  box-sizing: border-box;
  padding: 5px;
}

.treema-selection-map {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9001;
  background: #ffffff;
  width: 80%;
  height: 80%;
  margin: 10%;
  box-sizing: border-box;
  border: 2px solid black;
}
.treema-selection-map img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  cursor: pointer;
  max-width: 95%;
  max-height: 95%;
}

.treema-sound-file .dropdown li {
  margin: 0 10px;
  cursor: pointer;
}
.treema-sound-file .dropdown li:hover {
  background-color: #dddddd;
}

/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
:root {
  --color-primary: #7a65fc;
  --color-primary-1: #7a65fc;
  --color-primary-2: #9487ff;
  --color-primary-middle: #d5d5fc;
  --color-primary-light: #e9e8fd;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(122, 101, 252, 0.15);
  --color-light-background: #F9F9FF;
  --color-bg-gradient: linear-gradient(100deg, #f6f4ff 0%, #fff 100%);
  --text-shadow: -1px 0 #2605f6, 0 1px #2605f6, 1px 0 #2605f6, 0 -1px #2605f6;
  --color-primary__darken_10: #4f33fb;
  --color-primary-1__darken_10: #4f33fb;
}

body.teal-theme {
  --color-primary-1: #4decf0;
  --color-primary: #4799a9;
  --color-primary-2: #6feff3;
  --color-primary-middle: #bdf7fa;
  --color-primary-light: #e6fbfc;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(77, 236, 240, 0.3);
  --color-light-background: #f0fdfd;
  --color-bg-gradient: linear-gradient(100deg, #f0fdfd 0%, #fff 100%);
  --text-shadow: -1px 0 #295861, 0 1px #295861, 1px 0 #295861, 0 -1px #295861;
  --color-primary__darken_10: #387885;
  --color-primary-1__darken_10: #1ee7ec;
}
/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!./bower_components/treema/treema.css ***!
  \***************************************************************************************************************/
.treema-target-of-copy-paste {
  transform: translateX(10px); }

.treema-node {
  transition: 0.1s ease-in-out transform;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  position: relative;
  font-family: Helvetica;
  clear: both;
  border-bottom: 1px solid #ccc;
  font-size: 13px;
  cursor: pointer; }
  .treema-node.treema-root > .treema-row .treema-value, .treema-node.treema-root > .treema-row .treema-type-select {
    display: none; }
  .treema-node.treema-open > .treema-children {
    padding-top: 1px; }
  .treema-node.treema-root {
    outline: none; }
  .treema-node input, .treema-node select {
    font-size: 13px;
    font-family: Helvetica; }
  .treema-node input {
    margin: -3px 0;
    width: 200px; }
  .treema-node .treema-new-prop {
    margin: -1px 0 10px; }

.treema-type-select, .treema-schema-select {
  margin-right: 5px;
  float: left; }

.treema-children {
  margin-left: 15px;
  clear: both; }

.treema-add-child {
  background-color: #eef;
  border: 1px solid #aaf;
  cursor: pointer;
  display: inline-block;
  margin: 3px 0 10px;
  padding: 0px 5px;
  font-weight: bold;
  position: relative;
  left: -10px; }
  .treema-add-child:hover {
    background-color: #ccf; }

.treema-full > .treema-children > .treema-add-child {
  display: none; }

.treema-full.treema-open > .treema-children {
  margin-bottom: 5px; }

.treema-row {
  padding: 2px 3px 2px 3px; }

.treema-value {
  cursor: text;
  display: block;
  float: left;
  max-width: 100%;
  min-width: 50px; }

.treema-key {
  color: #5353ac;
  float: left;
  display: block;
  cursor: pointer;
  margin-right: 5px; }

.treema-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  background-color: rgba(64, 128, 255, 0);
  pointer-events: none;
  width: 100%;
  cursor: pointer; }

.treema-description {
  float: right;
  opacity: 0.8;
  font-size: 11px;
  line-height: 13px;
  min-width: 200px;
  text-align: right;
  display: none; }

.treema-selected > .treema-row > .treema-description {
  display: inline; }

.treema-edit + .treema-description {
  display: inline; }

.treema-selected > .treema-row {
  background-color: rgba(64, 128, 255, 0.25); }

.treema-error {
  float: right;
  color: #8b0000;
  margin: 2px 10px; }

.treema-has-error {
  background-color: #ffb6c1;
  border: 1px solid #8b0000; }

.treema-temp-error {
  background-color: #ffb6c1;
  padding: 2px 3px;
  color: #8b0000;
  margin: 0 5px;
  border: 1px solid #8b0000; }

.treema-toggle-hit-area {
  cursor: pointer;
  width: 15px;
  float: left;
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0; }
  .treema-toggle-hit-area:hover {
    background-color: rgba(128, 128, 128, 0.1); }
    .treema-toggle-hit-area:hover .treema-toggle {
      opacity: 1; }
  .treema-toggle-hit-area .treema-toggle {
    width: 0;
    height: 0;
    opacity: 0.7;
    position: absolute; }
    .treema-closed > .treema-toggle-hit-area .treema-toggle {
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 8px solid #666;
      top: 5px;
      left: 5px; }
    .treema-open > .treema-toggle-hit-area .treema-toggle {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 8px solid #666;
      top: 7px;
      left: 3px; }

.treema-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.treema-shortened {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.treema-multiline {
  width: inherit;
  margin-top: 20px;
  float: none !important; }

.treema-clipboard-container {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  z-index: 100;
  display: none;
  opacity: 0; }
  .treema-clipboard-container .treema-clipboard {
    width: 1px;
    height: 1px;
    padding: 0px; }

.treema-filter-hidden {
  display: none; }

.treema-default-stub {
  opacity: 0.7; }

.treema-string {
  color: #998500; }

.treema-number {
  color: #699900; }

.treema-null {
  color: #524059;
  font-weight: bold; }

.treema-array {
  color: #009905;
  cursor: row-resize; }

.treema-object {
  color: #008799;
  cursor: row-resize; }

.treema-boolean {
  color: #140099;
  cursor: pointer; }
  .treema-boolean.treema-edit {
    background-color: rgba(64, 128, 255, 0.25); }
  .treema-boolean input {
    opacity: 0; }
  .treema-boolean:hover + .treema-description {
    display: inline; }

.treema-point2d input, .treema-point3d input {
  width: 40px; }

.treema-search-results {
  width: 500px;
  margin-top: 10px;
  cursor: pointer; }

.treema-search-result-row:hover {
  background-color: rgba(166, 196, 255, 0.25); }

.treema-search-selected {
  background-color: rgba(64, 128, 255, 0.25) !important; }

.treema-ace.treema-display .treema-shortened {
  font-family: monospace; }

.treema-ace .ace_editor {
  width: 100%;
  border: 1px solid gray; }

.treema-long-string textarea {
  width: 100%;
  height: 300px; }
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!./node_modules/cookieconsent/build/cookieconsent.min.css ***!
  \***********************************************************************************************************************************/
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/core/loading-error.sass ***!
  \**************************************************************************************************************************************************************************************************************************/
#loading-error {
  padding: 20px;
}
#loading-error .btn {
  margin-top: 20px;
}
#loading-error .login-btn {
  margin-right: 0px;
}
#loading-error #create-account-btn {
  margin-left: 10px;
}
#loading-error #not-found-img {
  max-width: 20%;
  margin: 20px 0;
}
#loading-error #links-row {
  margin-top: 50px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/subscribe-modal.sass ***!
  \*****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
#subscribe-modal .modal-dialog {
  margin: 60px auto 0 auto;
  padding: 0;
  width: 746px;
  height: 520px;
  background: none;
}
#subscribe-modal #subscribe-background {
  position: absolute;
  top: -61px;
  left: 0px;
}
#subscribe-modal h1 {
  position: absolute;
  left: 170px;
  top: 25px;
  margin: 0;
  width: 410px;
  text-align: center;
  color: rgb(254, 188, 68);
  font-size: 38px;
  text-shadow: black 4px 4px 0, black -4px -4px 0, black 4px -4px 0, black -4px 4px 0, black 4px 0px 0, black 0px -4px 0, black -4px 0px 0, black 0px 4px 0, black 6px 6px 6px;
  font-variant: normal;
  text-transform: uppercase;
  margin-left: -30px;
}
#subscribe-modal #close-modal {
  position: absolute;
  left: 568px;
  top: 17px;
  width: 60px;
  height: 60px;
  color: white;
  text-align: center;
  font-size: 30px;
  padding-top: 15px;
  cursor: pointer;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#subscribe-modal #close-modal:hover {
  color: yellow;
}
#subscribe-modal .popover {
  z-index: 1050;
  min-width: 400px;
}
#subscribe-modal .popover h3 {
  background: transparent;
  border: 0;
  font-size: 30px;
  color: black;
}
#subscribe-modal .subscribe-image {
  position: absolute;
  top: 114px;
  right: 65px;
}
#subscribe-modal .paper-area {
  position: absolute;
  top: 114px;
  left: 31px;
  min-height: 370px;
  width: 684px;
  background: #d4c9b1;
  border: 3px solid black;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#subscribe-modal .paper-area .benefits-header, #subscribe-modal .paper-area .big-text {
  font-weight: bold;
  font-size: 20px;
  margin: 10px 40px 10px 0px;
}
#subscribe-modal .paper-area .benefits-footer {
  font-weight: bold;
  font-size: 16px;
  margin: 0 40px;
}
#subscribe-modal .paper-area ul, #subscribe-modal .paper-area .med-text {
  font-size: 16px;
  font-weight: bold;
}
#subscribe-modal .paper-area table {
  width: 100%;
  margin: 20px 0;
  text-align: center;
}
#subscribe-modal .paper-area ul {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 0;
}
#subscribe-modal .paper-area ul li {
  margin-left: 10px;
}
#subscribe-modal .paper-area ul li::before {
  content: "• ";
  margin-left: -10px;
}
#subscribe-modal .paper-area hr {
  border-top: 1px solid gray;
  margin: 10px 40px;
}
#subscribe-modal .paper-area th {
  font-size: 36px;
  text-align: center;
  line-height: 36px;
  color: #59882f;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#subscribe-modal .paper-area .option-col {
  text-align: center;
}
#subscribe-modal .paper-area .option-col img {
  position: absolute;
  left: 10px;
}
#subscribe-modal .paper-area .option-header {
  font-weight: bold;
  font-size: 16px;
}
#subscribe-modal .paper-area .price {
  font-size: 50px;
}
#subscribe-modal .paper-area .price-subtext {
  margin-bottom: 5px;
}
#subscribe-modal .paper-area .old-price {
  text-decoration: line-through;
  font-size: 20px;
  color: red;
  margin-left: -85px;
  margin-right: 10px;
}
#subscribe-modal .paper-area .new-price {
  font-size: 14px;
  margin-bottom: 6px;
  margin-right: 10px;
}
#subscribe-modal .paper-area .strike-price {
  text-decoration: line-through;
  color: red;
  font-size: 30px;
}
#subscribe-modal .paper-area p {
  margin: 5px 0 0 20px;
}
#subscribe-modal .paper-area button {
  min-width: 250px;
}
#subscribe-modal .paper-area .short-row {
  margin-bottom: 0px;
}
#subscribe-modal .paper-area .best-deal {
  font-size: 15px;
  color: darkgreen;
  text-transform: uppercase;
}
#subscribe-modal .paper-area .buy-now-text {
  opacity: 1;
}
#subscribe-modal .paper-area .buy-lock-icon {
  opacity: 1;
  float: right;
}
#subscribe-modal .paper-area .left-image {
  width: 100%;
  margin-top: 10px;
  margin-left: 10px;
  height: 335px;
  padding: 20px;
}
#subscribe-modal .paper-area .features-list {
  padding-right: 20px;
}
#subscribe-modal .comparison-blurb, #subscribe-modal .premium-pricing {
  position: absolute;
  left: 8.5%;
  top: 135px;
  width: 620px;
  background: rgba(0, 0, 0, 0);
  font-weight: normal;
  line-height: 18px;
  color: black;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-align: center;
}
#subscribe-modal .premium-pricing {
  top: 355px;
}
#subscribe-modal .comparison-table {
  position: absolute;
  left: 8.5%;
  top: 160px;
  width: 620px;
  background: rgba(0, 0, 0, 0);
  border-width: 0px;
}
#subscribe-modal .comparison-table .free-cell {
  border-right-width: 1px;
  min-width: 40px;
}
#subscribe-modal .comparison-table thead tr th {
  font-size: 24px;
  font-variant: small-caps;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #317EAC;
  padding: 4px;
  border-width: 0px;
  border-color: rgba(85, 85, 85, 0.1);
  text-align: right;
}
#subscribe-modal .comparison-table tbody {
  font-size: 14px;
}
#subscribe-modal .comparison-table tbody .center-ok {
  text-align: center;
}
#subscribe-modal .comparison-table tbody tr td {
  padding: 2px;
  border-width: 0px;
  border-top-width: 1px;
  border-color: rgba(85, 85, 85, 0.1);
}
#subscribe-modal #payment-methods-info {
  position: absolute;
  right: 38px;
  top: 389px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  line-height: 18px;
  color: black;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
#subscribe-modal .subscribe-actions {
  position: absolute;
  top: 430px;
  left: 18px;
  right: 18px;
  display: flex;
}
#subscribe-modal .subscribe-actions > button {
  height: 70px;
  margin: 0 5px;
}
#subscribe-modal .purchase-button, #subscribe-modal .stripe-annual-button, #subscribe-modal .stripe-lifetime-button {
  font-size: 24px;
  line-height: 30px;
  border-style: solid;
  border-image: url(/images/common/button-background-success-active.png) 14 20 20 20 fill round;
  border-width: 14px 20px 20px 20px;
  color: #f2f2f2;
}
#subscribe-modal .purchase-button:hover, #subscribe-modal .stripe-annual-button:hover, #subscribe-modal .stripe-lifetime-button:hover {
  border-image: url(/images/common/button-background-success-inactive.png) 14 20 20 20 fill round;
}
#subscribe-modal .purchase-button:active, #subscribe-modal .stripe-annual-button:active, #subscribe-modal .stripe-lifetime-button:active {
  border-image: url(/images/common/button-background-success-pressed.png) 14 20 20 20 fill round;
}
#subscribe-modal .purchase-button span, #subscribe-modal .stripe-annual-button span, #subscribe-modal .stripe-lifetime-button span {
  pointer-events: none;
}
#subscribe-modal #paypal-button-container {
  height: 45px;
  width: 250px;
  display: inline-block;
  margin: 5px auto 0px auto;
}
#subscribe-modal .alert {
  position: absolute;
  left: 10%;
  width: 80%;
  top: 20px;
  border: 5px solid gray;
}
#subscribe-modal .parent-account {
  margin-top: 5px;
  margin-bottom: -10px;
}
#subscribe-modal .parent-account .warning-blurb {
  font-weight: bold;
  color: #DD5600;
}
#subscribe-modal .support-blurb {
  margin-bottom: 10px;
}
#subscribe-modal .purchase-button {
  margin-bottom: 10px;
}

body[lang=fr] #subscribe-modal {
  font-size: 21px;
}
body[lang=fr] #subscribe-modal .comparison-table tbody {
  font-size: 13px;
}

body[lang=de-DE] #subscribe-modal .comparison-blurb {
  font-size: 16px;
}
body[lang=de-DE] #subscribe-modal .comparison-table tbody {
  font-size: 12px;
}

body[lang=pt-PT] #subscribe-modal .comparison-blurb {
  font-size: 16px;
}
body[lang=pt-PT] #subscribe-modal .comparison-table tbody {
  font-size: 12px;
}
body[lang=pt-PT] #subscribe-modal {
  font-size: 18px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/create-account-modal.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
#create-account-modal .modal-dialog {
  width: auto;
  max-width: fit-content;
  min-width: 850px;
}
@media (max-height: 800px) {
  #create-account-modal .modal-dialog {
    margin-top: 0;
  }
}
#create-account-modal .modal-dialog.ozaria-modal {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(66.45deg, #FFFEF0 15.94%, #FFFDEA 29.45%, #FFF8CF 46.45%, #FDF7D7 76.99%, #FFFCE9 83.48%);
}
@media (max-width: 992px) {
  #create-account-modal .modal-dialog.ozaria-modal {
    min-width: fit-content;
  }
}
#create-account-modal .modal-dialog.ozaria-modal .modal-content, #create-account-modal .modal-dialog.ozaria-modal .modal-footer {
  background: none;
}
#create-account-modal .modal-dialog.ozaria-modal .modal-content {
  border-radius: 20px;
}
@media (max-width: 992px) {
  #create-account-modal .modal-dialog.ozaria-modal .modal-content {
    min-width: fit-content;
  }
}
#create-account-modal .modal-dialog.ozaria-modal .modal-footer span {
  color: #555;
}
#create-account-modal .modal-content {
  display: flex;
  flex-direction: column;
  min-height: 550px;
  max-height: 850px;
  max-width: fit-content;
  min-width: 850px;
  text-align: center;
  padding: 0;
  border: none;
}
#create-account-modal button.back {
  position: absolute;
  color: #1FBAB4;
  left: 20px;
  top: 20px;
  text-decoration-line: underline;
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  z-index: 1;
  border: none;
  background: none;
}
#create-account-modal button.close {
  top: 20px;
  right: 20px;
  position: absolute;
  z-index: 1;
}
#create-account-modal .close, #create-account-modal .back {
  color: white;
  opacity: 0.5;
  right: 7px;
}
#create-account-modal .close:hover, #create-account-modal .back:hover {
  opacity: 0.9;
}
#create-account-modal .modal-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100px;
  max-height: 10.5vh;
  padding: 0;
  background-color: #0E4C60;
}
#create-account-modal .modal-header h3 {
  color: white;
}
#create-account-modal .modal-footer {
  padding: 0;
  margin: 0;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0E4C60;
}
#create-account-modal .modal-footer span {
  color: white;
}
#create-account-modal .modal-footer a span {
  text-decoration: underline;
}
#create-account-modal #choose-account-type-view, #create-account-modal #segment-check-view, #create-account-modal #eu-confirmation-view, #create-account-modal #oz-vs-coc-view, #create-account-modal #basic-info-view, #create-account-modal #coppa-deny-view, #create-account-modal #single-sign-on-already-exists-view, #create-account-modal #single-sign-on-confirm-view, #create-account-modal #extras-view, #create-account-modal #confirmation-view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#create-account-modal .modal-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#create-account-modal .modal-body-content {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}
#create-account-modal .history-nav-buttons {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  flex-grow: 1;
  align-items: flex-end;
  justify-content: space-between;
}
#create-account-modal .history-nav-buttons .btn {
  margin: 0;
}
#create-account-modal .history-nav-buttons .back-button:first-child:last-child {
  margin-right: auto;
}
#create-account-modal .form-container {
  width: 800px;
}
#create-account-modal .form-container .form-group {
  text-align: left;
}
#create-account-modal .full-name {
  display: flex;
  flex-direction: row;
}
#create-account-modal .form-group {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}
#create-account-modal .form-group.text-center {
  text-align: center;
}
#create-account-modal .form-group input {
  height: 40px;
}
#create-account-modal .form-group select {
  border: 1px solid #1FBAB4;
}
#create-account-modal .form-group.row {
  display: block;
}
#create-account-modal .form-group.last-initial {
  margin-left: 30px;
  width: auto;
}
#create-account-modal .form-group.last-initial input {
  width: 70px;
}
#create-account-modal .form-group.subscribe {
  width: 100%;
}
#create-account-modal .hr-text {
  position: relative;
}
#create-account-modal .hr-text hr {
  width: 430px;
  padding: 0;
  border: none;
  border-top: thin solid #444;
  color: #444;
}
#create-account-modal .hr-text span {
  position: absolute;
  left: 50%;
  top: 0.45em;
  transform: translateX(-50%);
  padding: 0 0.75em;
  font-weight: bold;
  font-size: 10pt;
  background: white;
}
#create-account-modal .glyphicon-ok-circle {
  color: green;
}
#create-account-modal .glyphicon-remove-circle {
  color: red;
}

#create-account-modal .modal-header.ozaria-modal-header {
  justify-content: space-between;
  flex-direction: row;
  border-radius: 20px 20px 0 0;
  padding: 0 15px;
  background: linear-gradient(66.45deg, #FFFEF0 15.94%, #FFFDEA 29.45%, #FFF8CF 46.45%, #FDF7D7 76.99%, #FFFCE9 83.48%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
  z-index: 1;
}
#create-account-modal .modal-header.ozaria-modal-header > * {
  flex: 1;
}
#create-account-modal .modal-header.ozaria-modal-header > *:nth-child(2) {
  flex: 3;
}
#create-account-modal .modal-header.ozaria-modal-header h3 {
  color: #232323;
  font-family: Arvo;
  font-style: normal;
  font-weight: bold;
  font-size: 33px;
  line-height: 41px;
}
#create-account-modal .modal-header.ozaria-modal-header button.close {
  opacity: 0.85;
  max-width: 25px;
}

#segment-check-view.student {
  border-radius: 0 0 20px 20px;
  background: linear-gradient(66.45deg, #FFFEF0 15.94%, #FFFDEA 29.45%, #FFF8CF 46.45%, #FDF7D7 76.99%, #FFFCE9 83.48%);
}

.ozaria-modal .primary-oz-button {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 38px;
  color: #131b25;
  background-color: #1FBAB4;
  border: 0;
  padding: 5px 15px;
  border-radius: 4px;
  text-align: center;
  min-width: 220px;
  min-height: 50px;
}
.ozaria-modal .primary-oz-button[disabled] {
  cursor: not-allowed;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/auth-modal.sass ***!
  \************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
:root {
  --color-primary: #7a65fc;
  --color-primary-1: #7a65fc;
  --color-primary-2: #9487ff;
  --color-primary-middle: #d5d5fc;
  --color-primary-light: #e9e8fd;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(122, 101, 252, 0.15);
  --color-light-background: #F9F9FF;
  --color-bg-gradient: linear-gradient(100deg, #f6f4ff 0%, #fff 100%);
  --text-shadow: -1px 0 #2605f6, 0 1px #2605f6, 1px 0 #2605f6, 0 -1px #2605f6;
  --color-primary__darken_10: #4f33fb;
  --color-primary-1__darken_10: #4f33fb;
}

body.teal-theme {
  --color-primary-1: #4decf0;
  --color-primary: #4799a9;
  --color-primary-2: #6feff3;
  --color-primary-middle: #bdf7fa;
  --color-primary-light: #e6fbfc;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(77, 236, 240, 0.3);
  --color-light-background: #f0fdfd;
  --color-bg-gradient: linear-gradient(100deg, #f0fdfd 0%, #fff 100%);
  --text-shadow: -1px 0 #295861, 0 1px #295861, 1px 0 #295861, 0 -1px #295861;
  --color-primary__darken_10: #387885;
  --color-primary-1__darken_10: #1ee7ec;
}

#auth-modal .modal-dialog {
  padding: 0;
  width: 666px;
  height: 582px;
}
#auth-modal .auth-modal-background {
  position: absolute;
  top: -90px;
  left: -40px;
}
#auth-modal h1 {
  position: absolute;
  left: 183px;
  top: 0px;
  margin: 0;
  width: 255px;
  text-align: center;
  color: rgb(254, 188, 68);
  font-size: 32px;
  text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
}
#auth-modal h1.long-title {
  top: -14px;
}
#auth-modal #close-modal {
  position: absolute;
  left: 442px;
  top: -15px;
  width: 60px;
  height: 60px;
  color: white;
  text-align: center;
  font-size: 30px;
  padding-top: 15px;
  cursor: pointer;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#auth-modal #close-modal:hover {
  color: yellow;
}
#auth-modal .auth-form-content {
  position: absolute;
  top: 100px;
  left: 40px;
  width: 588px;
}
#auth-modal .auth-form-content .help-block {
  margin: 0;
}
#auth-modal .auth-form-content .alert {
  margin-top: -25px;
  margin-bottom: 0;
  padding: 10px 15px;
}
#auth-modal .auth-form-content #recover-account-wrapper {
  float: right;
  margin-top: 7px;
}
#auth-modal .auth-form-content [dir=rtl] #recover-account-wrapper {
  float: left;
}
#auth-modal .auth-form-content .israel-server-hint {
  float: left;
  margin-top: 7px;
}
#auth-modal .auth-form-content .form-group {
  color: rgb(51, 51, 51);
  padding: 0;
  margin: 0;
}
#auth-modal .auth-form-content .form-group .input-border {
  border: 2px solid rgb(233, 221, 194);
  border-radius: 4px;
}
#auth-modal .auth-form-content .form-group .input-border input {
  background-color: rgb(239, 232, 216);
  border: 2px solid rgb(26, 21, 18);
  border-radius: 4px;
}
#auth-modal .auth-form-content label {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}
#auth-modal .auth-form-content label .optional-note {
  font-size: 14px;
}
#auth-modal .auth-form-content .form-group.checkbox {
  margin: 10px 0;
}
#auth-modal .auth-form-content .form-group.checkbox label {
  position: relative;
  line-height: 34px;
}
#auth-modal .auth-form-content .form-group.checkbox label span:not(.custom-checkbox) {
  margin-left: 40px;
}
#auth-modal .auth-form-content .form-group.checkbox input {
  display: none;
}
#auth-modal .auth-form-content .form-group.checkbox input + .custom-checkbox .glyphicon {
  display: none;
}
#auth-modal .auth-form-content .form-group.checkbox input:checked + .custom-checkbox .glyphicon {
  display: inline;
  color: rgb(248, 169, 67);
  text-align: center;
  text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black;
  font-size: 20px;
  position: relative;
  top: -2px;
}
#auth-modal .auth-form-content .form-group.checkbox .input-border {
  border-radius: 4px;
  height: 34px;
  width: 34px;
  position: absolute;
}
#auth-modal .auth-form-content .form-group.checkbox .custom-checkbox {
  border-radius: 4px;
  position: absolute;
  height: 30px;
  width: 30px;
  border: 2px solid rgb(26, 21, 18);
  background: rgb(228, 217, 196);
  text-align: center;
}
#auth-modal .auth-form-content #login-btn {
  position: absolute;
  top: 186px;
  height: 70px;
  font-size: 32px;
  line-height: 42px;
}
#auth-modal .auth-network-logins {
  position: absolute;
}
#auth-modal .auth-network-logins.two-choices {
  top: 364px;
  width: 580px;
  left: 48px;
  padding-left: 29px;
}
#auth-modal .auth-network-logins.two-choices .network-login {
  width: 251px;
}
#auth-modal .auth-network-logins.two-choices .network-login img {
  width: 251px;
}
#auth-modal .auth-network-logins.three-choices {
  top: 369px;
}
#auth-modal .auth-network-logins.three-choices .network-login {
  width: 207px;
}
#auth-modal .auth-network-logins.three-choices .network-login img {
  width: 207px;
}
#auth-modal .auth-network-logins .network-login {
  height: 60px;
  float: left;
  text-align: center;
  position: relative;
  margin-right: 15px;
}
#auth-modal .auth-network-logins .network-login .network-logo {
  height: 30px;
  position: absolute;
  left: -10px;
  top: 2px;
}
#auth-modal .auth-network-logins .network-login .sign-in-blurb {
  line-height: 34px;
}
#auth-modal .auth-network-logins .network-login #facebook-blurb {
  margin-left: 12px;
}
#auth-modal .auth-network-logins .network-login .fb-login-button {
  transform: scale(3.921875, 2.6086956522);
  position: absolute;
  top: 4px;
  left: 74px;
  opacity: 0.01;
  filter: alpha(opacity=1);
}
#auth-modal .auth-network-logins .network-login .gplus-login-wrapper {
  position: absolute;
  left: 65px;
  top: -6px;
  transform: scale(2.9880952381, 2.5);
  opacity: 0.01;
  filter: alpha(opacity=1);
}
#auth-modal .auth-network-logins .network-login .fb-login-img {
  width: 251px;
  margin-top: 5px;
  border-radius: 3px;
}
#auth-modal .auth-network-logins .network-login .clever-login-img {
  height: 43px;
}
#auth-modal .auth-network-logins #github-login-button {
  position: relative;
  top: -1px;
  border-radius: 5px;
}
#auth-modal .auth-network-logins #github-login-button img {
  width: 16px;
  margin: 0 5px 0 -5px;
}
#auth-modal .auth-network-logins #gplus-login-button {
  position: relative;
  top: 8px;
}
#auth-modal .extra-pane {
  background-image: url(/images/pages/modal/auth/extra-pane.png);
  width: 633px;
  height: 139px;
  padding: 23px 23px 23px 168px;
  position: absolute;
  top: 408px;
}
#auth-modal .extra-pane .switch-explanation {
  margin: 25px 10px 0 0;
  width: 200px;
  color: rgb(254, 188, 68);
  font-size: 20px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: black 1px 1px 0, black -1px -1px 0, black 1px -1px 0, black -1px 1px 0, black 1px 0px 0, black 0px -1px 0, black -1px 0px 0, black 0px 1px 0;
  float: left;
}
#auth-modal .extra-pane .btn {
  float: right;
  margin-top: 20px;
  width: 230px;
  height: 70px;
  line-height: 40px;
}

.ie10 #auth-modal .auth-network-logins .btn.btn-lg.network-login .network-logo, .lt-ie10 #auth-modal .auth-network-logins .btn.btn-lg.network-login .network-logo {
  left: 15px;
  top: 15px;
}

body[lang^=pt] #auth-modal .auth-network-logins .btn.btn-lg.network-login, body[lang^=es] #auth-modal .auth-network-logins .btn.btn-lg.network-login, body[lang=fr] #auth-modal .auth-network-logins .btn.btn-lg.network-login, body[lang^=de] #auth-modal .auth-network-logins .btn.btn-lg.network-login, body[lang=hu] #auth-modal .auth-network-logins .btn.btn-lg.network-login, body[lang=pl] #auth-modal .auth-network-logins .btn.btn-lg.network-login, body[lang=sr] #auth-modal .auth-network-logins .btn.btn-lg.network-login, body[lang=sk] #auth-modal .auth-network-logins .btn.btn-lg.network-login {
  font-size: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/recover-modal.sass ***!
  \***************************************************************************************************************************************************************************************************************************/
#recover-modal {
  color: black;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/choose-account-type-view.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
:root {
  --color-primary: #7a65fc;
  --color-primary-1: #7a65fc;
  --color-primary-2: #9487ff;
  --color-primary-middle: #d5d5fc;
  --color-primary-light: #e9e8fd;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(122, 101, 252, 0.15);
  --color-light-background: #F9F9FF;
  --color-bg-gradient: linear-gradient(100deg, #f6f4ff 0%, #fff 100%);
  --text-shadow: -1px 0 #2605f6, 0 1px #2605f6, 1px 0 #2605f6, 0 -1px #2605f6;
  --color-primary__darken_10: #4f33fb;
  --color-primary-1__darken_10: #4f33fb;
}

body.teal-theme {
  --color-primary-1: #4decf0;
  --color-primary: #4799a9;
  --color-primary-2: #6feff3;
  --color-primary-middle: #bdf7fa;
  --color-primary-light: #e6fbfc;
  --color-primary-light-2: #e9e8fd;
  --color-dark-grey: #0a2239;
  --color-dark-grey-2: #111928;
  --color-light-grey: #6b7280;
  --color-box-shadow: rgba(77, 236, 240, 0.3);
  --color-light-background: #f0fdfd;
  --color-bg-gradient: linear-gradient(100deg, #f0fdfd 0%, #fff 100%);
  --text-shadow: -1px 0 #295861, 0 1px #295861, 1px 0 #295861, 0 -1px #295861;
  --color-primary__darken_10: #387885;
  --color-primary-1__darken_10: #1ee7ec;
}

#choose-account-type-view {
  width: 1048px;
}
@media (max-width: 992px) {
  #choose-account-type-view {
    width: fit-content;
  }
}
#choose-account-type-view .choose-type-title {
  display: flex;
  flex-direction: column;
}
#choose-account-type-view .modal-body-content {
  padding: 0;
  margin: 0 50px;
}
#choose-account-type-view h4 {
  padding-bottom: 20px;
}
#choose-account-type-view .path-cards {
  margin-top: 45px;
  max-width: 100%;
}
#choose-account-type-view .path-cards:nth-child(2) {
  margin-top: 17px;
}
@media (max-width: 992px) {
  #choose-account-type-view .path-cards:nth-child(2) {
    margin-top: 0px;
  }
}
#choose-account-type-view .path-card.navy {
  border-color: #0E4C60;
}
#choose-account-type-view .path-card.navy .card-title {
  background-color: #0E4C60;
}
#choose-account-type-view .path-card.forest {
  border-color: #20572B;
}
#choose-account-type-view .path-card.forest .card-title {
  background-color: #20572B;
}
#choose-account-type-view .path-card .card-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 50px;
  max-height: 5vh;
  color: white;
  font-weight: bold;
  text-align: center;
}
#choose-account-type-view .path-card .card-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 20px;
}
#choose-account-type-view .path-card .card-content ul {
  align-self: center;
  text-align: left;
  padding-left: 20px;
}
#choose-account-type-view .path-card .card-content ul[dir=rtl] {
  text-align: right;
}
#choose-account-type-view .path-card .card-content ul li span {
  position: relative;
  left: -5px;
}
#choose-account-type-view .path-card .card-image {
  width: 300px;
  height: 200px;
  background: #C4C4C4;
  border-radius: 10px;
  cursor: pointer;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.11));
}
@media (max-width: 992px) {
  #choose-account-type-view .path-card .card-image {
    display: none;
  }
}
#choose-account-type-view .path-card .card-footer {
  margin: 0 35px 20px;
  min-height: 62px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  #choose-account-type-view .path-card .card-footer span {
    order: 2;
  }
}
#choose-account-type-view .path-card .card-footer span.small div {
  line-height: 25px;
  font-weight: 300;
  font-size: 18px;
  white-space: nowrap;
  margin: 15px -100%;
}
@media (max-width: 992px) {
  #choose-account-type-view .path-card .card-footer span.small div {
    margin-top: 7px;
    margin-bottom: 25px;
  }
}
#choose-account-type-view .path-card .card-footer .primary-oz-button {
  max-width: 300px;
  margin: 0px auto;
}
#choose-account-type-view .individual-section {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 425px;
}
#choose-account-type-view .individual-title {
  font-weight: bold;
}
#choose-account-type-view .individual-description {
  margin: 0px 0px 20px 0px;
  width: 100%;
}
#choose-account-type-view .text-h6 {
  color: white;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/segment-check-view.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
#segment-check-view .class-code-input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#segment-check-view .class-code-input-group .class-code-input {
  text-align: center;
}
#segment-check-view .class-code-input-group .glyphicon {
  width: 0;
  line-height: 40px;
  font-size: 30px;
}
#segment-check-view .parent_birthdate {
  font-size: 11pt;
  margin-top: 20px;
}
#segment-check-view.student .modal-body-content {
  padding: 0;
}
#segment-check-view.student .modal-student-contents {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 392px;
  width: 100%;
}
#segment-check-view.student .class-code-section {
  width: 80%;
  text-align: left;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #232323;
}
#segment-check-view.student .class-code-section label {
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
}
#segment-check-view.student .class-code-section .render {
  font-weight: normal;
  font-size: 24px;
  line-height: 33px;
}
#segment-check-view.student .class-code-section .ask-teacher {
  font-size: 16px;
  line-height: 22px;
}
#segment-check-view.student .class-code-section input {
  width: 300px;
  text-align: left;
}
#segment-check-view.student .class-code-section .class-code-input-group {
  justify-content: space-between;
}
#segment-check-view.student .input-with-glyph {
  display: flex;
}
#segment-check-view.student .input-with-glyph input {
  margin-right: 10px;
}
#segment-check-view.student .divider-line {
  border: 2px solid #ff6978;
  width: 85%;
}
#segment-check-view.student .play-now-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 80%;
}
#segment-check-view.student .play-now-section > * {
  flex: 1;
}
#segment-check-view.student .play-now-section > :first-child {
  flex: 2;
  padding-right: 100px;
  text-align: left;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #232323;
}
#segment-check-view.student .footer-signin {
  font-family: Open Sans;
  font-size: 16px;
  color: #232323;
  margin-bottom: -20px;
}
#segment-check-view.student .footer-signin a {
  color: #232323;
  text-decoration: underline;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/coppa-deny-view.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************/
#coppa-deny-view .parent-email-blurb {
  width: 500px;
}
#coppa-deny-view .parent-email-input-group {
  display: flex;
  align-items: center;
  text-align: center;
}
#coppa-deny-view .parent-email-input-group .glyphicon {
  width: 0;
  line-height: 40px;
  font-size: 30px;
}
#coppa-deny-view .error {
  color: red;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/eu-confirmation-view.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************/

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/basic-info-view.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
#basic-info-view .network-login {
  transition: filter 0.1s linear;
}
#basic-info-view .network-login:hover {
  filter: brightness(110%);
}
#basic-info-view .gplus-login {
  margin-bottom: 20px;
}
#basic-info-view .gplus-login .gplus-logo {
  width: 254px;
}
#basic-info-view .facebook-login #facebook-signup-btn {
  height: 40px;
}
#basic-info-view .facebook-login #facebook-signup-btn .facebook-logo {
  height: 40px;
}
#basic-info-view .clever-login .clever-logo {
  width: 254px;
  height: 52px;
}
#basic-info-view .basic-info {
  display: flex;
  flex-direction: column;
}
#basic-info-view .basic-info .form-group {
  text-align: left;
  margin: 0;
}
#basic-info-view .basic-info .form-group[dir=rtl] {
  text-align: right;
}
#basic-info-view .basic-info .form-group input {
  max-height: 5vh;
}
#basic-info-view .basic-info .form-group .help-block {
  float: right;
}
#basic-info-view .basic-info .form-group .fancy-error {
  padding-top: 29px;
  line-height: 14px;
}
#basic-info-view .basic-info .form-container > .form-group, #basic-info-view .basic-info .form-container > .row {
  max-height: 84px;
  max-height: calc(58px + 5vh);
  flex-grow: 1;
  align-self: flex-start;
}
#basic-info-view .btn-illustrated img {
  opacity: 1;
}
#basic-info-view label {
  margin-bottom: 0;
}
#basic-info-view .help-block {
  margin: 0;
}
#basic-info-view .optional-help-block {
  font-style: italic;
}
#basic-info-view .form-container {
  width: 800px;
}
#basic-info-view .input-lg {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
}
#basic-info-view .optional-text {
  font-size: 12px;
}
#basic-info-view #want-in-school {
  position: absolute;
  bottom: 18px;
}
#basic-info-view #want-in-school #want-in-school-checkbox {
  margin-top: 7px;
}
#basic-info-view .library-signup-text {
  text-align: center;
  padding-bottom: 10px;
  font-weight: lighter;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/sso-already-exists-view.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
#single-sign-on-already-exists-view .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/sso-confirm-view.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************/
#single-sign-on-confirm-view .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/extras-view.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************/
#extras-view {
  justify-content: center;
}
#extras-view #hero-select-view {
  margin-top: 20px;
}
#extras-view #hero-select-view .hero-option {
  margin: 0 30px 50px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/core/hero-select-view.sass ***!
  \*****************************************************************************************************************************************************************************************************************************/
#hero-select-view {
  width: 100%;
}
#hero-select-view .hero-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -50px;
}
#hero-select-view .hero-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 25px 25px;
}
#hero-select-view .hero-avatar {
  margin: 6px;
  background-color: #f8f8f8;
  box-shadow: 0 0 0 1px gray;
}
#hero-select-view .current .hero-avatar {
  box-shadow: 0 0 0 6px gray;
}
#hero-select-view .selected .hero-avatar {
  box-shadow: 0 0 0 6px #F2BE19;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/confirmation-view.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************/
#confirmation-view {
  text-align: left;
}
#confirmation-view .confirm_container {
  width: 100%;
}
#confirmation-view .signup-info-box-wrapper {
  width: 100%;
}
#confirmation-view .signup-info-box {
  padding: 10px 20px;
}
.product-ozaria #confirmation-view .signup-info-box {
  border: 2px solid #1FBAB4;
}
.product-ozaria #confirmation-view .signup-info-box p {
  margin: 0;
}
.product-codecombat #confirmation-view .signup-info-box {
  border: 2px dashed #7D0101;
}
#confirmation-view .nces-search-input-component {
  padding-top: 10px;
  width: 100%;
}
#confirmation-view .modal-body-content {
  width: 80%;
  margin-left: 10%;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/nces-search-input.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.nces-search-input-component .suggestion-wrapper {
  position: relative;
}
.nces-search-input-component .suggestion-wrapper .list-group {
  position: absolute;
  z-index: 1;
  width: 100%;
}
.nces-search-input-component .suggestion-wrapper .list-group .list-group-item.active {
  background: #0E4C60;
  color: white;
}
.nces-search-input-component .optional-text {
  font-size: 12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/modal/create-account-modal/school-info-panel.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.school-info-panel .country, .school-info-panel .state {
  height: 40px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/ModalDivider.vue?vue&type=style&index=0&id=60474e33&lang=scss&scoped=true& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* <h5> Button Text Black font style */
/* <h2> Subtitle Black 24 font style */
/* <h5> Button Text White font style */
.divider[data-v-60474e33] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 21px;
}
.divider span[data-v-60474e33] {
  font-family: Work Sans;
  font-size: 28px;
  line-height: 33px;
  color: #d1b147;
  font-weight: 600;
}
.divider-1[data-v-60474e33], .divider-2[data-v-60474e33] {
  height: 8px;
  width: 230px;
  display: inline-block;
}
.divider-1[data-v-60474e33] {
  background: linear-gradient(to left, #efc947 0%, #F7D047 80.4%, #F7D047 100%);
}
.divider-2[data-v-60474e33] {
  background: linear-gradient(to left, #D1B147 0%, #D1B147 40%, #efc947 100%);
}
.divider-3[data-v-60474e33] {
  height: 8px;
  width: 511px;
  display: inline-block;
  background: linear-gradient(0.95deg, #D1B147 -5.07%, #D1B147 16.64%, #F7D047 93.04%, #F7D047 103.46%);
}
.or-text[data-v-60474e33] {
  width: 54px;
  text-align: center;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/BaseModalContainer.vue?vue&type=style&index=0&id=0a688768&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-mask[data-v-0a688768] {
    z-index: 9998;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .5);

    display: flex;

    align-items: safe center;
    justify-content: safe center;

    transition: opacity .3s ease;
}
.modal-container[data-v-0a688768] {
    background: #FFF;
    transition: all .3s ease;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */
.modal-enter[data-v-0a688768] {
    opacity: 0;
}
.modal-leave-active[data-v-0a688768] {
    opacity: 0;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/BaseModal.vue?vue&type=style&index=0&id=51bcd936&lang=sass&scoped=true& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal[data-v-51bcd936] .container {
  width: 100%;
  height: 100%;
  padding: 25px;
  border-radius: 10px;
}
.modal-content[data-v-51bcd936] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.modal-content .modal-header[data-v-51bcd936], .modal-content .modal-body[data-v-51bcd936], .modal-content .modal-footer[data-v-51bcd936] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: inherit;
  padding: 5px;
}
.modal-content .modal-header[data-v-51bcd936] {
  font-weight: bold;
  font-size: 30px;
  position: relative;
}
.modal-content .modal-body[data-v-51bcd936] {
  font-size: 20px;
  flex-grow: 1;
  padding-top: 0px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/Modal.vue?vue&type=style&index=0&id=36953fb6&lang=scss& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-container {
  border-radius: 10px;
}
.coco-modal-header {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.13);
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.modal-backdrop.vue-modal {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/Modal.vue?vue&type=style&index=1&id=36953fb6&lang=scss&scoped=true& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* <h5> Button Text Black font style */
/* <h2> Subtitle Black 24 font style */
/* <h5> Button Text White font style */
.title[data-v-36953fb6] {
  font-size: 24px;
  line-height: normal;
  text-align: left;
  color: #000000;
  letter-spacing: 0.83px;
  font-style: normal;
  font-weight: 600;
  font-family: Work Sans;
  letter-spacing: 0.56px;
}
.teacher-modal-header[data-v-36953fb6] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 10px;
}
.close-icon[data-v-36953fb6] {
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/DirectContactModal.vue?vue&type=style&index=0&id=2e173b3d&lang=scss&scoped=true& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* <h5> Button Text Black font style */
/* <h2> Subtitle Black 24 font style */
/* <h5> Button Text White font style */
.flex-container[data-v-2e173b3d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.column[data-v-2e173b3d] {
  flex-direction: column;
}
.btn-primary.btn-moon[data-v-2e173b3d] {
  background-color: #f7d047;
  border-radius: 1px;
  color: #232323;
  text-shadow: unset;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #131b25;
  letter-spacing: 0.4px;
  font-style: normal;
  font-weight: 600;
  font-family: Work Sans;
  min-width: 260px;
  padding: 15px 0;
  background-image: unset;
  margin: 0 15px;
}
.btn-primary.btn-moon[data-v-2e173b3d]:hover {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.4px;
  font-style: normal;
  font-weight: 600;
  font-family: Work Sans;
  background-color: #d1b147;
  transition: background-color 0.35s;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ozaria/site/components/common/ModalDivider.vue?vue&type=style&index=0&id=6707f7b2&lang=scss&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
.divider[data-v-6707f7b2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.divider span[data-v-6707f7b2] {
  font-family: Work Sans;
  font-size: 28px;
  line-height: 33px;
  color: #d1b147;
  font-weight: 600;
}
.divider-1[data-v-6707f7b2], .divider-2[data-v-6707f7b2] {
  height: 8px;
  width: 230px;
  display: inline-block;
}
.divider-1[data-v-6707f7b2] {
  background: linear-gradient(to left, #efc947 0%, #F7D047 80.4%, #F7D047 100%);
}
.divider-2[data-v-6707f7b2] {
  background: linear-gradient(to left, #D1B147 0%, #D1B147 40%, #efc947 100%);
}
.divider-3[data-v-6707f7b2] {
  height: 8px;
  width: 511px;
  display: inline-block;
  background: linear-gradient(0.95deg, #D1B147 -5.07%, #D1B147 16.64%, #F7D047 93.04%, #F7D047 103.46%);
}
.or-text[data-v-6707f7b2] {
  width: 54px;
  text-align: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ozaria/site/components/common/BaseModalContainer.vue?vue&type=style&index=0&id=2ce10a8b&lang=scss&scoped=true& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-mask[data-v-2ce10a8b] {
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
.modal-mask-fade[data-v-2ce10a8b] {
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
.modal-container[data-v-2ce10a8b] {
  background: #FFF;
  transition: all 0.3s ease;
  white-space: normal;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */
.modal-enter[data-v-2ce10a8b] {
  opacity: 0;
}
.modal-leave-active[data-v-2ce10a8b] {
  opacity: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ozaria/site/components/common/BaseModal.vue?vue&type=style&index=0&id=2bb27246&lang=sass& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
.ozaria-modal ::v-deep .modal-container {
  width: 100%;
  height: 100%;
}
.ozaria-modal ::v-deep .modal-container ::v-deep .modal-container {
  width: 60%;
  padding: 25px;
  border-radius: 10px;
}
.ozaria-modal .ozaria-modal-content {
  width: 100%;
  height: 100%;
  max-height: 95vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-flow: column;
}
.ozaria-modal .ozaria-modal-content .ozaria-modal-header, .ozaria-modal .ozaria-modal-content .ozaria-modal-body, .ozaria-modal .ozaria-modal-content .ozaria-modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: inherit;
  padding: 10px;
}
.ozaria-modal .ozaria-modal-content .ozaria-modal-header {
  font-weight: bold;
  font-size: 30px;
  flex: 0 1 auto;
}
.ozaria-modal .ozaria-modal-content .ozaria-modal-body {
  font-size: 20px;
  flex: 1 1 auto;
  overflow-y: scroll;
  align-items: baseline;
}
.ozaria-modal .ozaria-modal-content .ozaria-modal-footer {
  flex: 0 1 auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ozaria/site/components/common/Modal.vue?vue&type=style&index=0&id=2762b717&lang=scss& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-container {
  border-radius: 10px;
}
.ozaria-modal-header {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.13);
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ozaria/site/components/common/Modal.vue?vue&type=style&index=1&id=2762b717&lang=scss&scoped=true& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
.title[data-v-2762b717] {
  font-size: 24px;
  line-height: normal;
  text-align: left;
  color: #000000;
  letter-spacing: 0.83px;
  font-style: normal;
  font-weight: 600;
  font-family: Work Sans;
  letter-spacing: 0.56px;
}
.teacher-modal-header[data-v-2762b717] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0px 10px;
}
.close-icon[data-v-2762b717] {
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ozaria/site/components/common/DirectContactModal.vue?vue&type=style&index=0&id=602c897c&lang=scss&scoped=true& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
.flex-container[data-v-602c897c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.column[data-v-602c897c] {
  flex-direction: column;
}
.btn-primary.btn-moon[data-v-602c897c] {
  background-color: #f7d047;
  border-radius: 1px;
  color: #232323;
  text-shadow: unset;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #131b25;
  letter-spacing: 0.4px;
  font-style: normal;
  font-weight: 600;
  font-family: Work Sans;
  min-width: 260px;
  padding: 15px 0;
  background-image: unset;
  margin: 0 15px;
}
.btn-primary.btn-moon[data-v-602c897c]:hover {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 0.4px;
  font-style: normal;
  font-weight: 600;
  font-family: Work Sans;
  background-color: #d1b147;
  transition: background-color 0.35s;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./app/styles/achievements.sass ***!
  \********************************************************************************************************************************************************************************************************************/
.achievement-popup {
  padding: 14px 0px;
  position: relative;
}
.achievement-popup .achievement-body {
  position: relative;
}
.achievement-popup .achievement-body .achievement-icon {
  position: absolute;
  z-index: 1000;
  width: 140px;
  height: 140px;
  left: -98px;
  top: -14px;
  background-size: 100% 100% !important;
}
.achievement-popup .achievement-body .achievement-icon .achievement-image {
  width: 100%;
  height: 100%;
}
.achievement-popup .achievement-body .achievement-icon .achievement-image img {
  border-radius: 25%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 91px;
}
.achievement-popup .achievement-body .achievement-content {
  background-image: url("/images/achievements/achievement_background.png");
  position: relative;
  width: 315px;
  height: 112px;
  padding: 16.8px 21px 14px 42px;
  background-size: 100% 100%;
  text-align: center;
  overflow: hidden;
}
.achievement-popup .achievement-body .achievement-content .achievement-title {
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  font-size: 19.6px;
  font-weight: bold;
  padding-left: -35px;
  white-space: nowrap;
  max-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.achievement-popup .achievement-body .achievement-content .achievement-description {
  font-size: 11.2px;
  line-height: 1.3em;
  max-height: 2.6em;
  margin-top: auto;
  margin-bottom: 0px !important;
  white-space: normal;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.achievement-popup .achievement-body .achievement-content .progress-wrapper {
  margin-left: 14px;
  position: absolute;
  bottom: 33.6px;
}
.achievement-popup .achievement-body .achievement-content .progress-wrapper .user-level {
  font-size: 14px;
  color: white;
  position: absolute;
  left: -10.5px;
  margin-top: -5.6px;
  vertical-align: middle;
  z-index: 1000;
}
.achievement-popup .achievement-body .achievement-content .progress-wrapper > .progress-bar-wrapper {
  position: absolute;
  margin-left: 11.9px;
  width: 219.1px;
  height: 14px;
  z-index: 2;
}
.achievement-popup .achievement-body .achievement-content .progress-wrapper > .progress-bar-wrapper > .progress {
  margin-top: 3.5px;
  border-radius: 35px;
  height: 9.8px;
}
.achievement-popup .achievement-body .achievement-content .progress-wrapper > .progress-bar-border {
  position: absolute;
  width: 238px;
  height: 21px;
  margin-top: -1.4px;
  background: url("/images/achievements/bar_border.png") no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
.achievement-popup .achievement-body.locked .achievement-content {
  background-image: url("/images/achievements/achievement_background_locked.png");
}
.achievement-popup .achievement-body:not(.locked) .achievement-content {
  background-image: url("/images/achievements/achievement_background.png");
}

.achievement-wood.locked .achievement-icon {
  background: url("/images/achievements/border_wood_locked.png") no-repeat;
}
.achievement-wood:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_wood.png") no-repeat;
}

.achievement-stone.locked .achievement-icon {
  background: url("/images/achievements/border_stone_locked.png") no-repeat;
}
.achievement-stone:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_stone.png") no-repeat;
}

.achievement-silver.locked .achievement-icon {
  background: url("/images/achievements/border_silver_locked.png") no-repeat;
}
.achievement-silver:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_silver.png") no-repeat;
}

.achievement-gold.locked .achievement-icon {
  background: url("/images/achievements/border_gold_locked.png") no-repeat;
}
.achievement-gold:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_gold.png") no-repeat;
}

.achievement-diamond.locked .achievement-icon {
  background: url("/images/achievements/border_diamond_locked.png") no-repeat;
}
.achievement-diamond:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_diamond.png") no-repeat;
}

.xp-bar-old {
  background-color: #680080;
}

.xp-bar-new {
  background-color: #0096ff;
}

.xp-bar-left {
  background-color: #fffbfd;
}

.achievement-category-title {
  margin-left: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #5a5a5a;
  text-transform: uppercase;
}

.table-layout #no-achievements {
  margin-top: 40px;
}

.achievement-icon-small {
  height: 18px;
}

.achievement-popup-container {
  position: fixed;
  left: 100px;
  bottom: 0px;
  z-index: 9001;
  cursor: pointer;
}

.popup {
  left: -600px;
}

.user-level {
  background-image: url("/images/achievements/level-bg.png");
  background-size: 100% 100%;
  width: 26.6px;
  height: 26.6px;
  line-height: 26.6px;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/announcement/announcementModal.vue?vue&type=style&index=0&id=c1bd864a&lang=sass&scoped=true& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal-body[data-v-c1bd864a] {
  min-width: 746px;
  min-height: 520px;
  background: linear-gradient(0deg, #fdffff -1.56%, #D7EFF2 45%, #D7EFF2 55%, #FDFFFF 95.05%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title[data-v-c1bd864a] {
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
.content[data-v-c1bd864a] {
  margin-top: 15px;
}
.see-more[data-v-c1bd864a] {
  position: absolute;
  bottom: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/announcement/AnnouncementNav.vue?vue&type=style&index=0&id=1389d49e&scoped=true&lang=scss& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.announcement-menu[data-v-1389d49e] {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.announcement-menu .title[data-v-1389d49e] {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 10px;
  margin-left: 15px;
  margin-right: 15px;
  text-align: left;
  cursor: pointer;
}
.announcement-menu .read[data-v-1389d49e] {
  opacity: 50%;
}
.announcement-menu li.split[data-v-1389d49e] {
  margin: 15px;
  border-top: 1px solid #aaa;
}
.announcement-menu li.more[data-v-1389d49e] {
  margin: 10px;
  margin-bottom: 15px;
  cursor: pointer;
  color: #333;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/labels/MixedColorLabel.vue?vue&type=style&index=0&id=6c8c8d23&lang=scss&scoped=true& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mixed-color-label__normal[data-v-6c8c8d23] {
  color: var(--color-dark-grey);
}
.mixed-color-label__normal.inherit[data-v-6c8c8d23] {
  color: inherit;
}
.mixed-color-label__highlight[data-v-6c8c8d23] {
  color: var(--color-primary);
}
.mixed-color-label a[data-v-6c8c8d23] {
  text-decoration: underline;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/buttons/CTAButton.vue?vue&type=style&index=0&id=6ff8b45d&scoped=true&lang=scss& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CTA__button[data-v-6ff8b45d] {
  font-size: 18px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
.CTA__button[data-v-6ff8b45d] {
    font-size: 14px;
    line-height: 20px;
}
}
.description[data-v-6ff8b45d] {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
.description[data-v-6ff8b45d] {
    font-size: 14px;
    line-height: 20px;
}
}
body:not(.teal-theme) [style*="--type: normal"] .CTA__button[data-v-6ff8b45d] {
  text-shadow: var(--text-shadow);
}
.cta-container[data-v-6ff8b45d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.CTA[data-v-6ff8b45d] {
  all: unset;
  align-items: flex-start;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.CTA__button[data-v-6ff8b45d] {
  align-items: center;
  background-color: var(--color-primary-1);
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
  color: white;
  font-weight: 500;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
[style*="--size: small"] .CTA__button[data-v-6ff8b45d] {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.teal-theme .CTA__button[data-v-6ff8b45d] {
  font-weight: bold;
}
[style*="--type: no-background"] .CTA__button[data-v-6ff8b45d] {
  background-color: transparent;
}
.CTA__button[data-v-6ff8b45d]:hover {
  background-color: var(--color-primary-2);
}
[style*="--type: no-background"] .CTA__button[data-v-6ff8b45d]:hover {
  background-color: rgba(var(--color-primary-1), 0.3);
}
[style*="--size: small"] .CTA__button[data-v-6ff8b45d] {
  padding: 8px 12px;
}
.teal-theme .CTA__button[data-v-6ff8b45d] {
  color: var(--color-dark-grey);
}
[style*="--type: no-background"] .CTA__button[data-v-6ff8b45d] {
  color: #111928;
  text-shadow: none;
}
.dark-mode [style*="--type: no-background"] .CTA__button[data-v-6ff8b45d] {
  color: white;
}
@media screen and (min-width: 992px) {
.CTA__button[data-v-6ff8b45d] {
    min-width: 260px;
}
[style*="--size: small"] .CTA__button[data-v-6ff8b45d] {
    min-width: unset;
}
}
.description[data-v-6ff8b45d] {
  margin-top: 8px;
  color: var(--color-primary-1__darken_10);
  text-align: center;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-11.use[2]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/elements/CaretDown.vue?vue&type=style&index=0&id=4a51ba34&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-4a51ba34] {
 margin-left: 0.35em;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/Navigation.vue?vue&type=style&index=0&id=20c45f4a&lang=scss&scoped=true& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* These styles are global. This is required so bootstrap.... :( */
#main-nav.navbar[data-v-20c45f4a] {
  background: white;
}
#main-nav.navbar.dark-mode[data-v-20c45f4a],
#main-nav.navbar.dark-mode .dropdown-menu[data-v-20c45f4a] {
  background: #111928;
}
#main-nav.navbar.dark-mode .dropdown-menu h5[data-v-20c45f4a] {
  color: white;
}
#main-nav.navbar.dark-mode .dropdown-menu[data-v-20c45f4a] li {
  background: #111928;
}
#main-nav.navbar.dark-mode .dropdown-menu[data-v-20c45f4a] li a {
  color: white;
  background: #111928;
}
#main-nav.navbar.dark-mode .dropdown-menu[data-v-20c45f4a] li a:hover {
  background: #202f4c;
}
#main-nav.navbar.dark-mode p[data-v-20c45f4a],
#main-nav.navbar.dark-mode li[data-v-20c45f4a],
#main-nav.navbar.dark-mode span[data-v-20c45f4a],
#main-nav.navbar.dark-mode a[data-v-20c45f4a],
#main-nav.navbar.dark-mode button[data-v-20c45f4a],
#main-nav.navbar.dark-mode div[data-v-20c45f4a] {
  color: white;
}
#main-nav.navbar.dark-mode .nav > li > a[data-v-20c45f4a] {
  color: white;
}
#main-nav.navbar .dropdown-menu.text-wide[data-v-20c45f4a] {
  width: 400px;
}
@media (max-width: 991px) {
#main-nav.navbar .dropdown-menu.text-wide[data-v-20c45f4a] {
    width: 100%;
}
}
@media (max-width: 991px) {
#main-nav.navbar .dropdown-menu li > a[data-v-20c45f4a],
#main-nav.navbar[data-v-20c45f4a] .language-dropdown li > a {
    color: #111928;
}
}
#main-nav.navbar p[data-v-20c45f4a],
#main-nav.navbar li[data-v-20c45f4a],
#main-nav.navbar span[data-v-20c45f4a],
#main-nav.navbar a[data-v-20c45f4a],
#main-nav.navbar button[data-v-20c45f4a],
#main-nav.navbar div[data-v-20c45f4a] {
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
#main-nav.navbar .navbar-brand[data-v-20c45f4a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
#main-nav.navbar .navbar-brand #logo-img[data-v-20c45f4a] {
  max-height: 41px;
}
#main-nav.navbar .navbar-collapse[data-v-20c45f4a] {
  max-height: min(600px, 50vh);
}
#main-nav.navbar .navbar-collapse .nav.navbar-nav[data-v-20c45f4a] {
  max-width: 100%;
}
#main-nav.navbar .language-dropdown[data-v-20c45f4a] {
  left: unset;
  right: 0;
}
@media screen and (min-width: 992px) {
#main-nav.navbar .language-dropdown[data-v-20c45f4a] {
    max-height: calc(100vh - 80px);
    overflow-y: scroll;
}
}
@media (min-width: 992px) {
#main-nav.navbar .header-container[data-v-20c45f4a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main-nav.navbar .header-container .navbar-header[data-v-20c45f4a] {
    flex-grow: 0;
}
#main-nav.navbar .header-container .navbar-collapse[data-v-20c45f4a] {
    flex-grow: 1;
}
}
@media (min-width: 992px) {
#main-nav.navbar .navbar-collapse[data-v-20c45f4a] {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
#main-nav.navbar .navbar-collapse .nav.navbar-nav[data-v-20c45f4a] {
    max-width: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: center;
}
#main-nav.navbar .navbar-collapse .nav.navbar-nav.loggedin[data-v-20c45f4a] {
    flex-grow: 0;
    position: relative;
    padding-right: 6px;
    margin-right: 6px;
}
#main-nav.navbar .navbar-collapse .nav.navbar-nav.loggedin[data-v-20c45f4a]:after {
    border-right: 1px solid #c7c7c7;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 27px;
}
#main-nav.navbar .navbar-collapse .right[data-v-20c45f4a] {
    margin-left: auto;
    display: flex;
    align-items: center;
}
#main-nav.navbar .navbar-collapse .right > .login-buttons[data-v-20c45f4a] {
    position: relative;
    padding-right: 6px;
    margin-right: 6px;
}
#main-nav.navbar .navbar-collapse .right > .login-buttons[data-v-20c45f4a]:after {
    border-right: 1px solid #c7c7c7;
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    height: calc(100% - 10px);
}
}
@media (min-width: 992px) {
#main-nav.navbar .dropdown-hover:hover > ul[data-v-20c45f4a] {
    /* Allows for mouse over to expand dropdown */
    display: unset;
}
}
#main-nav.navbar .nav > li > a[data-v-20c45f4a] {
  color: #111928;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  text-shadow: none;
}
#main-nav.navbar li > .text-p > .text-description[data-v-20c45f4a] {
  font-size: 12px;
  color: #111928;
  white-space: normal;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
#main-nav.navbar li:hover > .text-p > .text-description[data-v-20c45f4a] {
  max-height: 100px;
}
#main-nav.navbar .login-buttons li[data-v-20c45f4a] {
  margin: auto 10px;
}
#main-nav.navbar .img-circle[data-v-20c45f4a] {
  border: #F2BE19 8px solid;
  width: 98px;
  height: 98px;
}
#main-nav.navbar .img-circle-small[data-v-20c45f4a] {
  border: #F2BE19 3px solid;
  width: 33px;
  height: 33px;
}
#main-nav.navbar .border-burgundy[data-v-20c45f4a] {
  border-color: #0E4C60;
}
#main-nav.navbar .border-navy[data-v-20c45f4a] {
  border-color: #0E4C60;
}
#main-nav.navbar span.unreadMessage[data-v-20c45f4a] {
  width: 5px;
  height: 5px;
  position: absolute;
  top: 10px;
  left: 45px;
  border-radius: 50%;
  background-color: #F7B42C;
  box-shadow: 0 0 2px 2px #F7B42C;
}
#main-nav.navbar .dropleft .announcement-nav[data-v-20c45f4a] {
  position: absolute;
  left: auto;
  right: 100%;
  top: 0;
}
#main-nav.navbar .dropleft .rotate-left[data-v-20c45f4a] {
  transform: rotate(90deg);
}
#main-nav.navbar span.unread[data-v-20c45f4a] {
  width: 1.2em;
  height: 1.2em;
  margin-left: 1em;
  line-height: 1.2em;
  border-radius: 50%;
  background-color: #F7B42C;
  color: white;
  display: inline-block;
  margin-left: 0.5em;
}
#main-nav.navbar .dropdown-caret[data-v-20c45f4a] {
  margin-left: 5px;
}
#main-nav.navbar .account-dropdown-item[data-v-20c45f4a] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tecmilenio-logo[data-v-20c45f4a], .tarena-logo[data-v-20c45f4a] {
  height: 36px;
}
.mto-logo[data-v-20c45f4a] {
  height: 35px;
}
.code-ninjas-logo[data-v-20c45f4a] {
  height: 41px;
  max-height: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/FinalFooter.vue?vue&type=style&index=0&id=3df45cfa&lang=sass&scoped=true& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#final-footer[data-v-3df45cfa] {
  padding: 20px 70px 14px;
  color: rgba(107, 114, 128, 0.5);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center;
}
@media (max-width: 992px) {
#final-footer[data-v-3df45cfa] {
    position: inherit;
    height: auto;
}
}
#final-footer img[data-v-3df45cfa] {
  height: 40px;
  margin-right: 20px;
}
#final-footer img#mps[data-v-3df45cfa] {
  height: 1em;
  margin-right: 0;
}
#final-footer .contact[data-v-3df45cfa] {
  margin-right: 20px;
}
#final-footer .social-links .img[data-v-3df45cfa] {
  height: 24px;
  display: inline-block;
  margin-right: 20px;
}
#final-footer .social-links .img[data-v-3df45cfa] svg {
  height: 100%;
}
#final-footer .social-links .img[data-v-3df45cfa] svg path {
  fill: var(--color-primary);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/import-glob-loader/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/components/common/Footer.vue?vue&type=style&index=0&id=497f8fe2&lang=sass&scoped=true& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
footer#site-footer li[data-v-497f8fe2] {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
footer#site-footer li[data-v-497f8fe2] {
    font-size: 14px;
    line-height: 20px;
}
}
footer#site-footer .text-h3[data-v-497f8fe2] {
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
footer#site-footer .text-h3[data-v-497f8fe2] {
    font-size: 12px;
    line-height: 18px;
}
}
footer#site-footer[data-v-497f8fe2] {
  background: url(/images/components/footer-bg.webp) bottom center;
  overflow: hidden;
  background-size: contain;
  background-repeat: repeat-x;
}
.teal-theme footer#site-footer[data-v-497f8fe2] {
  background: url(/images/components/footer-bg__teal.webp) bottom center;
  background-repeat: repeat-x;
}
footer#site-footer.dark-mode[data-v-497f8fe2] {
  background-color: #0C1016;
  background-image: url(/images/components/footer-bg-dark.webp);
}
footer#site-footer .container[data-v-497f8fe2] {
  border-radius: 8px;
  background: var(--color-bg-gradient);
  margin-bottom: 80px;
  margin-top: 300px;
}
footer#site-footer.dark-mode .container[data-v-497f8fe2] {
  background: linear-gradient(100deg, #193640 0%, #021E27 100%);
}
@media print {
footer#site-footer[data-v-497f8fe2] {
    display: none;
}
}
footer#site-footer .small[data-v-497f8fe2] {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.58px;
}
footer#site-footer .text-h3[data-v-497f8fe2] {
  margin: 20px auto;
  display: block;
  font-variant: normal;
  color: var(--color-primary);
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  text-transform: uppercase;
}
footer#site-footer .text-h3[data-v-497f8fe2]:empty {
  min-height: 1em;
}
footer#site-footer.dark-mode .text-h3[data-v-497f8fe2] {
  color: #4DECF0;
}
footer#site-footer li[data-v-497f8fe2] {
  color: #0a2239;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 16px 0;
}
footer#site-footer.dark-mode li[data-v-497f8fe2] {
  color: white;
}
footer#site-footer .col-lg-3[data-v-497f8fe2] {
  padding-bottom: 15px;
}
@media (max-width: 992px) {
footer#site-footer .col-lg-3[data-v-497f8fe2] {
    padding-left: 27px;
}
}
footer#site-footer .col-lg-3.shrunken-empty-column[data-v-497f8fe2] {
  margin-right: -12.5%;
}
@media (max-width: 768px) {
footer#site-footer[data-v-497f8fe2] {
    height: auto;
}
}
footer#site-footer a[data-v-497f8fe2] {
  color: #0a2239;
}
footer#site-footer.dark-mode a[data-v-497f8fe2] {
  color: white;
}
footer#site-footer .social-buttons > a[data-v-497f8fe2] {
  margin-right: 10px;
}
footer#site-footer .small[data-v-497f8fe2] {
  color: rgba(255, 255, 255, 0.8);
}
footer#site-footer .mpqr[data-v-497f8fe2] {
  width: 95px;
}
footer#site-footer .follow_us[data-v-497f8fe2] {
  display: flex;
  flex-direction: column;
}
footer#site-footer .follow_us .socialicon[data-v-497f8fe2] {
  display: flex;
  justify-content: space-between;
}
footer#site-footer .follow_us .socialicon .si[data-v-497f8fe2] {
  width: 50px;
  height: 45px;
  background-size: 50px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}
footer#site-footer .follow_us .socialicon .si-bilibili[data-v-497f8fe2] {
  background-image: url("https://assets.koudashijie.com/images/home/icon/bilibili-dark.png");
}
footer#site-footer .follow_us .socialicon .si-bilibili[data-v-497f8fe2]:hover {
  background-image: url("https://assets.koudashijie.com/images/home/icon/bilibili-light.png");
}
footer#site-footer .follow_us .socialicon .si-wechat[data-v-497f8fe2] {
  background-image: url("https://assets.koudashijie.com/images/home/icon/wechat-dark.png");
}
footer#site-footer .follow_us .socialicon .si-wechat[data-v-497f8fe2]:hover {
  background-image: url("https://assets.koudashijie.com/images/home/icon/wechat-light.png");
}
footer#site-footer .follow_us .socialicon .si-wechat:hover .mpqrcode[data-v-497f8fe2] {
  display: flex;
}
footer#site-footer .follow_us .socialicon .si-tiktok[data-v-497f8fe2] {
  background-image: url("https://assets.koudashijie.com/images/home/icon/tiktok-dark.png");
}
footer#site-footer .follow_us .socialicon .si-tiktok[data-v-497f8fe2]:hover {
  background-image: url("https://assets.koudashijie.com/images/home/icon/tiktok-light.png");
}
footer#site-footer .follow_us .socialicon .si-tiktok:hover .tkqrcode[data-v-497f8fe2] {
  display: flex;
}
footer#site-footer .follow_us .socialicon .si-weibo[data-v-497f8fe2] {
  background-image: url("https://assets.koudashijie.com/images/home/icon/weibo-dark.png");
}
footer#site-footer .follow_us .socialicon .si-weibo[data-v-497f8fe2]:hover {
  background-image: url("https://assets.koudashijie.com/images/home/icon/weibo-light.png");
}
footer#site-footer .follow_us .tkqrcode[data-v-497f8fe2] {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
}
footer#site-footer .follow_us .tkqrcode .tkqr[data-v-497f8fe2] {
  width: 120px;
}
footer#site-footer .follow_us .mpqrcode[data-v-497f8fe2] {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
}
footer#site-footer .follow_us .mpqrcode .span[data-v-497f8fe2] {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer#site-footer .footer-links__row[data-v-497f8fe2] {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  justify-content: space-between;
}
footer#site-footer .footer-links__col[data-v-497f8fe2] {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 25%;
}
@media (max-width: 768px) {
footer#site-footer .footer-links__col[data-v-497f8fe2] {
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (max-width: 480px) {
footer#site-footer .footer-links__col[data-v-497f8fe2] {
    flex: 0 0 100%;
    max-width: 100%;
}
}
footer#site-footer #final-footer[data-v-497f8fe2] {
  padding: 20px 70px 14px;
  font-size: 14px;
}
footer#site-footer #final-footer .float-right[data-v-497f8fe2] {
  padding-top: 15px;
  float: right;
}
@media (max-width: 992px) {
footer#site-footer #final-footer[data-v-497f8fe2] {
    position: inherit;
    height: auto;
}
footer#site-footer #final-footer .float-right[data-v-497f8fe2] {
    float: none;
}
}
footer#site-footer #final-footer a[data-v-497f8fe2] {
  color: rgba(255, 255, 255, 0.8);
  margin-left: 20px;
}
footer#site-footer #final-footer img[data-v-497f8fe2] {
  height: 40px;
  margin-right: 20px;
}
footer#site-footer #final-footer img#mps[data-v-497f8fe2] {
  height: 1em;
  margin-right: 0;
}
footer#site-footer #final-footer .small[data-v-497f8fe2] {
  color: rgba(255, 255, 255, 0.8);
}
footer#site-footer #final-footer .contact[data-v-497f8fe2] {
  margin-right: 20px;
}
footer#site-footer .hover-link[data-v-497f8fe2] {
  cursor: pointer;
}
footer#site-footer.dark-mode[data-v-497f8fe2] {
  /*background-color: #0C1016*/
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./app/views/teachers/components/TestStudentModal.vue?vue&type=style&index=0&id=15d2bb48&scoped=true&lang=scss& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
    This file was auto-generated by InVision DSM from the Oz Marketing (Web) design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/
/*
    Font Styles:
*/
/* <h1> Title Font White font style */
/* <h1> Title Font Twilight font style */
/* <p1> Paragraph large Twilight font style */
/* <h4> Navbar Uppercase White font style */
/* <h5> Button Text Black font style */
/* <h5> Button Text White font style */
/* <h2> Subtitle Black font style */
/* <h3> Subtitle Uppercase Twilight font style */
/* <p2> Paragraph Medium Gray font style */
/* <h2> Subtitle Twilight font style */
/* <p1> Paragraph large Gray font style */
/* <h2> Subtitle Moon font style */
/* <p2> Paragraph Medium White font style */
/* <h1> Title (Chrome) font style */
/* <p3> Paragraph Small Gray font style */
/* <p4> Paragraph Smallest Gray font style */
/* <h4> Nav Uppercase Black font style */
/* <h2> Subtitle White 24 font style */
/* <p5> Fine Print font style */
/* <p3> Paragraph Small Blue Link font style */
/* <p3> Small Button Text Black font style */
/* <P3> Small Button Text Dusk Dark font style */
/* <p3> Paragraph Small White font style */
/* <p6> Condensed Captioning font style */
/* <h4> Uppercase White Left-Align font style */
/* <h2> Subtitle Black 24 font style */
/* <p3> Tooltip Title Black font style */
/* <P7> Tooltip Flag Red font style */
.dusk-btn[data-v-15d2bb48] {
  background-color: #5db9ac;
  color: #131b25;
  border-radius: 4px;
  border-width: 0;
  text-shadow: unset;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  color: #131b25;
  letter-spacing: 0.27px;
  font-style: normal;
  font-weight: 600;
  font-family: Work Sans;
  background-image: unset;
  display: flex;
  height: 33px;
  padding: 0 17px;
  justify-content: center;
  align-items: center;
}
.dusk-btn[data-v-15d2bb48]:hover {
  background-color: #379b8d;
  transition: background-color 0.35s;
}
#test-student-modal[data-v-15d2bb48] {
  font-size: 20px;
  padding: 20px;
}
#test-student-modal .small-p[data-v-15d2bb48] {
  font-size: 16px;
  margin-top: 5px;
}
#test-student-modal .small-font[data-v-15d2bb48] {
  font-size: 14px;
  margin-top: 5px;
}
#test-student-modal .bold-span[data-v-15d2bb48] {
  font-weight: bold;
}
#test-student-modal .dusk-btn[data-v-15d2bb48] {
  display: inline-block;
}
