.mejs-container {
  margin-left: auto;
  margin-right: auto; }

.mejs-container.mejs-audio {
  margin-left: 15%; }

span.editor-inline {
  padding: 2px 10px; }

span.editor-green {
  background: #55ffa3; }

span.editor-red {
  background: #ee4444;
  color: #fff; }

span.editor-blue {
  background: #6699ff;
  color: #fff; }

span.editor-yellow {
  background: #ffff96; }

span.editor-orange {
  background: #ffa91d; }

span.editor-purple {
  background: #8969ff;
  color: #fff; }

span.editor-gray {
  background: #999;
  color: #fff; }

.ongoing-virtual-class .alert {
  margin: 50px;
  font-size: 2.5em;
  line-height: 1.5em;
  display: none; }
.ongoing-virtual-class .virtual-class-live .common-video .name {
  color: #fff;
  font-weight: 700;
  font-size: .8em;
  padding: 4px;
  height: 1.8em;
  text-overflow: ellipsis;
  line-height: 1.3em;
  overflow: hidden; }
.ongoing-virtual-class .virtual-class-live .common-video .video {
  border-top: none;
  overflow: hidden; }
.ongoing-virtual-class .virtual-class-live .self {
  width: 250px;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em; }
.ongoing-virtual-class .virtual-class-live .self-video {
  margin-left: 50px;
  width: 150px; }
  .ongoing-virtual-class .virtual-class-live .self-video .name {
    background: #ffa91d; }
  .ongoing-virtual-class .virtual-class-live .self-video .video {
    border: 2px solid #ffa91d;
    /*height: 150px;*/ }
.ongoing-virtual-class .virtual-class-live .others-video {
  width: 250px;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em; }
  .ongoing-virtual-class .virtual-class-live .others-video .name {
    background: #6699ff; }
    .ongoing-virtual-class .virtual-class-live .others-video .name .tutor {
      font-size: .7em;
      text-transform: uppercase;
      background: #fff;
      color: #6699ff;
      padding: 1px;
      margin-right: 3px;
      vertical-align: middle; }
  .ongoing-virtual-class .virtual-class-live .others-video .video {
    border: 2px solid #6699ff;
    /*height: 250px;*/ }
  .ongoing-virtual-class .virtual-class-live .others-video .waiting {
    height: 200px;
    background: #f4f4f4;
    padding: 1em;
    text-align: center;
    padding-top: 30%;
    font-size: .6em;
    text-transform: uppercase; }
.ongoing-virtual-class .virtual-class-live .others-video:last-child {
  margin-right: 0; }
.ongoing-virtual-class .board div.body {
  height: 475px;
  border: 1px solid #aaa;
  padding: .75em;
  overflow: scroll;
  width: 100%; }
.ongoing-virtual-class .board div.slides {
  border: 1px solid #aaa;
  width: 100%; }
.ongoing-virtual-class .slide-control .buttons {
  text-align: right;
  line-height: 2.7em; }
  .ongoing-virtual-class .slide-control .buttons button {
    padding: 2px; }
.ongoing-virtual-class .phone-chat-session {
  margin-top: 50px;
  padding: 10px;
  background: #eee; }
  .ongoing-virtual-class .phone-chat-session .options input {
    margin: 0; }
  .ongoing-virtual-class .phone-chat-session .options label {
    text-align: center; }
  .ongoing-virtual-class .phone-chat-session .phone-info {
    margin-top: 30px;
    font-size: .9em; }
.ongoing-virtual-class .clear {
  clear: both; }

.upcoming-virtual-class {
  border: 1px solid #ddd;
  padding: .75em;
  background: #fcfcfc;
  width: 420px;
  line-height: 2.15em;
  text-align: center;
  box-shadow: 0px 0px 10px 1px #aaa; }
  .upcoming-virtual-class .name {
    font-size: 1.1em;
    font-weight: 700; }
  .upcoming-virtual-class .time {
    font-size: 1.1em; }
  .upcoming-virtual-class .start-time {
    font-size: 1.7em;
    font-weight: 700; }
  .upcoming-virtual-class .link {
    margin-top: 1em; }
  .upcoming-virtual-class .comment {
    font-size: .7em;
    display: block; }
  .upcoming-virtual-class .close {
    position: absolute;
    font-size: .8em;
    font-weight: 700;
    top: -8px;
    right: 5px; }
    .upcoming-virtual-class .close a {
      color: #000; }
  .upcoming-virtual-class .auto {
    line-height: 1.5em;
    display: block; }

body.student .upcoming-virtual-class {
  min-width: 200px;
  width: 20%; }
  body.student .upcoming-virtual-class .close {
    top: 0; }

body > .upcoming-virtual-class {
  position: fixed;
  top: 55px;
  right: 5px; }

.upcoming-virtual-class-container .upcoming-virtual-class {
  width: 50% !important;
  margin-left: auto;
  margin-right: auto; }
  .upcoming-virtual-class-container .upcoming-virtual-class .close {
    display: none; }

.virtual-class-content .access-link {
  padding: 2em;
  text-align: center;
  background: #eee;
  margin-bottom: 2em; }
.virtual-class-content .media-list ul {
  list-style: disc;
  margin-left: 2em; }
  .virtual-class-content .media-list ul small.remove {
    white-space: nowrap; }
    .virtual-class-content .media-list ul small.remove a {
      background: none;
      padding: 0;
      font-size: .9em;
      color: #6699ff; }
.virtual-class-content ul.media-miniatures li {
  position: relative;
  display: block;
  width: 180px;
  height: 180px;
  margin: 10px;
  float: left; }
  .virtual-class-content ul.media-miniatures li img {
    border: 1px solid #ddd;
    width: 120px;
    max-height: 180px; }
  .virtual-class-content ul.media-miniatures li span.index {
    font-size: .7em;
    font-weight: 700;
    padding: 3px;
    background: #ccc;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0; }
.virtual-class-content .recording {
  margin-bottom: 20px; }
.virtual-class-content .board, .virtual-class-content .commentary {
  border: 1px solid #aaa;
  margin: 10px 0;
  padding: 10px; }

.virtual-class-header form input {
  display: none; }

@media only screen and (max-width: 640px) {
  .ongoing-virtual-class .virtual-class-live .self-video {
    margin-left: 0;
    position: fixed;
    top: -56px;
    left: -28px;
    z-index: 9999;
    transform: scale(0.5, 0.5); }
  .ongoing-virtual-class .virtual-class-live .others {
    position: relative; }
    .ongoing-virtual-class .virtual-class-live .others .others-video {
      /*transform: scale(1.2, 1.2);*/
      float: right;
      margin-right: 0;
      clear: both; } }
table.siacco-table span.highlight {
  background: transparent; }
  table.siacco-table span.highlight img {
    width: 12px;
    border: 0;
    background: transparent;
    padding: 0;
    margin: -3px 8px 0 0;
    box-shadow: none;
    -webkit-box-shadow: none; }

.activity_wrapper {
  min-height: 500px; }
  .activity_wrapper strong.highlight {
    background: #FFCD00; }
  .activity_wrapper translate a.translate {
    margin-left: 10px;
    text-transform: lowercase; }
  .activity_wrapper translate span.translation span.text, .activity_wrapper translate span.error {
    background: #eee;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 8px; }
  .activity_wrapper translate span.error {
    color: red; }
  .activity_wrapper translate span.translation {
    display: block;
    line-height: 1.4em;
    margin-top: 10px; }
    .activity_wrapper translate span.translation span.automatic {
      font-size: 8px;
      font-weight: 400;
      padding: 3px;
      background: #ccc;
      color: #fff; }
  .activity_wrapper input[type=text] {
    height: 2.2em;
    width: auto !important; }
  .activity_wrapper textarea {
    width: 100%; }
  .activity_wrapper table input {
    width: 100%; }
  .activity_wrapper .left.img-polaroid {
    margin: 0 20px 20px 0; }
  .activity_wrapper .img-polaroid {
    margin: 0 0 20px 20px;
    max-width: 90%; }
  .activity_wrapper .f-left p, .activity_wrapper .f-right p {
    padding: 10px; }
  .activity_wrapper .f-left .img-polaroid, .activity_wrapper .f-right .img-polaroid {
    margin: 0; }
  .activity_wrapper .f-left {
    width: 49%;
    float: left; }
  .activity_wrapper .f-right {
    width: 50%;
    float: right; }
  .activity_wrapper .ed_table {
    background-color: #eee; }
    .activity_wrapper .ed_table td, .activity_wrapper .ed_table th {
      border: 1px solid #aaa;
      padding: 5px; }
    .activity_wrapper .ed_table th {
      background-color: #ddd;
      font-weight: bold; }
  .activity_wrapper .ed_tr_blanco {
    background-color: #fff; }
  .activity_wrapper .ed_title {
    font-size: 16px;
    font-weight: bold;
    color: #666; }
  .activity_wrapper .ed_ul_normal li {
    padding-left: 1em; }
  .activity_wrapper .ed_ul_title li {
    font-weight: bold;
    list-style-type: disc; }
  .activity_wrapper .ed_ejemplo {
    font-style: italic; }
  .activity_wrapper .ed_subtitle {
    font-weight: bold;
    color: #999;
    font-size: 14px;
    margin-left: 0px;
    padding-left: 0px; }
    .activity_wrapper .ed_subtitle .dark {
      color: #666; }
  .activity_wrapper .ed_recuadro {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
    display: inline-block; }
  .activity_wrapper .ed_recuadro.verde, .activity_wrapper table .verde {
    border: 1px solid #1C7230;
    background-color: #D7E9C5; }
  .activity_wrapper .ed_recuadro.verde.fuerte, .activity_wrapper table .verde.fuerte {
    background-color: #C8D32E; }
  .activity_wrapper .ed_recuadro.amarillo, .activity_wrapper table .amarillo {
    border: 1px solid #D9A300;
    background-color: #FFF1C6; }
  .activity_wrapper .ed_recuadro.azul, .activity_wrapper table .azul {
    border: 1px solid #017BA9;
    background-color: #9CD6E2; }
  .activity_wrapper .ed_recuadro.azul2, .activity_wrapper table .azul2 {
    border: 1px solid #5893D4;
    background-color: #ACC9EA; }
  .activity_wrapper .ed_recuadro.azul3, .activity_wrapper table .azul3 {
    border: 1px solid #79A6E8;
    background-color: #D5EDFF; }
  .activity_wrapper .ed_recuadro.morado, .activity_wrapper table .morado {
    border: 1px solid #8c008c;
    background-color: #F9DCFE; }
  .activity_wrapper .ed_recuadro.gris {
    background-color: #dedede; }
  .activity_wrapper .ed_recuadro.fucsia, .activity_wrapper table .fucsia {
    border: 1px solid #8c008c;
    background-color: #e5007d; }
  .activity_wrapper .ed_recuadro.naranja, .activity_wrapper table .naranja {
    border: 1px solid #aa4b0b;
    background-color: #e86a0c; }
  .activity_wrapper .ed_recuadro.morado2, .activity_wrapper table .morado2 {
    border: 1px solid #630466;
    background-color: #8c008c; }
  .activity_wrapper .ed_recuadro.verde2, .activity_wrapper table .verde2 {
    border: 1px solid #187012;
    background-color: #3aa935; }
  .activity_wrapper .eu_table {
    background-color: #eee; }
    .activity_wrapper .eu_table td, .activity_wrapper .eu_table th {
      border: 1px solid #666;
      padding: 5px 15px; }
    .activity_wrapper .eu_table th {
      text-align: center;
      background-color: #dedede;
      font-weight: bold; }
    .activity_wrapper .eu_table .eu_blanco {
      background-color: #fff; }
    .activity_wrapper .eu_table .eu_title {
      color: #fff;
      font-weight: bold;
      text-align: center;
      background-color: #aaa; }
    .activity_wrapper .eu_table .eu_subtitle {
      font-weight: bold;
      background-color: #ccc; }
  .activity_wrapper .eu_stitle {
    color: #fff;
    background-color: #999;
    font-weight: bold;
    text-align: center;
    font-size: 1.3em; }
  .activity_wrapper .transparent_cell td, .activity_wrapper .transparent_cell th {
    border: none;
    background-color: transparent; }
  .activity_wrapper .transparent_cell th {
    border-bottom: 1px solid #999;
    font-weight: bold; }
  .activity_wrapper .texto_azul {
    color: #00A3D9; }
  .activity_wrapper .texto_azul.oscuro {
    color: #0066B3; }
  .activity_wrapper .texto_blanco {
    color: #ffffff; }
  .activity_wrapper .texto_granate {
    color: #8C0000; }
  .activity_wrapper .texto_marron {
    color: #8C4600; }
  .activity_wrapper .texto_morado {
    color: #B200B2; }
  .activity_wrapper .texto_morado.oscuro {
    color: #8c008f; }
  .activity_wrapper .texto_naranja {
    color: #EC6D22; }
  .activity_wrapper .texto_rojo {
    color: #FF0000; }
  .activity_wrapper .texto_verde.oscuro {
    color: #1C7230; }
  .activity_wrapper .texto_verde.claro {
    color: #79B63E; }
  .activity_wrapper .texto_verde.hierba {
    color: #7ACC00; }
  .activity_wrapper .texto_rojo.fuego {
    color: #FF3F00; }
  .activity_wrapper .texto_verde.azulado {
    color: #047878; }
  .activity_wrapper .texto_rosa.claro {
    color: #FF7DE5; }
  .activity_wrapper .texto_fucsia {
    color: #e5007d; }
  .activity_wrapper .texto_gris {
    color: #999; }
  .activity_wrapper .texto_gris.claro {
    color: #ccc; }
  .activity_wrapper .texto_gris.oscuro {
    color: #666; }
  .activity_wrapper .texto_azul_C_01 {
    color: #008FFF; }
  .activity_wrapper .texto_azul_C_02 {
    color: #006BDE; }
  .activity_wrapper img.transparent {
    background: none;
    border: none;
    box-shadow: none; }
  .activity_wrapper .clear {
    clear: both; }
  .activity_wrapper h1, .activity_wrapper h2, .activity_wrapper h3, .activity_wrapper h4, .activity_wrapper h5, .activity_wrapper h6 {
    font-family: "helvetica-light", Arial, sans-serif;
    font-weight: 400;
    color: #000; }
  .activity_wrapper h1 {
    font-size: 32px; }
  .activity_wrapper h2 {
    font-size: 26px; }
  .activity_wrapper h3 {
    font-size: 20px; }
  .activity_wrapper h4 {
    font-size: 17px;
    line-height: 1.3em; }
  .activity_wrapper td .mejs-container.mejs-audio {
    margin-left: 0; }
  .activity_wrapper td.clip {
    overflow: hidden; }
  .activity_wrapper .f-right {
    clear: both;
    margin-top: 30px;
    float: left; }
  .activity_wrapper select {
    width: auto; }

.horizontal-content {
  align-items: flex-start;
  display: flex;
  justify-content: space-between; }
  .horizontal-content img {
    max-width: none; }

@media only screen and (max-width: 767px) {
  .activity_wrapper .horizontal-content {
    display: block; }
    .activity_wrapper .horizontal-content img {
      max-width: 90%; } }
div.decoupled_answers {
  padding: 10px;
  background: #ededed;
  margin-bottom: 2em; }
  div.decoupled_answers p.warning {
    font-size: .8em; }
  div.decoupled_answers ol {
    column-count: 3;
    column-gap: 40px; }
    div.decoupled_answers ol li {
      padding: 2px;
      margin: 5px;
      background: #ffffdd; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@font-face {
  font-family: 'helvetica-light';
  src: url("/fonts/HelveticaLt.ttf"); }
body {
  background: #fbfbfb; }

h2 {
  font-family: "helvetica-light","Segoe UI",Helvetica,Arial,sans-serif;
  color: #666;
  font-size: 26pt;
  text-shadow: 0 0 0.2em #fff;
  font-weight: normal; }

header.mobile {
  display: none; }

html.js #js-warning {
  display: none; }

.spacer {
  height: 60px; }

.navbar .brand {
  /* width: 100px;*/ }

.navbar .brand img {
  height: 40px; }

.navbar-inner, .navbar-inner > div > ul > li > a {
  height: 60px; }

div.breadcrumbs.container ul {
  background: none;
  padding-left: 0;
  margin-bottom: 20px; }

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

div.cookies-disclaimer {
  position: fixed;
  top: 80%;
  height: 20%;
  margin: 0;
  background: #dadada;
  box-shadow: 0px 0px 8px #aaa;
  width: 100%; }

div.cookies-disclaimer .content {
  margin: 1em 2em; }

div.cookies-disclaimer .content h2 {
  font-size: 1.3em; }

div.cookies-disclaimer .cookies-close {
  /*width: 38%;*/ }

div.cookies-disclaimer .cookies-close a {
  text-align: right;
  color: red; }

div.system_announcement {
  position: fixed;
  top: 90%;
  left: 20%;
  width: 60%;
  border: 1px solid #666;
  box-shadow: 2px 2px 5px #666; }

ul.courses, ul.lessons, ul.activities, ul.tutor {
  list-style-type: none; }

ul.courses li {
  float: left;
  width: 180px;
  margin: 20px;
  height: 204px;
  /* hace que no se cierren por debajo el cuadro cuando el titulo es demasiado largo PERO si se quita salen mal los cursos en la pantalla donde salen ellos solos */
  padding: 160px 0 0 0;
  background: url("/images/logo_lingua.png") center top no-repeat #f7f7f7;
  background-size: auto 70%;
  cursor: pointer;
  border: 2px solid #eee;
  /*box-shadow: 2px 2px 15px #f3f3f3;*/ }

.selected-course-menu {
  margin: 0 30px; }

div.change-course, #services .price-info, #services .purchase {
  text-align: center; }

#services .price-info, #services .purchase {
  padding: 20px 0; }

#services .service-header, #services .price-info {
  font-weight: 700; }

div.courses.span3 ul.courses li {
  width: 80%;
  margin: 0 0 20px 0; }

ul.courses li, ul.lessons li {
  opacity: 0.4; }

ul.courses li:hover, ul.lessons li:hover {
  opacity: 1;
  background-color: #ddd; }

ul.courses li.selected, ul.lessons li.selected {
  opacity: 1;
  border: 1px solid #ccc;
  box-shadow: 4px 4px 15px #ccc; }

ul.courses li .course-info {
  background: #fff;
  width: 100%;
  min-height: 10px;
  padding: 10px; }

ul.courses li h3 {
  text-align: center; }

ul.courses li div.extra-info {
  color: #aaa; }

ul.lessons li {
  height: 70px;
  padding: 5px 5px 5px 45%;
  margin: 0px 0 30px 0;
  width: 90%;
  background: #eee;
  cursor: pointer;
  overflow: hidden; }

div.sections .live-session {
  margin-left: 2em; }

.tutor .write-to-tutor {
  text-align: center;
  margin: 10px; }

ul.activities li {
  float: left;
  margin-right: 10px; }

ul.activities li img {
  cursor: pointer; }

/*ul.activities li img:hover{
  background: green;
}*/
ul.activities li.disabled img {
  cursor: normal;
  cursor: default;
  opacity: 0.2; }

.pagination ul > li.page_number a {
  text-align: center;
  width: 40px; }

.activity-navigation {
  position: fixed;
  top: 100px;
  width: 350px; }

.activity-navigation .buttons input {
  width: 49%; }

.activity-navigation div.box {
  background: #fff;
  padding: 10px;
  border: 1px solid #eee;
  margin-bottom: 20px; }
  .activity-navigation div.box .placement_test_time .time {
    text-align: center;
    background: #eee;
    padding: 5px;
    line-height: 5.5em;
    height: 85px;
    width: 200px;
    margin: 20px 20%; }
    .activity-navigation div.box .placement_test_time .time .minutes {
      font-size: 5em; }
      .activity-navigation div.box .placement_test_time .time .minutes .recent {
        color: red; }
      .activity-navigation div.box .placement_test_time .time .minutes .recent, .activity-navigation div.box .placement_test_time .time .minutes .normal {
        -webkit-transition-duration: 1s;
        /* Safari */
        transition-duration: 1s; }
      .activity-navigation div.box .placement_test_time .time .minutes .symbol {
        font-size: .2em; }

.activity-navigation p.big-score {
  font-size: 5em;
  line-height: 100px;
  text-align: center; }

.activity-navigation div.redo {
  text-align: center; }

.activity-navigation p.big-score small {
  font-size: .5em; }

#student_welcome_box {
  height: 45em; }

.results p.big-score {
  margin-top: 150px;
  font-size: 5em;
  text-align: right; }

.results p.big-score small {
  font-size: .5em; }

.results div.actions > div {
  background: #eee;
  padding: 10px;
  height: 180px; }

.results div.action {
  text-align: center;
  margin-bottom: 20px; }

.results div.counts > div {
  border: 1px solid #ccc;
  padding: 10px;
  height: 100px; }

.results div.counts > div div {
  text-align: center; }

.results div.counts > div > div.count {
  font-size: 1.5em;
  margin-top: 5px; }

.work-time {
  text-align: center;
  border: 2px solid #eee;
  box-shadow: 2px 2px 15px #f3f3f3;
  padding: 2em;
  width: 60%;
  margin: 0 0 2em 20%; }

.work-time .hours-minutes {
  font-size: 2.5em;
  color: #444;
  padding: 0 1em 0 1em; }

.work-time .help {
  font-size: 2em;
  color: #999;
  vertical-align: top; }

.account .nav {
  border: 2px solid #eee;
  border-radius: 10px;
  box-shadow: 2px 2px 15px #f3f3f3;
  padding: 0;
  position: fixed;
  top: 120px;
  width: 275px; }

.account .nav li {
  border-bottom: 1px solid #f3f3f3;
  padding: 1em; }

.account .nav li:last-child {
  border: 0; }

.account .nav i {
  float: right; }

.account form {
  margin-bottom: .75em; }

.account form fieldset > div {
  margin-left: 2em; }

.account form input, .account form select, .invitations form input {
  margin-left: 1em;
  height: 30px; }

.account form input.error, .account form select.error {
  border: 2px solid red; }

.account .line, .invitations .line {
  margin-bottom: .5em; }

#account-drop, #more-drop {
  list-style: none; }

#account-drop a.btn, #more-drop a.btn {
  width: 70%;
  margin-left: 15%;
  margin-top: 1em;
  font-size: 1.5em; }

.card-expiration {
  width: 8em; }

.main_content .alert, .main_content video, .main_content .flash-video {
  width: 100%; }

.main_content .flash-video {
  height: 570px; }

.main_content div.pages .left {
  float: left;
  margin-right: 10px; }

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

/* Content */
.main_content .float_to_right {
  float: right; }

ul.multichoice, ul.radio {
  list-style: none; }

ul.radio label.checked, .gapResult {
  font-weight: bold; }

ul.radio.correct_true label.checked, .gapResult.correct_true {
  color: #99cc00; }

ul.radio.correct_false label.checked, .gapResult.correct_false {
  color: #ff0000; }

input[type='text'].correct_true, div.match.correct_true, ol.correct_true, select.correct {
  border: 2px solid #99cc00; }

input[type='text'].correct_false, div.match.correct_false, ol.correct_false, select.incorrect {
  border: 2px solid #ff0000; }

div.match ul.right li.correct_true {
  border: 1px solid #99cc00; }

div.match ul.right li.correct_false {
  border: 1px solid #ff0000; }

/* Messages */
section.messages tr.message:hover {
  background: #ddd;
  cursor: pointer; }

section.messages tr.message.sent {
  font-style: italic;
  color: #666; }

section.messages .actions {
  margin-bottom: 1em; }

#message .interlocutor, #message .delivered_at {
  font-weight: 700; }

#message .body {
  padding-top: 2em; }

#message textarea {
  width: 100%;
  height: 10em; }

/* Login */
div.login.row {
  margin-top: 2em; }

.login-block > div {
  border-width: 0 1px 1px 1px;
  border-color: #ddd;
  border-style: solid;
  box-shadow: 6px 6px 15px #f3f3f3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1em;
  margin-top: 0; }

.login-block > ul {
  margin-bottom: 0; }

.login-block form {
  padding: 1.5em 0 1.5em 0; }
  .login-block form div.login_progress {
    display: none; }

img.waiting-animation {
  width: 50px;
  border: none;
  box-shadow: none; }

.login-block form > div {
  text-align: center; }

.login-block input[type=text], .login-block input[type=date], .login-block input[type=email], .login-block input[type=password], .login-block input[type=submit], .login-block input[type=tel] {
  width: 90%;
  height: 3em;
  font-size: 1.1em; }

.login-block .alert {
  width: 90%;
  margin-left: 5%;
  margin-bottom: 0.5em;
  text-align: left; }

.login-block form > div > div {
  margin: 10px; }

.login-block form .small {
  text-align: left;
  font-size: .8em;
  margin-left: 10%; }

.login-block > div, .login-block > section {
  background: #fff; }

.login .welcome .logo {
  text-align: center;
  margin-bottom: 1.5em; }

.login .welcome .logo img {
  max-height: 150px;
  background: none;
  border: none;
  box-shadow: none; }

#flashCardModal .modal-body {
  text-align: center; }
#flashCardModal .question img {
  height: 200px; }
#flashCardModal .question translate img {
  height: auto; }
#flashCardModal .answer {
  margin-top: 2em; }
  #flashCardModal .answer input {
    font-size: 2em;
    height: 1.5em;
    width: 80%;
    text-align: center; }
#flashCardModal .correction {
  font-size: 1.5em;
  font-color: #999; }
#flashCardModal .results ul {
  list-style: none; }
#flashCardModal .results li {
  float: left;
  width: 30%;
  padding: 5px; }
  #flashCardModal .results li img {
    height: 90px; }

div.match {
  padding: 1em 0; }

.match ul, ol.reorder {
  list-style: none; }

.match li, ol.reorder li {
  padding: .7em;
  border: 1px solid #aaa;
  margin-bottom: 1em; }

ol.reorder.horizontal li {
  float: left;
  margin-right: 10px; }

.match div {
  width: 45%;
  float: left; }

.match ul.left li {
  background: #ddd; }

.match ul.right li, ol.reorder li {
  background: #deb;
  cursor: move; }

/**/
div.match-small {
  padding: 1em 0; }

.match-small ul.top {
  list-style: none;
  margin: 0;
  padding: 0; }

.match-small ul.top li {
  padding: .2em;
  border: 1px solid #aaa;
  margin-bottom: 1em;
  margin-left: .3em;
  display: inline-block;
  text-decoration: none;
  float: left;
  cursor: pointer; }

/*.match-small div {
  width: 45%;
  float: left;
}*/
.match-small ul.top li {
  background: #ddd; }

.match-small ul.top li {
  background: #deb; }

/* Reviews */
.reviews button, .reviews textarea {
  width: 100%;
  overflow: hidden; }

/* Unified courses-lessons-activities */
::-webkit-scrollbar {
  width: 5px;
  height: 3px; }

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px; }

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #ccc;
  -webkit-border-radius: 3px; }

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #ccc;
  -webkit-border-radius: 3px; }

.row.index {
  position: absolute;
  top: 60px;
  height: 93%; }

div.courses, div.lessons, div.activities {
  height: 100%;
  overflow: auto; }

div.activities h3 {
  font-size: 1.2em; }

/*div.activities img {
  padding: 5px;
  box-shadow: 2px 2px 5px #999;
}*/
div.courses.span6, div.courses.span3, div.lessons.span6, div.lessons.span4, div.activities.span5 {
  border-right: 1px solid #ccc; }

div.courses.span6, div.courses.span3 {
  border-left: 1px solid #ccc; }

/* Activity emblem */
div.activities li {
  position: relative; }

div.activities .recommended-activity {
  position: absolute;
  top: -5px;
  left: 25px; }

/* Placement Test link */
div.placement {
  margin-bottom: 2em;
  padding: 0.5em;
  width: 95%;
  border: 1px solid #ddd; }

div.placement p.action {
  text-align: center; }

/* IE compatibility mode */
#compatmode-warning {
  display: none; }

/* IE placeholders */
input.placeholder {
  color: #ccc; }

footer {
  margin: 5em 3em 3em 3em;
  padding-top: 2em;
  border-top: 1px solid #ddd;
  text-align: right;
  color: #888; }
  footer img {
    width: 75px;
    margin-bottom: -1px;
    vertical-align: bottom; }
  footer p {
    line-height: 0.5em; }
  footer p.info {
    font-size: 0.7em; }
  footer a.legal-info {
    font-size: 0.7em;
    color: #999; }
    footer a.legal-info .arrow {
      font-size: 0.8em; }
  footer a.legal-info:hover {
    text-decoration: underline; }
  footer p.legal {
    margin-top: 3em;
    font-size: 0.6em; }

div.recorder_deprecation {
  border: 1px solid #eee;
  text-align: left;
  padding: 2em 2em 2em 100px;
  background: #fff;
  background-image: url("/images/info.png");
  background-repeat: no-repeat;
  background-position: 1em 1em;
  min-height: 75px; }

/* was 767 */
@media only screen and (max-width: 500px) {
  ul.courses li {
    width: 90%; }

  div.system_announcement {
    top: 50%; }

  /*  ul.lessons li {
      padding: 5px 5px 5px 75px;
      background-size: auto 100%;
      height: 43px;
    }*/ }
.contact .logo {
  display: none; }
.contact.not-logged-in {
  margin-top: 2em;
  width: 40%;
  width: 40em;
  background: #eee;
  padding: 1em; }
  .contact.not-logged-in .logo {
    display: block;
    width: 10em;
    margin-bottom: 2em;
    text-align: center; }
    .contact.not-logged-in .logo img {
      border: none;
      box-shadow: none;
      background: transparent; }
  .contact.not-logged-in form.congenia-contact-form div.tech-only {
    width: 98%;
    border: 2px solid #999; }
  .contact.not-logged-in form.congenia-contact-form ul {
    text-align: left; }
    .contact.not-logged-in form.congenia-contact-form ul li {
      margin: 0; }
.contact form.congenia-contact-form div.can-we-help {
  font-size: 1.2em;
  margin-bottom: 1.5em; }
.contact form.congenia-contact-form div.tech-only {
  font-size: .9em;
  font-weight: 700;
  width: 50%;
  min-width: 5em;
  background: #eee;
  margin: 1em;
  padding: .8em .8em .8em 3em;
  background-image: url("/images/warning_small.png");
  background-repeat: no-repeat;
  background-position: .75em .9em; }
.contact form.congenia-contact-form ul {
  list-style: none;
  text-align: right; }
  .contact form.congenia-contact-form ul li {
    margin: 0 57% 1em 3em; }
.contact form.congenia-contact-form .congenia-trap-field {
  display: none; }
.contact form.congenia-contact-form .message {
  text-align: left;
  margin: 0; }
.contact form.congenia-contact-form input {
  width: 20em; }
.contact form.congenia-contact-form textarea {
  height: 10em;
  width: 100%; }
.contact form.congenia-contact-form .missing, .contact form.congenia-contact-form .recaptcha.missing {
  border: 2px solid red; }
.contact form.congenia-contact-form .compulsory {
  font-weight: 700; }
.contact form.congenia-contact-form .error {
  color: red;
  text-align: center;
  margin: 0 4em;
  display: none; }
.contact form.congenia-contact-form .recaptcha {
  margin: 0 auto 1em auto;
  width: 306px;
  height: 80px; }
.contact .submit-area {
  text-align: center; }
.contact .contact-success {
  display: none; }

div.waiting-animation {
  display: none; }
  div.waiting-animation.active {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    left: 0;
    top: 0;
    padding-top: 20%; }

@media only screen and (max-width: 978px) {
  .navbar-inner, .navbar-inner > div > ul > li > a {
    height: 60px; }

  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0px; }

  .activity-navigation {
    position: inherit; }

  .activity-navigation.secondary {
    width: 100%;
    text-align: right;
    margin-bottom: 20px; }

  .navbar .brand img {
    margin-left: 5px; }

  div.system_announcement {
    top: 65%; }

  .work-time .hours-minutes {
    font-size: 1em !important; } }
@media only screen and (max-width: 767px) {
  .login .welcome .logo img {
    max-height: 90px; }

  section.welcome .text {
    display: none; }

  .login .nav li {
    font-size: .7em; }

  .navbar .brand img {
    height: 25px; }

  .navbar-inner, .navbar-inner > div > ul > li > a {
    height: 40px; }

  .navbar .brand {
    max-width: 50%; }

  div.breadcrumbs.container ul {
    margin-bottom: 0px; }

  ul.lessons, ul.lessons li {
    width: 100%;
    margin: 0 0 5px 0; }

  h2 {
    font-size: 1.7em; }

  h3 {
    font-size: 1.3em; }

  div.pagination {
    margin-left: 40px; }

  div.courses, div.lessons, div.activities, div.courses.span6, div.courses.span3, div.lessons.span6, div.lessons.span4, div.activities.span5 {
    border: 0;
    border-right: 0; }

  div.recorder_deprecation {
    padding: 2em 2em 2em 80px;
    background-size: auto 40px;
    min-height: 0; }

  #congenia-cookies-main {
    margin-left: -20px; } }
@media only screen and (max-width: 1200px) {
  .activity-navigation {
    width: 250px; }

  .work-time .hours-minutes {
    font-size: 1.5em; }

  .contact form.congenia-contact-form ul {
    text-align: left; }
    .contact form.congenia-contact-form ul li {
      margin: 0; } }
/* No JS */
html.no-js body header, html.no-js body section {
  display: none; }

html.no-js body #js-warning {
  display: block; }

html.no-js body #js-warning, #compatmode-warning {
  font-size: 120%;
  width: 50%;
  margin-left: 25%;
  line-height: 1.3em; }

#js-warning p.logo, #compatmode-warning p.logo {
  width: 40%;
  margin-left: 30%;
  margin-bottom: 2em; }

div.glossary {
  border: 1px solid #eee;
  padding: 10px;
  width: 90%;
  margin: 20px 0 20px 5%; }

div.glossary div.search {
  text-align: center; }

div.glossary input.glossary-search {
  width: 80%;
  height: 25px;
  padding: 1px 5px; }

div.glossary i.search {
  width: 8%; }

div.glossary div.results div {
  width: 100%; }

div.glossary td.language-code {
  font-weight: 700; }

div.glossary td.entry .definition {
  font-style: italic; }

div.comment {
  border: 1px solid #eee;
  padding: 10px;
  background: #eee;
  text-align: left; }

div.comment .commentTop {
  font-weight: 700;
  margin-bottom: 20px; }

div.comment .commentMiddle {
  margin-bottom: 20px; }

div.comment .commentBottom {
  font-size: .8em;
  font-style: italic; }

table.student.phone-chat-sessions tbody tr {
  cursor: pointer; }

.center {
  text-align: center; }

audio {
  max-width: 50%;
  max-height: 40px; }

table audio {
  min-height: 25px;
  max-width: none; }

.siacco-error {
  margin-left: 25%;
  width: 50%; }

.siacco-error .error-code {
  background: #ddd;
  padding: 5px 12px; }

.siacco-error pre {
  padding: 0;
  background: none;
  border: none;
  text-align: right;
  font-size: 0.8em; }

.mejs-container {
  margin-bottom: 10px; }

.completion-level .row {
  margin-top: 2em; }
  .completion-level .row .span2 {
    width: 10%; }
  .completion-level .row .span4 {
    width: 30%; }
  .completion-level .row .span6 {
    width: 40%; }

div.simple-logo {
  margin: 3em;
  text-align: center; }
  div.simple-logo img {
    width: 100px; }

section.api-error {
  margin-top: 20%;
  margin-bottom: 20%; }

section.login-block.api-error > div {
  border-width: 1px;
  font-size: 1.1em;
  line-height: 2em; }

.modal-button-left {
  float: left; }

.modal-button-right {
  float: right; }

.tracking-item-comments ul {
  list-style: disc !important; }

/*.row.container.top {
  margin-bottom: 1em;
  .columns {
    float: right;
    text-align: right;
    margin-right: -2em;
  }
}*/
.forums .forum-topic .forum-post {
  border: 1px solid #ccc;
  margin-bottom: 2em;
  padding: 0 .95em; }
  .forums .forum-topic .forum-post .post-header {
    background: #eee;
    border: none;
    padding: 1em;
    font-size: 0.7em;
    font-weight: 700;
    color: #aaa;
    margin: 0 -1.358em; }
  .forums .forum-topic .forum-post .post-body {
    padding: .5em; }
    .forums .forum-topic .forum-post .post-body .deleted, .forums .forum-topic .forum-post .post-body .edited {
      font-size: 0.8em;
      font-style: italic;
      color: #ccc; }
  .forums .forum-topic .forum-post .post-info {
    float: left; }
  .forums .forum-topic .forum-post .own-post-buttons {
    float: right; }
    .forums .forum-topic .forum-post .own-post-buttons a {
      font-size: 1.2em; }
.forums .forum-topic .forum-post.own {
  border: 2px solid #999; }
  .forums .forum-topic .forum-post.own .post-header {
    background: #eee;
    color: #666; }
.forums .save-changes {
  text-align: center; }

ul.button-group {
  list-style: none; }
  ul.button-group li {
    float: right;
    margin: 3px; }

.reveal-modal {
  display: none; }

table .container {
  width: inherit; }
table .spacer {
  display: none; }

div.messaging {
  margin-top: 2em; }
  div.messaging input#subject {
    width: 90%;
    font-size: 1.5em;
    height: 1.5em; }

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

div.small-help {
  font-size: 0.9em;
  padding: 1em; }

.tabs-content > div.content {
  display: none; }

.tabs-content > div.content.active {
  display: block; }

dl.tabs.right {
  float: right; }

dl.tabs dd {
  display: inline;
  padding: 1em;
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 5px; }
  dl.tabs dd a {
    color: #ddd; }
dl.tabs dd.active {
  color: red;
  border: 2px solid #666; }
  dl.tabs dd.active a {
    color: #000;
    font-weight: 700; }

.single-message {
  border: 1px solid #ddd;
  margin-bottom: 1em; }
  .single-message .message-metadata {
    margin: 0;
    background: #eee;
    padding: 1em; }

.single-message.relevant {
  border: 2px solid #666; }

.row.message-recipients {
  margin: 2px; }

ul.attachments {
  list-style: none; }
  ul.attachments img {
    border: none;
    background: none;
    box-shadow: none; }

.compliance_help ul {
  list-style: none; }
  .compliance_help ul li {
    line-height: 5em; }
    .compliance_help ul li img {
      border: 0;
      box-shadow: none;
      background: transparent;
      vertical-align: middle; }

label.right {
  text-align: right; }

@media print {
  .no-print, .activity-navigation {
    display: none; } }

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