@charset "UTF-8";
@font-face { font-family: 'Open Sans Regular'; src: url("../fonts/OpenSans-Regular-webfont.eot"); src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Light'; src: url("../fonts/OpenSans-Light-webfont.eot"); src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Bold'; src: url("../fonts/OpenSans-Bold-webfont.eot"); src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSans-Bold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Open Sans Regular'; src: url("../fonts/OpenSans-Regular-webfont.eot"); src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Light'; src: url("../fonts/OpenSans-Light-webfont.eot"); src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Bold'; src: url("../fonts/OpenSans-Bold-webfont.eot"); src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSans-Bold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Mark OT Light'; src: url("../fonts/MarkOT-Light.eot"); src: url("../fonts/MarkOT-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkOT-Light.woff2") format("woff2"), url("../fonts/MarkOT-Light.woff") format("woff"), url("../fonts/MarkOT-Light.ttf") format("truetype"), url("../fonts/MarkOT-Light.svg#MarkOT-Light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Mark OT Book'; src: url("../fonts/MarkOT-Book.eot"); src: url("../fonts/MarkOT-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkOT-Book.woff2") format("woff2"), url("../fonts/MarkOT-Book.woff") format("woff"), url("../fonts/MarkOT-Book.ttf") format("truetype"), url("../fonts/MarkOT-Book.svg#MarkOT-Book") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Mark OT Bold'; src: url("../fonts/MarkOT-Bold.eot"); src: url("../fonts/MarkOT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/MarkOT-Bold.woff2") format("woff2"), url("../fonts/MarkOT-Bold.woff") format("woff"), url("../fonts/MarkOT-Bold.ttf") format("truetype"), url("../fonts/MarkOT-Bold.svg#MarkOT-Bold") format("svg"); font-weight: bold; font-style: normal; }
/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.block { text-align: center; height: 100%; }

.block:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.block-centered { position: relative; display: inline-block; vertical-align: middle; }

.columns { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-perspective: 1; padding-left: 10px; padding-right: 10px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
@media screen and (max-width: 840px) { .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }
@media screen and (max-width: 480px) { .columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
.columns a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.grid-100, .grid-80, .grid-75, .grid-67, .grid-60, .grid-50, .grid-40, .grid-33, .grid-25, .grid-20, .grid-16 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; color: #505050; width: 100%; list-style-type: none; }

.grid-100 { width: 100%; padding-left: 0; padding-right: 0; }

.grid-80 { width: 80%; }

.grid-75 { width: 75%; }

.grid-67 { width: 66.66667%; }

.grid-60 { width: 60%; }

.grid-50 { width: 50%; }

.grid-40 { width: 40%; }

.grid-33 { width: 33.33333%; }

.grid-25 { width: 25%; }

.grid-20 { width: 20%; }

.grid-16 { width: 16.66667%; }

.section:before, .section-grid:before, .section:after, .section-grid:after { content: ""; display: table; }

.section:after, .section-grid:after { clear: both; }

.section, .section-grid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; zoom: 1; }

.section { position: relative; padding-left: 10px; padding-right: 10px; }

.section-grid { padding-left: 0px; padding-right: 0px; }

.centered { max-width: 1440px; width: 93.75%; margin-left: auto; margin-right: auto; }

.push-right { float: right; }

.container { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; }

ul.section, ul.section-grid { list-style-type: none; margin-bottom: 0px; }

.tab-pane-dashboard .grid-33 { margin-bottom: 0px; }

@media screen and (min-width: 1200px) { .tab-pane-tests-grid .grid-50, .tab-pane-account .grid-50 { width: 33.33333%; } }
@media screen and (max-width: 1200px) { .tab-pane-base .grid-75, .tab-pane-join .grid-75, .tab-pane-downloads .grid-75, .tab-pane-search .grid-75, .tab-pane-join-webinar .grid-75 { width: 66.66667%; }
  .tab-pane-base .grid-25, .tab-pane-join .grid-25, .tab-pane-downloads .grid-25, .tab-pane-search .grid-25, .tab-pane-join-webinar .grid-25 { width: 33.33333%; }
  .tab-pane-base .grid-33, .tab-pane-join .grid-33, .tab-pane-downloads .grid-33, .tab-pane-search .grid-33, .tab-pane-join-webinar .grid-33 { width: 50%; }
  .tab-pane-active .grid-75, .tab-pane-completed .grid-75, .tab-pane-catalog .grid-75, .tab-pane-upcoming .grid-75, .tab-pane-previous .grid-75, .tab-pane-incomplete .grid-75, .tab-pane-calendar .grid-75, .tab-pane-121 .grid-75, .tab-pane-conversation .grid-75, .tab-pane-conversation-list .grid-75, .tab-pane-dictionary .grid-75, .tab-pane-my-browse .grid-75, .tab-pane-my-again .grid-75 { width: 70%; }
  .tab-pane-active .grid-25, .tab-pane-completed .grid-25, .tab-pane-catalog .grid-25, .tab-pane-upcoming .grid-25, .tab-pane-previous .grid-25, .tab-pane-incomplete .grid-25, .tab-pane-calendar .grid-25, .tab-pane-121 .grid-25, .tab-pane-conversation .grid-25, .tab-pane-conversation-list .grid-25, .tab-pane-dictionary .grid-25, .tab-pane-my-browse .grid-25, .tab-pane-my-again .grid-25 { width: 30%; }
  .tab-pane-active .grid-33, .tab-pane-completed .grid-33, .tab-pane-catalog .grid-33, .tab-pane-upcoming .grid-33, .tab-pane-previous .grid-33, .tab-pane-incomplete .grid-33, .tab-pane-calendar .grid-33, .tab-pane-121 .grid-33, .tab-pane-conversation .grid-33, .tab-pane-conversation-list .grid-33, .tab-pane-dictionary .grid-33, .tab-pane-my-browse .grid-33, .tab-pane-my-again .grid-33 { width: 50%; }
  .tab-pane-latest .grid-25, .tab-pane-recommended .grid-25 { width: 33.33333%; }
  .tab-pane-next-class .grid-67, .tab-pane-upcoming-class .grid-67, .tab-pane-previous-class .grid-67 { width: 66.66667%; }
  .tab-pane-next-class .grid-33, .tab-pane-upcoming-class .grid-33, .tab-pane-previous-class .grid-33 { width: 33.33333%; }
  .tab-pane-next-class .grid-50, .tab-pane-upcoming-class .grid-50, .tab-pane-previous-class .grid-50 { width: 50%; }
  .tab-pane-modify-class .grid-67 { width: 66.66667%; }
  .tab-pane-modify-class .grid-33 { width: 33.33333%; }
  .tab-pane-tests-grid .grid-75, .tab-pane-account .grid-75 { width: 75%; }
  .tab-pane-tests-grid .grid-25, .tab-pane-account .grid-25 { width: 25%; }
  .tab-pane-tests-grid .grid-50, .tab-pane-account .grid-50 { width: 50%; }
  .tab-pane-out .grid-75, .tab-pane-in .grid-75, .tab-pane-summary .grid-75 { width: 66.66667%; }
  .tab-pane-out .grid-25, .tab-pane-in .grid-25, .tab-pane-summary .grid-25 { width: 33.33333%; }
  .tab-pane-premium .grid-20 { width: 50%; }
  .tab-pane-my-plan .grid-25 { width: 33.33333%; } }
@media screen and (max-width: 1023px) { .tab-pane-premium .grid-25 { width: 50%; } }
@media screen and (max-width: 840px) { .tab-pane-base .grid-75, .tab-pane-join .grid-75, .tab-pane-search .grid-75, .tab-pane-join-webinar .grid-75 { width: 60%; }
  .tab-pane-base .grid-25, .tab-pane-join .grid-25, .tab-pane-search .grid-25, .tab-pane-join-webinar .grid-25 { width: 40%; }
  .tab-pane-base .grid-33, .tab-pane-join .grid-33, .tab-pane-search .grid-33, .tab-pane-join-webinar .grid-33 { width: 100%; }
  .tab-pane-active .grid-75, .tab-pane-completed .grid-75, .tab-pane-catalog .grid-75, .tab-pane-upcoming .grid-75, .tab-pane-previous .grid-75, .tab-pane-incomplete .grid-75, .tab-pane-calendar .grid-75, .tab-pane-121 .grid-75, .tab-pane-conversation .grid-75, .tab-pane-dictionary .grid-75, .tab-pane-my-browse .grid-75, .tab-pane-my-again .grid-75 { width: 60%; }
  .tab-pane-active .grid-25, .tab-pane-completed .grid-25, .tab-pane-catalog .grid-25, .tab-pane-upcoming .grid-25, .tab-pane-previous .grid-25, .tab-pane-incomplete .grid-25, .tab-pane-calendar .grid-25, .tab-pane-121 .grid-25, .tab-pane-conversation .grid-25, .tab-pane-dictionary .grid-25, .tab-pane-my-browse .grid-25, .tab-pane-my-again .grid-25 { width: 40%; }
  .tab-pane-active .grid-33, .tab-pane-completed .grid-33, .tab-pane-catalog .grid-33, .tab-pane-upcoming .grid-33, .tab-pane-previous .grid-33, .tab-pane-incomplete .grid-33, .tab-pane-calendar .grid-33, .tab-pane-121 .grid-33, .tab-pane-conversation .grid-33, .tab-pane-dictionary .grid-33, .tab-pane-my-browse .grid-33, .tab-pane-my-again .grid-33 { width: 100%; }
  .tab-pane-calendar .grid-50 { width: 100%; }
  .tab-pane-latest .grid-25, .tab-pane-recommended .grid-25, .tab-pane-what-next .grid-25 { width: 50%; }
  .tab-pane-next-class .grid-67, .tab-pane-upcoming-class .grid-67, .tab-pane-previous-class .grid-67, .tab-pane-dashboard .grid-67 { width: 50%; }
  .tab-pane-next-class .grid-33, .tab-pane-upcoming-class .grid-33, .tab-pane-previous-class .grid-33, .tab-pane-dashboard .grid-33 { width: 50%; }
  .tab-pane-next-class .grid-50, .tab-pane-upcoming-class .grid-50, .tab-pane-previous-class .grid-50, .tab-pane-dashboard .grid-50 { width: 100%; }
  .tab-pane-modify-class .grid-67 { width: 100%; }
  .tab-pane-modify-class .grid-33 { width: 100%; }
  .tab-pane-tests-grid .grid-75, .tab-pane-account .grid-75, .tab-pane-webinar-upcoming .grid-75, .tab-pane-webinar-rewatch .grid-75, .tab-pane-videos .grid-75, .tab-pane-podcasts .grid-75 { width: 66.66667%; }
  .tab-pane-tests-grid .grid-25, .tab-pane-account .grid-25, .tab-pane-webinar-upcoming .grid-25, .tab-pane-webinar-rewatch .grid-25, .tab-pane-videos .grid-25, .tab-pane-podcasts .grid-25 { width: 33.33333%; }
  .tab-pane-tests-grid .grid-50, .tab-pane-account .grid-50, .tab-pane-webinar-upcoming .grid-50, .tab-pane-webinar-rewatch .grid-50, .tab-pane-videos .grid-50, .tab-pane-podcasts .grid-50 { width: 100%; }
  .tab-pane-out .grid-75, .tab-pane-in .grid-75, .tab-pane-grammar .grid-75 { width: 66.66667%; }
  .tab-pane-out .grid-25, .tab-pane-in .grid-25, .tab-pane-grammar .grid-25 { width: 33.33333%; }
  .tab-pane-history .grid-75, .tab-pane-summary .grid-75, .tab-pane-conversation-list .grid-75 { width: 100%; }
  .tab-pane-history .grid-25, .tab-pane-summary .grid-25, .tab-pane-conversation-list .grid-25 { width: 100%; }
  .section-progress-charts .grid-33:nth-child(1) { width: 100%; }
  .section-progress-charts .grid-33:nth-child(2), .section-progress-charts .grid-33:nth-child(3) { width: 50%; }
  .tab-pane-metro .grid-25 { width: 50%; }
  .tab-pane-my-plan .grid-25, .tab-pane-my-recommended .grid-25 { width: 50%; } }
@media screen and (max-width: 640px) { .tab-pane-base .grid-75, .tab-pane-join .grid-75, .tab-pane-search .grid-75, .tab-pane-join-webinar .grid-75 { width: 50%; }
  .tab-pane-base .grid-25, .tab-pane-join .grid-25, .tab-pane-search .grid-25, .tab-pane-join-webinar .grid-25 { width: 50%; }
  .tab-pane-base .grid-33, .tab-pane-join .grid-33, .tab-pane-search .grid-33, .tab-pane-join-webinar .grid-33 { width: 100%; }
  .tab-pane-active .grid-75, .tab-pane-completed .grid-75, .tab-pane-catalog .grid-75, .tab-pane-upcoming .grid-75, .tab-pane-previous .grid-75, .tab-pane-incomplete .grid-75, .tab-pane-calendar .grid-75, .tab-pane-121 .grid-75, .tab-pane-conversation .grid-75, .tab-pane-dictionary .grid-75, .tab-pane-my-browse .grid-75, .tab-pane-my-again .grid-75 { width: 50%; }
  .tab-pane-active .grid-25, .tab-pane-completed .grid-25, .tab-pane-catalog .grid-25, .tab-pane-upcoming .grid-25, .tab-pane-previous .grid-25, .tab-pane-incomplete .grid-25, .tab-pane-calendar .grid-25, .tab-pane-121 .grid-25, .tab-pane-conversation .grid-25, .tab-pane-dictionary .grid-25, .tab-pane-my-browse .grid-25, .tab-pane-my-again .grid-25 { width: 50%; }
  .tab-pane-active .grid-33, .tab-pane-completed .grid-33, .tab-pane-catalog .grid-33, .tab-pane-upcoming .grid-33, .tab-pane-previous .grid-33, .tab-pane-incomplete .grid-33, .tab-pane-calendar .grid-33, .tab-pane-121 .grid-33, .tab-pane-conversation .grid-33, .tab-pane-dictionary .grid-33, .tab-pane-my-browse .grid-33, .tab-pane-my-again .grid-33 { width: 100%; }
  .tab-pane-latest .grid-25, .tab-pane-recommended .grid-25, .tab-pane-what-next .grid-25 { width: 50%; }
  .tab-pane-next-class .grid-67, .tab-pane-upcoming-class .grid-67, .tab-pane-previous-class .grid-67, .tab-pane-dashboard .grid-67, .tab-pane-landing-steps .grid-67, .tab-pane-premium .grid-67, .tab-pane-webinar-upcoming .grid-67, .tab-pane-webinar-rewatch .grid-67, .tab-pane-videos .grid-67, .tab-pane-podcasts .grid-67, .tab-pane-webinar-upcoming-list .grid-67, .tab-pane-webinar-rewatch-list .grid-67 { width: 100%; }
  .tab-pane-next-class .grid-33, .tab-pane-upcoming-class .grid-33, .tab-pane-previous-class .grid-33, .tab-pane-dashboard .grid-33, .tab-pane-landing-steps .grid-33, .tab-pane-premium .grid-33, .tab-pane-webinar-upcoming .grid-33, .tab-pane-webinar-rewatch .grid-33, .tab-pane-videos .grid-33, .tab-pane-podcasts .grid-33, .tab-pane-webinar-upcoming-list .grid-33, .tab-pane-webinar-rewatch-list .grid-33 { width: 100%; }
  .tab-pane-next-class .grid-50, .tab-pane-upcoming-class .grid-50, .tab-pane-previous-class .grid-50, .tab-pane-dashboard .grid-50, .tab-pane-landing-steps .grid-50, .tab-pane-premium .grid-50, .tab-pane-webinar-upcoming .grid-50, .tab-pane-webinar-rewatch .grid-50, .tab-pane-videos .grid-50, .tab-pane-podcasts .grid-50, .tab-pane-webinar-upcoming-list .grid-50, .tab-pane-webinar-rewatch-list .grid-50 { width: 100%; }
  .tab-pane-modify-class .grid-67, .tab-pane-contratar .grid-67 { width: 100%; }
  .tab-pane-modify-class .grid-33, .tab-pane-contratar .grid-33 { width: 100%; }
  .tab-pane-tests-grid .grid-75, .tab-pane-account .grid-75 { width: 60%; }
  .tab-pane-tests-grid .grid-25, .tab-pane-account .grid-25 { width: 40%; }
  .tab-pane-tests-grid .grid-50, .tab-pane-account .grid-50 { width: 100%; }
  .tab-pane-out .grid-75, .tab-pane-in .grid-75 { width: 60%; }
  .tab-pane-out .grid-25, .tab-pane-in .grid-25 { width: 40%; }
  .tab-pane-history .grid-75, .tab-pane-tests-list .grid-75, .tab-pane-new .grid-75 { width: 100%; }
  .tab-pane-history .grid-25, .tab-pane-tests-list .grid-25, .tab-pane-new .grid-25 { width: 100%; }
  .tab-pane-premium .grid-25 { width: 100%; }
  .tab-pane-premium .grid-20 { width: 100%; }
  .tab-pane-metro .grid-33 { width: 100%; }
  .tab-pane-metro .grid-50 { width: 100%; } }
@media screen and (max-width: 480px) { .tab-pane-base .grid-75, .tab-pane-active .grid-75, .tab-pane-completed .grid-75, .tab-pane-catalog .grid-75, .tab-pane-upcoming .grid-75, .tab-pane-previous .grid-75, .tab-pane-incomplete .grid-75, .tab-pane-join .grid-75, .tab-pane-downloads .grid-75, .tab-pane-calendar .grid-75, .tab-pane-121 .grid-75, .tab-pane-conversation .grid-75, .tab-pane-search .grid-75, .tab-pane-dictionary .grid-75, .tab-pane-grammar .grid-75, .tab-pane-join-webinar .grid-75, .tab-pane-my-browse .grid-75, .tab-pane-my-again .grid-75 { width: 100%; }
  .tab-pane-base .grid-25, .tab-pane-active .grid-25, .tab-pane-completed .grid-25, .tab-pane-catalog .grid-25, .tab-pane-upcoming .grid-25, .tab-pane-previous .grid-25, .tab-pane-incomplete .grid-25, .tab-pane-join .grid-25, .tab-pane-downloads .grid-25, .tab-pane-calendar .grid-25, .tab-pane-121 .grid-25, .tab-pane-conversation .grid-25, .tab-pane-search .grid-25, .tab-pane-dictionary .grid-25, .tab-pane-grammar .grid-25, .tab-pane-join-webinar .grid-25, .tab-pane-my-browse .grid-25, .tab-pane-my-again .grid-25 { width: 100%; }
  .tab-pane-base .grid-33, .tab-pane-active .grid-33, .tab-pane-completed .grid-33, .tab-pane-catalog .grid-33, .tab-pane-upcoming .grid-33, .tab-pane-previous .grid-33, .tab-pane-incomplete .grid-33, .tab-pane-join .grid-33, .tab-pane-downloads .grid-33, .tab-pane-calendar .grid-33, .tab-pane-121 .grid-33, .tab-pane-conversation .grid-33, .tab-pane-search .grid-33, .tab-pane-dictionary .grid-33, .tab-pane-grammar .grid-33, .tab-pane-join-webinar .grid-33, .tab-pane-my-browse .grid-33, .tab-pane-my-again .grid-33 { width: 100%; }
  .tab-pane-latest .grid-25, .tab-pane-recommended .grid-25, .tab-pane-what-next .grid-25 { width: 100%; }
  .tab-pane-next-class .grid-33, .tab-pane-upcoming-class .grid-33, .tab-pane-previous-class .grid-33 { width: 100%; }
  .tab-pane-modify-class .grid-67 { width: 100%; }
  .tab-pane-modify-class .grid-33 { width: 100%; }
  .tab-pane-tests-grid .grid-75, .tab-pane-account .grid-75 { width: 100%; }
  .tab-pane-tests-grid .grid-50, .tab-pane-account .grid-50 { width: 100%; }
  .tab-pane-tests-grid .grid-25, .tab-pane-account .grid-25 { width: 100%; }
  .tab-pane-out .grid-75, .tab-pane-in .grid-75 { width: 100%; }
  .tab-pane-out .grid-25, .tab-pane-in .grid-25 { width: 100%; }
  .tab-pane-history .grid-75, .tab-pane-tests-list .grid-75, .tab-pane-grammar .grid-75 { width: 100%; }
  .tab-pane-history .grid-25, .tab-pane-tests-list .grid-25, .tab-pane-grammar .grid-25 { width: 100%; }
  .section-progress-charts .grid-33:nth-child(1), .section-progress-charts .grid-33:nth-child(2), .section-progress-charts .grid-33:nth-child(3) { width: 100%; }
  .tab-pane-metro .grid-25 { width: 100%; }
  .tab-pane-my-plan .grid-25, .tab-pane-my-recommended .grid-25 { width: 100%; } }
html, body { height: 100%; }

body { background-color: #002B44; }
body.blank-page { background-color: #e3e9e9; }

.wrap { width: 100%; height: 100%; position: absolute; right: 0; text-align: left; min-width: 320px; }
.lt-ie9 .wrap { min-width: 840px; }

header { width: 100%; background-color: white; border-bottom: 4px solid #C3C3C3; }
header > .section { padding-left: 0; padding-right: 0; }

.logo { position: absolute; width: 93.75%; left: 0; right: 0; margin: auto; max-width: 1440px; padding: 0 10px; box-sizing: border-box; }
.logo a { background-image: url("../img/logo-openbank.png"); display: block; float: left; background-repeat: no-repeat; background-position: left 30px; text-indent: -9999px; width: 180px; height: 40px; background-color: transparent; padding: 30px 0 30px; margin: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .logo a { background-image: url("../img/logo-openbank_2x.png"); background-size: 180px 40px; } }

.main { padding-top: 2em; background-color: white; }

.section-stats { margin-top: 1em; margin-bottom: 1em; text-align: center; }

footer { background-color: #002B44; }
footer p { border-top: 1px solid #C3C3C3; margin-bottom: 0; padding-top: 43px; padding-bottom: 43px; padding-left: 0; }

nav { margin-left: auto; margin-right: auto; display: block; height: 100px; max-width: 1440px; box-sizing: border-box; }
nav else { width: 93.75%; }
nav > ul { float: right; padding-right: 10px; padding-left: 0px; margin-bottom: 0; }
nav > ul li { display: block; float: left; }
nav > ul li a { display: block; position: relative; height: 100px; line-height: 100px; padding: 0px 25px; font-size: 0.8125em; color: #505050; font-family: "Mark OT Book", sans-serif; text-transform: none; font-weight: normal; }
nav > ul li a:hover { background-color: transparent; }
@media screen and (max-width: 1200px) { nav > ul li a { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 1000px) { nav > ul li a { padding-left: 16px; padding-right: 16px; } }
@media screen and (max-width: 900px) { nav > ul li a { padding-left: 12px; padding-right: 12px; } }
nav > ul li.active a { background-color: rgba(255, 255, 255, 0.2); pointer-events: none; color: #505050; font-weight: bold; }
nav > ul li.active a:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: none; border-right: 30px solid transparent; border-bottom: 20px solid white; border-left: 30px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -30px; }
nav > ul li.active a:after { bottom: -5px; }
nav > ul li.active a:before { content: ""; position: absolute; color: #C3C3C3; z-index: 1010; border-top: none; border-right: 30px solid transparent; border-bottom: 20px solid #C3C3C3; border-left: 30px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -30px; }
nav > ul li.new a, nav > ul li.nav-premium a { font-weight: bold; color: #FF2855; }
nav .label { display: none; }

.nav-notifications, .nav-profile, .nav-calendar, .nav-search, .nav-language, .nav-dictionary, .nav-level { padding-top: 26px; position: relative; }
.nav-notifications a, .nav-profile a, .nav-calendar a, .nav-search a, .nav-language a, .nav-dictionary a, .nav-level a { display: block; width: 44px; height: 44px; line-height: 44px; padding: 0; color: white; }
.nav-notifications.active a:after, .nav-profile.active a:after, .nav-calendar.active a:after, .nav-search.active a:after, .nav-language.active a:after, .nav-dictionary.active a:after, .nav-level.active a:after { bottom: -30px; }
.nav-notifications.active a:after, .nav-profile.active a:after, .nav-calendar.active a:after, .nav-search.active a:after, .nav-language.active a:after, .nav-dictionary.active a:after, .nav-level.active a:after { bottom: -35px; }
.nav-notifications.active a:before, .nav-profile.active a:before, .nav-calendar.active a:before, .nav-search.active a:before, .nav-language.active a:before, .nav-dictionary.active a:before, .nav-level.active a:before { bottom: -30px; }

.nav-profile a, .nav-profile.active a, .nav-profile a:hover, .nav-calendar a, .nav-calendar.active a, .nav-calendar a:hover, .nav-search a, .nav-search.active a, .nav-search a:hover, .nav-language a, .nav-language.active a, .nav-language a:hover, .nav-dictionary a, .nav-dictionary.active a, .nav-dictionary a:hover, .nav-level a, .nav-level.active a, .nav-level a:hover { background-color: #002B44; color: white; }

.nav-calendar a .glyphicons { position: absolute; width: 44px; height: 44px; }
.nav-calendar a .glyphicons:before { font-size: 35px; line-height: 35px; top: 50%; left: 50%; margin-top: -18.5px; margin-left: -16.5px; }

.nav-profile a .glyphicons { position: absolute; width: 44px; height: 44px; }
.nav-profile a .glyphicons:before { font-size: 35px; line-height: 35px; top: 50%; left: 50%; margin-top: -17.5px; margin-left: -18.5px; }

.nav-search a .glyphicons { position: absolute; width: 44px; height: 44px; }
.nav-search a .glyphicons:before { font-size: 34px; line-height: 34px; top: 50%; left: 50%; margin-top: -17px; margin-left: -16px; }

.nav-dictionary a .glyphicons { position: absolute; width: 44px; height: 44px; }
.nav-dictionary a .glyphicons:before { font-size: 34px; line-height: 34px; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; }

.nav-language a .glyphicons { position: absolute; width: 44px; height: 44px; }
.nav-language a .glyphicons:before { font-size: 38px; line-height: 38px; top: 50%; left: 50%; margin-top: -19px; margin-left: -20px; }

.nav-level a .glyphicons { position: absolute; width: 44px; height: 44px; }
.nav-level a .glyphicons:before { font-size: 34px; line-height: 34px; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; }

.nav-notifications a { text-align: center; font-family: "Mark OT Book", sans-serif; font-size: 1.25em; background-color: #FFC8C3; }
.nav-notifications a:hover { background-color: #FFC8C3; }
.nav-notifications .badge, .nav-notifications .badge-alert, .nav-notifications .badge-ok, .nav-notifications .badge-key, .nav-notifications .badge-key-available, .nav-notifications .badge-key-class, .nav-notifications .badge-extra, .nav-notifications .badge-workshop, .nav-notifications .badge-conversation, .nav-notifications .badge-catalog { background-color: transparent; color: #FF2855; font-size: 1em; line-height: 44px; font-weight: normal; }
.nav-notifications .badge:after, .nav-notifications .badge-alert:after, .nav-notifications .badge-ok:after, .nav-notifications .badge-key:after, .nav-notifications .badge-key-available:after, .nav-notifications .badge-key-class:after, .nav-notifications .badge-extra:after, .nav-notifications .badge-workshop:after, .nav-notifications .badge-conversation:after, .nav-notifications .badge-catalog:after { content: none; }
.nav-notifications.active a, .nav-notifications.active a:hover { background-color: #FFC8C3; }
.nav-notifications.active .badge, .nav-notifications.active .badge-alert, .nav-notifications.active .badge-ok, .nav-notifications.active .badge-key, .nav-notifications.active .badge-key-available, .nav-notifications.active .badge-key-class, .nav-notifications.active .badge-extra, .nav-notifications.active .badge-workshop, .nav-notifications.active .badge-conversation, .nav-notifications.active .badge-catalog { background-color: transparent; }
.nav-notifications.unread a { background-color: #FF2855; }
.nav-notifications.unread a:hover { background-color: #f40033; }
.nav-notifications.unread a .badge, .nav-notifications.unread a .badge-alert, .nav-notifications.unread a .badge-ok, .nav-notifications.unread a .badge-key, .nav-notifications.unread a .badge-key-available, .nav-notifications.unread a .badge-key-class, .nav-notifications.unread a .badge-extra, .nav-notifications.unread a .badge-workshop, .nav-notifications.unread a .badge-conversation, .nav-notifications.unread a .badge-catalog { color: white; }

.nav-profile, .nav-calendar, .nav-search, .nav-notifications, .nav-dictionary { margin-left: 1.5em; }

.nav-notifications + .nav-calendar, .nav-calendar + .nav-profile, .nav-notifications + .nav-profile, .nav-calendar + .nav-search, .nav-search + .nav-profile, .nav-profile + .nav-language, .nav-profile + .nav-level, .nav-calendar + .nav-dictionary, .nav-dictionary + .nav-search, .nav-level + .nav-language { margin-left: 5px; }

.shelf-toggle { display: none; width: 93.75%; margin-left: auto; margin-right: auto; height: 100px; max-width: 1440px; box-sizing: border-box; padding-right: 10px; }
.shelf-toggle a { position: relative; width: 44px; height: 44px; line-height: 44px; padding: 0; color: #002B44; float: right; margin-top: 26px; font-size: 2em; cursor: pointer; }
.shelf-toggle a .glyphicons { position: absolute; width: 44px; height: 44px; }
.shelf-toggle a .glyphicons:before { font-size: 38px; line-height: 38px; top: 50%; left: 50%; margin-top: -20px; margin-left: -18px; }
@media screen and (max-width: 1023px) { .shelf-toggle { display: block; } }

@media screen and (max-width: 1023px) { nav { background-color: #002B44; margin-right: -320px; width: 320px; position: fixed; top: 0; right: 0; bottom: 0; padding: 26px 40px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  nav > ul { float: none; }
  nav > ul li { float: none; padding: 0; }
  nav > ul li a { padding: 0; font-size: 1em; color: #909090; height: auto; line-height: 44px; }
  nav > ul li a:hover { color: white; }
  nav > ul li.active a { background-color: transparent; color: white; }
  nav > ul li.active a:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: 15px solid transparent; border-right: none; border-bottom: 15px solid transparent; border-left: 10px solid white; top: auto; right: auto; bottom: auto; left: -10px; top: 50%; margin-top: -15px; }
  nav > ul li.active a:before { content: none; }
  nav .label { display: inline; }
  nav .nav-notifications, nav .nav-profile, nav .nav-calendar, nav .nav-search, nav .nav-dictionary { padding-top: 0; margin-left: 0 !important; }
  nav .nav-notifications a, nav .nav-notifications a:hover, nav .nav-notifications.active a, nav .nav-profile a, nav .nav-profile a:hover, nav .nav-profile.active a, nav .nav-calendar a, nav .nav-calendar a:hover, nav .nav-calendar.active a, nav .nav-search a, nav .nav-search a:hover, nav .nav-search.active a, nav .nav-dictionary a, nav .nav-dictionary a:hover, nav .nav-dictionary.active a { background-color: transparent; }
  nav .nav-notifications a, nav .nav-profile a, nav .nav-calendar a, nav .nav-search a, nav .nav-dictionary a { width: auto; height: auto; line-height: 44px; margin-left: 0; font-size: 1em; font-family: "Mark OT Book", sans-serif; text-align: left; color: #909090; }
  nav .nav-notifications.active a:after, nav .nav-profile.active a:after, nav .nav-calendar.active a:after, nav .nav-search.active a:after, nav .nav-dictionary.active a:after { bottom: auto; }
  nav .nav-notifications .glyphicons, nav .nav-profile .glyphicons, nav .nav-calendar .glyphicons, nav .nav-search .glyphicons, nav .nav-dictionary .glyphicons { display: none; }
  nav .nav-search, nav .nav-language, nav .nav-level { display: none; }
  nav .nav-notifications .badge, nav .nav-notifications .badge-alert, nav .nav-notifications .badge-ok, nav .nav-notifications .badge-key, nav .nav-notifications .badge-key-available, nav .nav-notifications .badge-key-class, nav .nav-notifications .badge-extra, nav .nav-notifications .badge-workshop, nav .nav-notifications .badge-conversation, nav .nav-notifications .badge-catalog { line-height: 22px; background-color: #C3C3C3; color: #002B44; margin-top: 12px; margin-left: 12px; font-size: 0.8125em; }
  nav .nav-notifications .badge:after, nav .nav-notifications .badge-alert:after, nav .nav-notifications .badge-ok:after, nav .nav-notifications .badge-key:after, nav .nav-notifications .badge-key-available:after, nav .nav-notifications .badge-key-class:after, nav .nav-notifications .badge-extra:after, nav .nav-notifications .badge-workshop:after, nav .nav-notifications .badge-conversation:after, nav .nav-notifications .badge-catalog:after { content: ""; border-right-color: #C3C3C3; color: #C3C3C3; }
  nav .nav-notifications.active .badge, nav .nav-notifications.active .badge-alert, nav .nav-notifications.active .badge-ok, nav .nav-notifications.active .badge-key, nav .nav-notifications.active .badge-key-available, nav .nav-notifications.active .badge-key-class, nav .nav-notifications.active .badge-extra, nav .nav-notifications.active .badge-workshop, nav .nav-notifications.active .badge-conversation, nav .nav-notifications.active .badge-catalog { background-color: #C3C3C3; }
  nav .nav-notifications.unread a, nav .nav-notifications.unread a:hover { background-color: transparent; }
  nav .nav-notifications.unread .badge, nav .nav-notifications.unread .badge-alert, nav .nav-notifications.unread .badge-ok, nav .nav-notifications.unread .badge-key, nav .nav-notifications.unread .badge-key-available, nav .nav-notifications.unread .badge-key-class, nav .nav-notifications.unread .badge-extra, nav .nav-notifications.unread .badge-workshop, nav .nav-notifications.unread .badge-conversation, nav .nav-notifications.unread .badge-catalog { background-color: #FF2855; color: white; }
  nav .nav-notifications.unread .badge:after, nav .nav-notifications.unread .badge-alert:after, nav .nav-notifications.unread .badge-ok:after, nav .nav-notifications.unread .badge-key:after, nav .nav-notifications.unread .badge-key-available:after, nav .nav-notifications.unread .badge-key-class:after, nav .nav-notifications.unread .badge-extra:after, nav .nav-notifications.unread .badge-workshop:after, nav .nav-notifications.unread .badge-conversation:after, nav .nav-notifications.unread .badge-catalog:after { border-right-color: #FF2855; color: #FF2855; } }
@media screen and (max-width: 480px) { nav { margin-right: -280px; width: 280px; padding: 10px 20px; }
  nav > ul li.active a:after { left: 10px; } }

@media screen and (max-width: 1023px) { body.shelf-open .wrap { right: 320px; position: fixed; }
  body.shelf-open nav { margin-right: 0; overflow-y: auto; }
  body.shelf-open .main { cursor: pointer; }
  body.shelf-open .shelf-toggle .glyphicons.justify:before { content: "\E208"; } }
@media screen and (max-width: 480px) { body.shelf-open .wrap { right: 280px; } }

.wrap { -webkit-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; }

nav { -webkit-transition: margin-right 0.2s ease-in-out; -moz-transition: margin-right 0.2s ease-in-out; transition: margin-right 0.2s ease-in-out; }

.position-outer { width: 100%; margin: 0; clear: both; position: relative; }

.position-inner, .position-inner-absolute, .position-inner-fixed { padding: 20px; width: 340px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.position-inner-absolute, .position-inner-fixed { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.position-inner-fixed { position: fixed; z-index: 9999; }

.section-tabs { width: 100%; height: 33px; list-style: none; margin-bottom: 0; background-color: white; }
.section-tabs li { text-align: center; margin-bottom: 0; padding-left: 0; padding-right: 0; }
.section-tabs a { display: block; position: relative; padding-top: 20px; padding-bottom: 24px; font-size: 1.5em; /* 24 / 16 */ font-family: "Mark OT Bold", sans-serif; line-height: 1.2em; color: #505050; cursor: pointer; }
.section-tabs a .glyphicons:before { font-size: 30px; line-height: 33px; position: relative; margin-top: -5px; }
.section-tabs .active a { color: #FF2855; }
.section-tabs .active a:after { content: ""; position: absolute; color: #e3e9e9; z-index: 1010; border-top: none; border-right: 30px solid transparent; border-bottom: 20px solid #e3e9e9; border-left: 30px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -30px; }
.lt-ie9 .section-tabs .active a .glyphicons { color: #505050; }
.lt-ie9 .section-tabs .active a .glyphicons:before { color: #FF2855; }
.lt-ie9 .section-tabs .active a .glyphicons.globe:before { content: "\E341 "; }
.lt-ie9 .section-tabs .active a .glyphicons.alarm:before { content: "\E054 "; }
.lt-ie9 .section-tabs .active a .glyphicons.fire:before { content: "\1F525 "; }
.lt-ie9 .section-tabs .active a .glyphicons.lightbulb:before { content: "\E065 "; }
.lt-ie9 .section-tabs .active a .glyphicons.calendar:before { content: "\1F4C5 "; }
.lt-ie9 .section-tabs .active a .glyphicons.history:before { content: "\E058 "; }
.lt-ie9 .section-tabs .active a .glyphicons.warning_sign:before { content: "\E079 "; }
.lt-ie9 .section-tabs .active a .glyphicons.restart:before { content: "\E366 "; }
.lt-ie9 .section-tabs .active a .glyphicons.circle_ok:before { content: "\E194 "; }
.lt-ie9 .section-tabs .active a .glyphicons.book:before { content: "\E072 "; }
.lt-ie9 .section-tabs .active a .glyphicons.inbox_in:before { content: "\E135 "; }
.lt-ie9 .section-tabs .active a .glyphicons.inbox_out:before { content: "\E136 "; }
.lt-ie9 .section-tabs .active a .glyphicons.signal:before { content: "\E080 "; }
.lt-ie9 .section-tabs .active a .glyphicons.cogwheel:before { content: "\E137 "; }
.section-tabs li.highlighted a { color: #FF2855; }
.section-tabs li.highlighted a:before { color: #FF2855; }
.modal .section-tabs { margin-top: 10px; height: 33px; }
.modal .section-tabs a { font-size: 1.2em; padding: 10px 0; height: 44px; border: 1px solid transparent; border-bottom-color: #DEDEDE; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.modal .section-tabs .active a { background-color: white; border-color: #DEDEDE; border-bottom-color: white; }
.modal .section-tabs .active a:after { content: none; }

.section-tabcontent { background-color: #e3e9e9; }
.section-tabcontent .tab-pane { display: none; padding-top: 50px; padding-bottom: 30px; }
.section-tabcontent .tab-pane.active { display: block; }
.modal .section-tabcontent { background-color: white; }
.modal .section-tabcontent .tab-pane { padding: 0; }

@media screen and (max-width: 1440px) { .section-tab-rows a { font-size: 1.2em; } }
@media screen and (max-width: 1200px) { .section-tab-rows a { height: 84px; }
  .section-tab-rows a span { display: block; }
  .section-tab-rows a .glyphicons { display: block; width: 100%; height: 32px; padding-bottom: 3px; padding-left: 0; }
  .section-tab-rows a .glyphicons:before { position: absolute; font-size: 40px; left: 50%; margin-left: -20px; } }
@media screen and (max-width: 840px) { .section-tabs a { font-size: 1.2em; }
  .section-tabs a .glyphicons { display: block; width: 100%; height: 32px; padding-bottom: 3px; padding-left: 0; }
  .section-tabs a .glyphicons:before { position: absolute; font-size: 40px; left: 50%; margin-left: -20px; } }
@media screen and (max-width: 640px) { .section-tabs a { font-size: 0.8em; }
  .section-tab-rows a { height: 66px; } }
@media screen and (max-width: 480px) { .section-tabs a { font-size: 0; height: 36px; } }
html { -webkit-font-smoothing: antialiased !important; }

body, input, textarea { font: 100%/1.4 "Mark OT Book", sans-serif; color: #505050; font-weight: normal; }

footer { font-size: 0.8125em; /* 13 / 16 */ color: #AAA; }

h1, h2, h3, h4, h5, h6 { font-family: "Mark OT Bold", sans-serif; font-weight: 300; letter-spacing: -1px; color: #505050; }

h1 { margin-bottom: 0.3em; font-size: 3em; /* 48 / 16 */ line-height: 1.4; text-align: center; color: #505050; }
@media screen and (max-width: 840px) { h1 { line-height: 1.1em; } }

h2 { margin-bottom: 0.5em; margin-top: 0.5em; font-size: 2.75em; /* 40 / 16 */ line-height: 1.2; }

h3 { padding-bottom: 0.3em; font-size: 1.75em; /* 28 / 16 */ line-height: 1.3; }

h4 { margin-bottom: 0.5em; font-size: 1.5em; /* 24 / 16  */ line-height: 1.25; }

h5 { margin-bottom: 1.25em; font-size: 1em; /* 20 / 16 */ }

h6 { font-size: 1em; /* 16 / 16  */ }

a { color: #505050; /*
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
*/ text-decoration: none; }

a.link-highlight { color: #001478; border-bottom: 2px dotted #001478; }

p, ol, ul, dl, address { margin-bottom: 1.5em; font-size: 1em; }
p:last-child, ol:last-child, ul:last-child, dl:last-child, address:last-child { margin-bottom: 0; }

h3 + p, h4 + p { margin-left: 0.8125em; }

sup, sub { font-size: 0.6em; vertical-align: baseline; position: relative; }

sup { top: -0.6em; }

sub { bottom: 0; }

.small-print, small { font-size: 0.75em; /* 12 / 16 */ }

blockquote:before { content: "“"; }
blockquote:after { content: "”"; }

.webinar-content ol, .webinar-content ul { margin-left: 40px; }

.accordion-group { margin-bottom: 10px; }

.accordion-heading { position: relative; background-color: #D7D7D5; }
.accordion-heading a { display: block; padding: 10px 20px 10px 40px; color: #505050; }
.accordion-heading .btn-success { box-sizing: border-box; background-color: #001478; color: white; padding: 0 20px; height: 42px; line-height: 42px; position: absolute; right: 0; top: 0; display: block; width: 150px; text-align: center; }
.accordion-heading .btn-success:after { content: ""; position: absolute; color: #001478; z-index: 1010; border-top: 12px solid transparent; border-right: 8px solid #001478; border-bottom: 12px solid transparent; border-left: none; top: auto; right: auto; bottom: auto; left: -8px; top: 50%; margin-top: -12px; }
.content-secondary .accordion-heading { background-color: white; }
.accordion-heading.completed .btn-success, .accordion-heading.completed .acc-info { background-color: #001478; color: white; }
.accordion-heading.completed .btn-success:after, .accordion-heading.completed .acc-info:after { border-right-color: #001478; color: #001478; }
.accordion-heading.active .btn-success, .accordion-heading.active .acc-info { background-color: #1BB3BC; color: white; }
.accordion-heading.active .btn-success:after, .accordion-heading.active .acc-info:after { border-right-color: #1BB3BC; color: #1BB3BC; }

.acc-info { position: absolute; right: 0; top: 0; display: block; width: 150px; padding: 0 20px; height: 42px; line-height: 42px; text-align: center; box-sizing: border-box; background-color: #C3C3C3; color: #C3C3C3; }
.acc-info:after { content: ""; position: absolute; color: #C3C3C3; z-index: 1010; border-top: 12px solid transparent; border-right: 8px solid #C3C3C3; border-bottom: 12px solid transparent; border-left: none; top: auto; right: auto; bottom: auto; left: -8px; top: 50%; margin-top: -12px; }

.acc-title { box-sizing: border-box; position: absolute; right: 150px; font-weight: bold; height: 42px; line-height: 42px; top: 0; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.acc-hours { color: #C3C3C3; }

.accordion-toggle:before { font-family: "Glyphicons Regular" !important; position: absolute; font-size: 20px; top: 50%; left: 10px; margin-top: -14px; }

.acc-conversation:before { content: "\E025"; }

.acc-phone:before { content: "\E025"; }

.acc-virtual:before { content: "\E078"; }

.acc-facetoface:before { content: "\E025"; }

.acc-classroom:before { content: "\E025"; }

.acc-vw-analysis:before { content: "\78"; }

.acc-vw-put-yourself:before { content: "\41"; }

.acc-vw-green-finance:before { content: "\75"; }

.acc-vw-teleworking:before { content: "\76"; }

.acc-vw-whatever:before { content: "\77"; }

.acc-vw-fluency:before { content: "\7a"; }

.acc-vw-forging:before { content: "\74"; }

.acc-vw-you-can:before { content: "\79"; }

.acc-event-immersion, .acc-event-grammar, .acc-event-fluency, .acc-event-test, .acc-event-free, .acc-event-writing, .acc-event-business, .acc-event-colloquial, .acc-event-debate, .acc-more-info, .acc-more-info { display: inline-block; padding: 0 15px; margin-right: -15px; margin-left: 15px; font-weight: normal; position: relative; color: white; }
.acc-event-immersion:after, .acc-event-grammar:after, .acc-event-fluency:after, .acc-event-test:after, .acc-event-free:after, .acc-event-writing:after, .acc-event-business:after, .acc-event-colloquial:after, .acc-event-debate:after, .acc-more-info:after, .acc-more-info:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 12px solid transparent; border-right: 8px solid red; border-bottom: 12px solid transparent; border-left: none; top: auto; right: auto; bottom: auto; left: -8px; top: 50%; margin-top: -12px; }
@media screen and (max-width: 1024px) { .acc-event-immersion, .acc-event-grammar, .acc-event-fluency, .acc-event-test, .acc-event-free, .acc-event-writing, .acc-event-business, .acc-event-colloquial, .acc-event-debate, .acc-more-info, .acc-more-info { position: absolute; bottom: 0; left: 0; margin-left: 0; padding: 0; font-weight: bold; }
  .acc-event-immersion:after, .acc-event-grammar:after, .acc-event-fluency:after, .acc-event-test:after, .acc-event-free:after, .acc-event-writing:after, .acc-event-business:after, .acc-event-colloquial:after, .acc-event-debate:after, .acc-more-info:after, .acc-more-info:after { content: none; } }

.acc-event-immersion { background-color: red; }
.acc-event-immersion:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-immersion { background-color: transparent; color: red; } }

.acc-event-grammar { background-color: red; }
.acc-event-grammar:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-grammar { background-color: transparent; color: red; } }

.acc-event-fluency { background-color: red; }
.acc-event-fluency:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-fluency { background-color: transparent; color: red; } }

.acc-event-test { background-color: red; }
.acc-event-test:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-test { background-color: transparent; color: red; } }

.acc-event-free { background-color: red; }
.acc-event-free:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-free { background-color: transparent; color: red; } }

.acc-event-writing { background-color: red; }
.acc-event-writing:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-writing { background-color: transparent; color: red; } }

.acc-event-business { background-color: red; }
.acc-event-business:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-business { background-color: transparent; color: red; } }

.acc-event-colloquial { background-color: red; }
.acc-event-colloquial:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-colloquial { background-color: transparent; color: red; } }

.acc-event-debate { background-color: red; }
.acc-event-debate:after { border-right-color: red; color: red; }
@media screen and (max-width: 1024px) { .acc-event-debate { background-color: transparent; color: red; } }

.acc-more-info { background-color: #999; }
.acc-more-info:after { border-right-color: #999; color: #999; }
@media screen and (max-width: 1024px) { .acc-more-info { background-color: transparent; color: #999; } }

.alert, .alert-info, .modal .alert-rating, .modal .alert-immersion, .modal .alert-fluency, .modal .alert-grammar, .modal .alert-test, .modal .alert-free, .modal .alert-writing, .modal .alert-business, .modal .alert-colloquial, .modal .alert-debate { position: relative; display: block; padding: 10px; background: #FF2855; color: white; margin-bottom: 20px; min-height: 44px; word-break: break-word; text-align: left; }
.alert p, .alert-info p, .modal .alert-rating p, .modal .alert-immersion p, .modal .alert-fluency p, .modal .alert-grammar p, .modal .alert-test p, .modal .alert-free p, .modal .alert-writing p, .modal .alert-business p, .modal .alert-colloquial p, .modal .alert-debate p { margin-bottom: 0; margin-left: 40px; }
.alert .glyphicons, .alert-info .glyphicons, .modal .alert-rating .glyphicons, .modal .alert-immersion .glyphicons, .modal .alert-fluency .glyphicons, .modal .alert-grammar .glyphicons, .modal .alert-test .glyphicons, .modal .alert-free .glyphicons, .modal .alert-writing .glyphicons, .modal .alert-business .glyphicons, .modal .alert-colloquial .glyphicons, .modal .alert-debate .glyphicons { position: absolute; left: 12px; top: 50%; margin-top: -15px; }
.alert .glyphicons:before, .alert-info .glyphicons:before, .modal .alert-rating .glyphicons:before, .modal .alert-immersion .glyphicons:before, .modal .alert-fluency .glyphicons:before, .modal .alert-grammar .glyphicons:before, .modal .alert-test .glyphicons:before, .modal .alert-free .glyphicons:before, .modal .alert-writing .glyphicons:before, .modal .alert-business .glyphicons:before, .modal .alert-colloquial .glyphicons:before, .modal .alert-debate .glyphicons:before { font: 27px/1.1em 'Glyphicons Regular'; }
.alert:after, .alert-info:after, .modal .alert-rating:after, .modal .alert-immersion:after, .modal .alert-fluency:after, .modal .alert-grammar:after, .modal .alert-test:after, .modal .alert-free:after, .modal .alert-writing:after, .modal .alert-business:after, .modal .alert-colloquial:after, .modal .alert-debate:after { content: ""; position: absolute; color: #FF2855; z-index: 1010; border-top: 30px solid transparent; border-right: none; border-bottom: 30px solid transparent; border-left: 20px solid #FF2855; top: auto; right: -20px; bottom: auto; left: auto; top: 50%; margin-top: -30px; }
.push-right .alert p, .push-right .alert-info p, .push-right .modal .alert-rating p, .modal .push-right .alert-rating p, .push-right .modal .alert-immersion p, .modal .push-right .alert-immersion p, .push-right .modal .alert-fluency p, .modal .push-right .alert-fluency p, .push-right .modal .alert-grammar p, .modal .push-right .alert-grammar p, .push-right .modal .alert-test p, .modal .push-right .alert-test p, .push-right .modal .alert-free p, .modal .push-right .alert-free p, .push-right .modal .alert-writing p, .modal .push-right .alert-writing p, .push-right .modal .alert-business p, .modal .push-right .alert-business p, .push-right .modal .alert-colloquial p, .modal .push-right .alert-colloquial p, .push-right .modal .alert-debate p, .modal .push-right .alert-debate p { margin-left: 30px; }
.push-right .alert .glyphicons, .push-right .alert-info .glyphicons, .push-right .modal .alert-rating .glyphicons, .modal .push-right .alert-rating .glyphicons, .push-right .modal .alert-immersion .glyphicons, .modal .push-right .alert-immersion .glyphicons, .push-right .modal .alert-fluency .glyphicons, .modal .push-right .alert-fluency .glyphicons, .push-right .modal .alert-grammar .glyphicons, .modal .push-right .alert-grammar .glyphicons, .push-right .modal .alert-test .glyphicons, .modal .push-right .alert-test .glyphicons, .push-right .modal .alert-free .glyphicons, .modal .push-right .alert-free .glyphicons, .push-right .modal .alert-writing .glyphicons, .modal .push-right .alert-writing .glyphicons, .push-right .modal .alert-business .glyphicons, .modal .push-right .alert-business .glyphicons, .push-right .modal .alert-colloquial .glyphicons, .modal .push-right .alert-colloquial .glyphicons, .push-right .modal .alert-debate .glyphicons, .modal .push-right .alert-debate .glyphicons { left: 4px; }
.push-right .alert:after, .push-right .alert-info:after, .push-right .modal .alert-rating:after, .modal .push-right .alert-rating:after, .push-right .modal .alert-immersion:after, .modal .push-right .alert-immersion:after, .push-right .modal .alert-fluency:after, .modal .push-right .alert-fluency:after, .push-right .modal .alert-grammar:after, .modal .push-right .alert-grammar:after, .push-right .modal .alert-test:after, .modal .push-right .alert-test:after, .push-right .modal .alert-free:after, .modal .push-right .alert-free:after, .push-right .modal .alert-writing:after, .modal .push-right .alert-writing:after, .push-right .modal .alert-business:after, .modal .push-right .alert-business:after, .push-right .modal .alert-colloquial:after, .modal .push-right .alert-colloquial:after, .push-right .modal .alert-debate:after, .modal .push-right .alert-debate:after { content: ""; position: absolute; color: #FF2855; z-index: 1010; border-top: 30px solid transparent; border-right: 20px solid #FF2855; border-bottom: 30px solid transparent; border-left: none; top: auto; right: auto; bottom: auto; left: -20px; top: 50%; margin-top: -30px; }
.alert.no-arrow:after, .no-arrow.alert-info:after, .modal .no-arrow.alert-rating:after, .modal .no-arrow.alert-immersion:after, .modal .no-arrow.alert-fluency:after, .modal .no-arrow.alert-grammar:after, .modal .no-arrow.alert-test:after, .modal .no-arrow.alert-free:after, .modal .no-arrow.alert-writing:after, .modal .no-arrow.alert-business:after, .modal .no-arrow.alert-colloquial:after, .modal .no-arrow.alert-debate:after { content: none; }
.alert.no-arrow p, .no-arrow.alert-info p, .modal .no-arrow.alert-rating p, .modal .no-arrow.alert-immersion p, .modal .no-arrow.alert-fluency p, .modal .no-arrow.alert-grammar p, .modal .no-arrow.alert-test p, .modal .no-arrow.alert-free p, .modal .no-arrow.alert-writing p, .modal .no-arrow.alert-business p, .modal .no-arrow.alert-colloquial p, .modal .no-arrow.alert-debate p { margin-left: 40px; }
.alert.no-arrow .glyphicons, .no-arrow.alert-info .glyphicons, .modal .no-arrow.alert-rating .glyphicons, .modal .no-arrow.alert-immersion .glyphicons, .modal .no-arrow.alert-fluency .glyphicons, .modal .no-arrow.alert-grammar .glyphicons, .modal .no-arrow.alert-test .glyphicons, .modal .no-arrow.alert-free .glyphicons, .modal .no-arrow.alert-writing .glyphicons, .modal .no-arrow.alert-business .glyphicons, .modal .no-arrow.alert-colloquial .glyphicons, .modal .no-arrow.alert-debate .glyphicons { left: 12px; }

.alert-info { background-color: #002B44; }
.alert-info:after { border-left-color: #002B44; color: #002B44; }
.push-right .alert-info:after { border-right-color: #002B44; color: #002B44; }

.sign-in .alert, .sign-in .alert-info, .sign-in .modal .alert-rating, .modal .sign-in .alert-rating, .sign-in .modal .alert-immersion, .modal .sign-in .alert-immersion, .sign-in .modal .alert-fluency, .modal .sign-in .alert-fluency, .sign-in .modal .alert-grammar, .modal .sign-in .alert-grammar, .sign-in .modal .alert-test, .modal .sign-in .alert-test, .sign-in .modal .alert-free, .modal .sign-in .alert-free, .sign-in .modal .alert-writing, .modal .sign-in .alert-writing, .sign-in .modal .alert-business, .modal .sign-in .alert-business, .sign-in .modal .alert-colloquial, .modal .sign-in .alert-colloquial, .sign-in .modal .alert-debate, .modal .sign-in .alert-debate { background-color: #FF2855; margin-bottom: 5px; min-height: 0; }
.sign-in .alert:after, .sign-in .alert-info:after, .sign-in .modal .alert-rating:after, .modal .sign-in .alert-rating:after, .sign-in .modal .alert-immersion:after, .modal .sign-in .alert-immersion:after, .sign-in .modal .alert-fluency:after, .modal .sign-in .alert-fluency:after, .sign-in .modal .alert-grammar:after, .modal .sign-in .alert-grammar:after, .sign-in .modal .alert-test:after, .modal .sign-in .alert-test:after, .sign-in .modal .alert-free:after, .modal .sign-in .alert-free:after, .sign-in .modal .alert-writing:after, .modal .sign-in .alert-writing:after, .sign-in .modal .alert-business:after, .modal .sign-in .alert-business:after, .sign-in .modal .alert-colloquial:after, .modal .sign-in .alert-colloquial:after, .sign-in .modal .alert-debate:after, .modal .sign-in .alert-debate:after { content: ""; position: absolute; color: #FF2855; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #FF2855; border-left: 15px solid transparent; top: -10px; right: auto; bottom: auto; left: auto; left: 50%; margin-left: -15px; }
.sign-in .alert:after, .sign-in .alert-info:after, .sign-in .modal .alert-rating:after, .modal .sign-in .alert-rating:after, .sign-in .modal .alert-immersion:after, .modal .sign-in .alert-immersion:after, .sign-in .modal .alert-fluency:after, .modal .sign-in .alert-fluency:after, .sign-in .modal .alert-grammar:after, .modal .sign-in .alert-grammar:after, .sign-in .modal .alert-test:after, .modal .sign-in .alert-test:after, .sign-in .modal .alert-free:after, .modal .sign-in .alert-free:after, .sign-in .modal .alert-writing:after, .modal .sign-in .alert-writing:after, .sign-in .modal .alert-business:after, .modal .sign-in .alert-business:after, .sign-in .modal .alert-colloquial:after, .modal .sign-in .alert-colloquial:after, .sign-in .modal .alert-debate:after, .modal .sign-in .alert-debate:after { margin-top: 0; }
.sign-in .alert p, .sign-in .alert-info p, .sign-in .modal .alert-rating p, .modal .sign-in .alert-rating p, .sign-in .modal .alert-immersion p, .modal .sign-in .alert-immersion p, .sign-in .modal .alert-fluency p, .modal .sign-in .alert-fluency p, .sign-in .modal .alert-grammar p, .modal .sign-in .alert-grammar p, .sign-in .modal .alert-test p, .modal .sign-in .alert-test p, .sign-in .modal .alert-free p, .modal .sign-in .alert-free p, .sign-in .modal .alert-writing p, .modal .sign-in .alert-writing p, .sign-in .modal .alert-business p, .modal .sign-in .alert-business p, .sign-in .modal .alert-colloquial p, .modal .sign-in .alert-colloquial p, .sign-in .modal .alert-debate p, .modal .sign-in .alert-debate p { color: white; }

.modal .alert:after, .modal .alert-info:after, .modal .alert-rating:after, .modal .alert-immersion:after, .modal .alert-fluency:after, .modal .alert-grammar:after, .modal .alert-test:after, .modal .alert-free:after, .modal .alert-writing:after, .modal .alert-business:after, .modal .alert-colloquial:after, .modal .alert-debate:after { content: none; }
.modal .alert:after, .modal .alert-info:after, .modal .alert-rating:after, .modal .alert-immersion:after, .modal .alert-fluency:after, .modal .alert-grammar:after, .modal .alert-test:after, .modal .alert-free:after, .modal .alert-writing:after, .modal .alert-business:after, .modal .alert-colloquial:after, .modal .alert-debate:after { content: ""; position: absolute; color: #FF2855; z-index: 1010; border-top: 20px solid #FF2855; border-right: 30px solid transparent; border-bottom: none; border-left: 30px solid transparent; top: auto; right: auto; bottom: -20px; left: auto; left: 50%; margin-left: -30px; }
.modal .alert p, .modal .alert-info p, .modal .alert-rating p, .modal .alert-immersion p, .modal .alert-fluency p, .modal .alert-grammar p, .modal .alert-test p, .modal .alert-free p, .modal .alert-writing p, .modal .alert-business p, .modal .alert-colloquial p, .modal .alert-debate p { margin-left: 40px; }
.modal .alert .glyphicons, .modal .alert-info .glyphicons, .modal .alert-rating .glyphicons, .modal .alert-immersion .glyphicons, .modal .alert-fluency .glyphicons, .modal .alert-grammar .glyphicons, .modal .alert-test .glyphicons, .modal .alert-free .glyphicons, .modal .alert-writing .glyphicons, .modal .alert-business .glyphicons, .modal .alert-colloquial .glyphicons, .modal .alert-debate .glyphicons { left: 12px; }
.modal .alert.no-arrow:after, .modal .no-arrow.alert-info:after, .modal .no-arrow.alert-rating:after, .modal .no-arrow.alert-immersion:after, .modal .no-arrow.alert-fluency:after, .modal .no-arrow.alert-grammar:after, .modal .no-arrow.alert-test:after, .modal .no-arrow.alert-free:after, .modal .no-arrow.alert-writing:after, .modal .no-arrow.alert-business:after, .modal .no-arrow.alert-colloquial:after, .modal .no-arrow.alert-debate:after { content: none; }

.modal .alert-info:after { border-top-color: #002B44; color: #002B44; }

.modal .alert-rating, .modal .alert-immersion, .modal .alert-fluency, .modal .alert-grammar, .modal .alert-test, .modal .alert-free, .modal .alert-writing, .modal .alert-business, .modal .alert-colloquial, .modal .alert-debate { background-color: #001478; }
.modal .alert-rating:after, .modal .alert-immersion:after, .modal .alert-fluency:after, .modal .alert-grammar:after, .modal .alert-test:after, .modal .alert-free:after, .modal .alert-writing:after, .modal .alert-business:after, .modal .alert-colloquial:after, .modal .alert-debate:after { border-top-color: #001478; color: #001478; }
.modal .alert-rating .rating-block, .modal .alert-immersion .rating-block, .modal .alert-fluency .rating-block, .modal .alert-grammar .rating-block, .modal .alert-test .rating-block, .modal .alert-free .rating-block, .modal .alert-writing .rating-block, .modal .alert-business .rating-block, .modal .alert-colloquial .rating-block, .modal .alert-debate .rating-block { text-align: center; display: block; line-height: 42px; font-size: 42px; box-sizing: border-box; }
.modal .alert-rating .glyphicons, .modal .alert-immersion .glyphicons, .modal .alert-fluency .glyphicons, .modal .alert-grammar .glyphicons, .modal .alert-test .glyphicons, .modal .alert-free .glyphicons, .modal .alert-writing .glyphicons, .modal .alert-business .glyphicons, .modal .alert-colloquial .glyphicons, .modal .alert-debate .glyphicons { position: relative; display: inline-block; width: 42px; height: 42px; left: 0; top: 12px; }
.modal .alert-rating .glyphicons:before, .modal .alert-immersion .glyphicons:before, .modal .alert-fluency .glyphicons:before, .modal .alert-grammar .glyphicons:before, .modal .alert-test .glyphicons:before, .modal .alert-free .glyphicons:before, .modal .alert-writing .glyphicons:before, .modal .alert-business .glyphicons:before, .modal .alert-colloquial .glyphicons:before, .modal .alert-debate .glyphicons:before { font-size: 42px; }

.modal .alert-immersion { background-color: red; }
.modal .alert-immersion:after { border-top-color: red; color: red; }
.modal .alert-immersion p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-immersion p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-fluency { background-color: red; }
.modal .alert-fluency:after { border-top-color: red; color: red; }
.modal .alert-fluency p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-fluency p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-grammar { background-color: red; }
.modal .alert-grammar:after { border-top-color: red; color: red; }
.modal .alert-grammar p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-grammar p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-test { background-color: red; }
.modal .alert-test:after { border-top-color: red; color: red; }
.modal .alert-test p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-test p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-free { background-color: red; }
.modal .alert-free:after { border-top-color: red; color: red; }
.modal .alert-free p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-free p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-writing { background-color: red; }
.modal .alert-writing:after { border-top-color: red; color: red; }
.modal .alert-writing p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-writing p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-business { background-color: red; }
.modal .alert-business:after { border-top-color: red; color: red; }
.modal .alert-business p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-business p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-colloquial { background-color: red; }
.modal .alert-colloquial:after { border-top-color: red; color: red; }
.modal .alert-colloquial p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-colloquial p span { position: relative; display: inline-block; width: 42px; height: 42px; }

.modal .alert-debate { background-color: red; }
.modal .alert-debate:after { border-top-color: red; color: red; }
.modal .alert-debate p { margin-left: 0; text-align: center; line-height: 42px; font-size: 42px; }
.modal .alert-debate p span { position: relative; display: inline-block; width: 42px; height: 42px; }

@media screen and (max-width: 640px) { .tab-pane-new .alert-info p, .tab-pane-new .push-right .alert-info p, .tab-pane-webinar-upcoming .alert-info p, .tab-pane-webinar-upcoming .push-right .alert-info p, .tab-pane-webinar-rewatch .alert-info p, .tab-pane-webinar-rewatch .push-right .alert-info p, .tab-pane-videos .alert-info p, .tab-pane-videos .push-right .alert-info p, .tab-pane-podcasts .alert-info p, .tab-pane-podcasts .push-right .alert-info p, .tab-pane-webinar-upcoming-list .alert-info p, .tab-pane-webinar-upcoming-list .push-right .alert-info p, .tab-pane-webinar-rewatch-list .alert-info p, .tab-pane-webinar-rewatch-list .push-right .alert-info p { margin-left: 40px; }
  .tab-pane-new .alert-info .glyphicons, .tab-pane-new .push-right .alert-info .glyphicons, .tab-pane-webinar-upcoming .alert-info .glyphicons, .tab-pane-webinar-upcoming .push-right .alert-info .glyphicons, .tab-pane-webinar-rewatch .alert-info .glyphicons, .tab-pane-webinar-rewatch .push-right .alert-info .glyphicons, .tab-pane-videos .alert-info .glyphicons, .tab-pane-videos .push-right .alert-info .glyphicons, .tab-pane-podcasts .alert-info .glyphicons, .tab-pane-podcasts .push-right .alert-info .glyphicons, .tab-pane-webinar-upcoming-list .alert-info .glyphicons, .tab-pane-webinar-upcoming-list .push-right .alert-info .glyphicons, .tab-pane-webinar-rewatch-list .alert-info .glyphicons, .tab-pane-webinar-rewatch-list .push-right .alert-info .glyphicons { left: 12px; }
  .tab-pane-new .alert-info:after, .tab-pane-new .push-right .alert-info:after, .tab-pane-webinar-upcoming .alert-info:after, .tab-pane-webinar-upcoming .push-right .alert-info:after, .tab-pane-webinar-rewatch .alert-info:after, .tab-pane-webinar-rewatch .push-right .alert-info:after, .tab-pane-videos .alert-info:after, .tab-pane-videos .push-right .alert-info:after, .tab-pane-podcasts .alert-info:after, .tab-pane-podcasts .push-right .alert-info:after, .tab-pane-webinar-upcoming-list .alert-info:after, .tab-pane-webinar-upcoming-list .push-right .alert-info:after, .tab-pane-webinar-rewatch-list .alert-info:after, .tab-pane-webinar-rewatch-list .push-right .alert-info:after { content: none; }
  .tab-pane-new .alert-info:after, .tab-pane-new .push-right .alert-info:after, .tab-pane-webinar-upcoming .alert-info:after, .tab-pane-webinar-upcoming .push-right .alert-info:after, .tab-pane-webinar-rewatch .alert-info:after, .tab-pane-webinar-rewatch .push-right .alert-info:after, .tab-pane-videos .alert-info:after, .tab-pane-videos .push-right .alert-info:after, .tab-pane-podcasts .alert-info:after, .tab-pane-podcasts .push-right .alert-info:after, .tab-pane-webinar-upcoming-list .alert-info:after, .tab-pane-webinar-upcoming-list .push-right .alert-info:after, .tab-pane-webinar-rewatch-list .alert-info:after, .tab-pane-webinar-rewatch-list .push-right .alert-info:after { content: ""; position: absolute; color: #002B44; z-index: 1010; border-top: 20px solid #002B44; border-right: 30px solid transparent; border-bottom: none; border-left: 30px solid transparent; top: auto; right: auto; bottom: -20px; left: auto; left: 50%; margin-left: -30px; }
  .tab-pane-new .alert-info.no-arrow:after, .tab-pane-new .push-right .alert-info.no-arrow:after, .tab-pane-webinar-upcoming .alert-info.no-arrow:after, .tab-pane-webinar-upcoming .push-right .alert-info.no-arrow:after, .tab-pane-webinar-rewatch .alert-info.no-arrow:after, .tab-pane-webinar-rewatch .push-right .alert-info.no-arrow:after, .tab-pane-videos .alert-info.no-arrow:after, .tab-pane-videos .push-right .alert-info.no-arrow:after, .tab-pane-podcasts .alert-info.no-arrow:after, .tab-pane-podcasts .push-right .alert-info.no-arrow:after, .tab-pane-webinar-upcoming-list .alert-info.no-arrow:after, .tab-pane-webinar-upcoming-list .push-right .alert-info.no-arrow:after, .tab-pane-webinar-rewatch-list .alert-info.no-arrow:after, .tab-pane-webinar-rewatch-list .push-right .alert-info.no-arrow:after { content: none; } }
@media screen and (max-width: 480px) { .alert p, .alert-info p, .modal .alert-rating p, .modal .alert-immersion p, .modal .alert-fluency p, .modal .alert-grammar p, .modal .alert-test p, .modal .alert-free p, .modal .alert-writing p, .modal .alert-business p, .modal .alert-colloquial p, .modal .alert-debate p, .push-right .alert p, .push-right .alert-info p, .push-right .modal .alert-rating p, .modal .push-right .alert-rating p, .push-right .modal .alert-immersion p, .modal .push-right .alert-immersion p, .push-right .modal .alert-fluency p, .modal .push-right .alert-fluency p, .push-right .modal .alert-grammar p, .modal .push-right .alert-grammar p, .push-right .modal .alert-test p, .modal .push-right .alert-test p, .push-right .modal .alert-free p, .modal .push-right .alert-free p, .push-right .modal .alert-writing p, .modal .push-right .alert-writing p, .push-right .modal .alert-business p, .modal .push-right .alert-business p, .push-right .modal .alert-colloquial p, .modal .push-right .alert-colloquial p, .push-right .modal .alert-debate p, .modal .push-right .alert-debate p { margin-left: 40px; }
  .alert .glyphicons, .alert-info .glyphicons, .modal .alert-rating .glyphicons, .modal .alert-immersion .glyphicons, .modal .alert-fluency .glyphicons, .modal .alert-grammar .glyphicons, .modal .alert-test .glyphicons, .modal .alert-free .glyphicons, .modal .alert-writing .glyphicons, .modal .alert-business .glyphicons, .modal .alert-colloquial .glyphicons, .modal .alert-debate .glyphicons, .push-right .alert .glyphicons, .push-right .alert-info .glyphicons, .push-right .modal .alert-rating .glyphicons, .modal .push-right .alert-rating .glyphicons, .push-right .modal .alert-immersion .glyphicons, .modal .push-right .alert-immersion .glyphicons, .push-right .modal .alert-fluency .glyphicons, .modal .push-right .alert-fluency .glyphicons, .push-right .modal .alert-grammar .glyphicons, .modal .push-right .alert-grammar .glyphicons, .push-right .modal .alert-test .glyphicons, .modal .push-right .alert-test .glyphicons, .push-right .modal .alert-free .glyphicons, .modal .push-right .alert-free .glyphicons, .push-right .modal .alert-writing .glyphicons, .modal .push-right .alert-writing .glyphicons, .push-right .modal .alert-business .glyphicons, .modal .push-right .alert-business .glyphicons, .push-right .modal .alert-colloquial .glyphicons, .modal .push-right .alert-colloquial .glyphicons, .push-right .modal .alert-debate .glyphicons, .modal .push-right .alert-debate .glyphicons { left: 12px; }
  .alert:after, .alert-info:after, .modal .alert-rating:after, .modal .alert-immersion:after, .modal .alert-fluency:after, .modal .alert-grammar:after, .modal .alert-test:after, .modal .alert-free:after, .modal .alert-writing:after, .modal .alert-business:after, .modal .alert-colloquial:after, .modal .alert-debate:after, .push-right .alert:after, .push-right .alert-info:after, .push-right .modal .alert-rating:after, .modal .push-right .alert-rating:after, .push-right .modal .alert-immersion:after, .modal .push-right .alert-immersion:after, .push-right .modal .alert-fluency:after, .modal .push-right .alert-fluency:after, .push-right .modal .alert-grammar:after, .modal .push-right .alert-grammar:after, .push-right .modal .alert-test:after, .modal .push-right .alert-test:after, .push-right .modal .alert-free:after, .modal .push-right .alert-free:after, .push-right .modal .alert-writing:after, .modal .push-right .alert-writing:after, .push-right .modal .alert-business:after, .modal .push-right .alert-business:after, .push-right .modal .alert-colloquial:after, .modal .push-right .alert-colloquial:after, .push-right .modal .alert-debate:after, .modal .push-right .alert-debate:after { content: none; }
  .alert:after, .alert-info:after, .modal .alert-rating:after, .modal .alert-immersion:after, .modal .alert-fluency:after, .modal .alert-grammar:after, .modal .alert-test:after, .modal .alert-free:after, .modal .alert-writing:after, .modal .alert-business:after, .modal .alert-colloquial:after, .modal .alert-debate:after, .push-right .alert:after, .push-right .alert-info:after, .push-right .modal .alert-rating:after, .modal .push-right .alert-rating:after, .push-right .modal .alert-immersion:after, .modal .push-right .alert-immersion:after, .push-right .modal .alert-fluency:after, .modal .push-right .alert-fluency:after, .push-right .modal .alert-grammar:after, .modal .push-right .alert-grammar:after, .push-right .modal .alert-test:after, .modal .push-right .alert-test:after, .push-right .modal .alert-free:after, .modal .push-right .alert-free:after, .push-right .modal .alert-writing:after, .modal .push-right .alert-writing:after, .push-right .modal .alert-business:after, .modal .push-right .alert-business:after, .push-right .modal .alert-colloquial:after, .modal .push-right .alert-colloquial:after, .push-right .modal .alert-debate:after, .modal .push-right .alert-debate:after { content: ""; position: absolute; color: #FF2855; z-index: 1010; border-top: 20px solid #FF2855; border-right: 30px solid transparent; border-bottom: none; border-left: 30px solid transparent; top: auto; right: auto; bottom: -20px; left: auto; left: 50%; margin-left: -30px; }
  .alert.no-arrow:after, .no-arrow.alert-info:after, .modal .no-arrow.alert-rating:after, .modal .no-arrow.alert-immersion:after, .modal .no-arrow.alert-fluency:after, .modal .no-arrow.alert-grammar:after, .modal .no-arrow.alert-test:after, .modal .no-arrow.alert-free:after, .modal .no-arrow.alert-writing:after, .modal .no-arrow.alert-business:after, .modal .no-arrow.alert-colloquial:after, .modal .no-arrow.alert-debate:after, .push-right .alert.no-arrow:after, .push-right .no-arrow.alert-info:after, .push-right .modal .no-arrow.alert-rating:after, .modal .push-right .no-arrow.alert-rating:after, .push-right .modal .no-arrow.alert-immersion:after, .modal .push-right .no-arrow.alert-immersion:after, .push-right .modal .no-arrow.alert-fluency:after, .modal .push-right .no-arrow.alert-fluency:after, .push-right .modal .no-arrow.alert-grammar:after, .modal .push-right .no-arrow.alert-grammar:after, .push-right .modal .no-arrow.alert-test:after, .modal .push-right .no-arrow.alert-test:after, .push-right .modal .no-arrow.alert-free:after, .modal .push-right .no-arrow.alert-free:after, .push-right .modal .no-arrow.alert-writing:after, .modal .push-right .no-arrow.alert-writing:after, .push-right .modal .no-arrow.alert-business:after, .modal .push-right .no-arrow.alert-business:after, .push-right .modal .no-arrow.alert-colloquial:after, .modal .push-right .no-arrow.alert-colloquial:after, .push-right .modal .no-arrow.alert-debate:after, .modal .push-right .no-arrow.alert-debate:after { content: none; }
  .alert-info p, .push-right .alert-info p { margin-left: 40px; }
  .alert-info .glyphicons, .push-right .alert-info .glyphicons { left: 12px; }
  .alert-info:after, .push-right .alert-info:after { content: none; }
  .alert-info:after, .push-right .alert-info:after { content: ""; position: absolute; color: #002B44; z-index: 1010; border-top: 20px solid #002B44; border-right: 30px solid transparent; border-bottom: none; border-left: 30px solid transparent; top: auto; right: auto; bottom: -20px; left: auto; left: 50%; margin-left: -30px; }
  .alert-info.no-arrow:after, .push-right .alert-info.no-arrow:after { content: none; } }
/* Generated by Glyphter (http://www.glyphter.com) on  Thu Apr 15 2021*/
@font-face { font-family: "Astex Icons"; src: url("../fonts/astex-icons.eot"); src: url("../fonts/astex-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/astex-icons.woff") format("woff"), url("../fonts/astex-icons.ttf") format("truetype"), url("../fonts/astex-icons.svg#astex-icons") format("svg"); font-weight: normal; font-style: normal; }
[class*='astex-icon-']:before { display: inline-block; font-family: 'Astex Icons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.astex-icon-circle-add:before { content: '\0041'; }

.astex-icon-circle-lightbulb:before { content: '\0042'; }

.astex-icon-circle-pencil:before { content: '\0043'; }

.astex-icon-circle-redo:before { content: '\0044'; }

.astex-icon-circle-refresh:before { content: '\0045'; }

.astex-icon-circle-remove:before { content: '\0046'; }

.astex-icon-circle-search:before { content: '\0047'; }

.badge, .badge-alert, .badge-ok, .badge-key, .badge-key-available, .badge-key-class, .badge-extra, .badge-workshop, .badge-conversation, .badge-catalog { display: inline-block; min-width: 1.6em; padding: 0 4px; text-align: center; line-height: 22px; font-size: 13px; background-color: #C3C3C3; color: #999; position: relative; }
.badge:after, .badge-alert:after, .badge-ok:after, .badge-key:after, .badge-key-available:after, .badge-key-class:after, .badge-extra:after, .badge-workshop:after, .badge-conversation:after, .badge-catalog:after { content: ""; position: absolute; color: #C3C3C3; z-index: 1010; border-top: 11px solid transparent; border-right: 7px solid #C3C3C3; border-bottom: 11px solid transparent; border-left: none; top: auto; right: auto; bottom: auto; left: -7px; top: 50%; margin-top: -11px; }

h3 .badge, h3 .badge-alert, h3 .badge-ok, h3 .badge-key, h3 .badge-key-available, h3 .badge-key-class, h3 .badge-extra, h3 .badge-workshop, h3 .badge-conversation, h3 .badge-catalog, h4 .badge, h4 .badge-alert, h4 .badge-ok, h4 .badge-key, h4 .badge-key-available, h4 .badge-key-class, h4 .badge-extra, h4 .badge-workshop, h4 .badge-conversation, h4 .badge-catalog { font-size: 13px; font-family: "Mark OT Book", sans-serif; letter-spacing: normal; vertical-align: middle; margin-left: 5px; }
h3 .badge .halflings, h3 .badge-alert .halflings, h3 .badge-ok .halflings, h3 .badge-key .halflings, h3 .badge-key-available .halflings, h3 .badge-key-class .halflings, h3 .badge-extra .halflings, h3 .badge-workshop .halflings, h3 .badge-conversation .halflings, h3 .badge-catalog .halflings, h4 .badge .halflings, h4 .badge-alert .halflings, h4 .badge-ok .halflings, h4 .badge-key .halflings, h4 .badge-key-available .halflings, h4 .badge-key-class .halflings, h4 .badge-extra .halflings, h4 .badge-workshop .halflings, h4 .badge-conversation .halflings, h4 .badge-catalog .halflings { color: inherit; }

.section-tabs .badge-alert { font-weight: bold; font-family: "Mark OT Book", sans-serif; border-radius: 12px; padding: 1px 4px 0; position: absolute; top: 10px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.section-tabs .badge-alert:after { content: none; }
.section-tabs .badge-alert.hide { opacity: 0; }
.section-tabs .badge-alert.show { opacity: 1; }

.badge-alert { background-color: #FF2855; color: white; }
.badge-alert:after { border-right-color: #FF2855; color: #FF2855; }

.badge-ok { background-color: #001478; color: white; }
.badge-ok:after { border-right-color: #001478; color: #001478; }

.badge-key, .badge-key-available, .badge-key-class { background-color: #D7D7D5; }
.badge-key:after, .badge-key-available:after, .badge-key-class:after { content: none; }
.badge-key.multiple:before, .multiple.badge-key-available:before, .multiple.badge-key-class:before { content: ""; position: absolute; color: white; z-index: 1010; border-top: 10px solid transparent; border-right: 10px solid white; border-bottom: 10px solid transparent; border-left: none; top: auto; right: 0; bottom: auto; left: auto; top: 0; }
.badge-key.multiple:before, .multiple.badge-key-available:before, .multiple.badge-key-class:before { border-top: none; }

.badge-key-available { background-color: #001478; color: white; }

.badge-key-class { background-color: #FF2855; color: white; }

.list-filter.booking span { position: absolute; right: 10px; top: 50%; margin-top: -11px; display: inline-block; min-width: 1.6em; padding: 0 4px; text-align: center; line-height: 22px; font-size: 13px; color: white; }
.list-filter.booking .label-not { background-color: #D7D7D5 !important; color: #C3C3C3 !important; }
.list-filter.booking li.immersion > a:hover, .list-filter.booking li.immersion.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.immersion span { background-color: red; }
.list-filter.booking li.fluency > a:hover, .list-filter.booking li.fluency.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.fluency span { background-color: red; }
.list-filter.booking li.grammar > a:hover, .list-filter.booking li.grammar.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.grammar span { background-color: red; }
.list-filter.booking li.test > a:hover, .list-filter.booking li.test.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.test span { background-color: red; }
.list-filter.booking li.free > a:hover, .list-filter.booking li.free.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.free span { background-color: red; }
.list-filter.booking li.writing > a:hover, .list-filter.booking li.writing.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.writing span { background-color: red; }
.list-filter.booking li.business > a:hover, .list-filter.booking li.business.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.business span { background-color: red; }
.list-filter.booking li.colloquial > a:hover, .list-filter.booking li.colloquial.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.colloquial span { background-color: red; }
.list-filter.booking li.debate > a:hover, .list-filter.booking li.debate.selected > a { border-left-color: red; background-color: white; }
.list-filter.booking li.debate span { background-color: red; }

.list-static.legend, .legend.list-tasks, .legend.list-rating, .legend.module-objectives { position: relative; }
.list-static.legend li, .legend.list-tasks li, .legend.list-rating li, .legend.module-objectives li { padding-right: 90px; }
.list-static.legend span, .legend.list-tasks span, .legend.list-rating span, .legend.module-objectives span { position: absolute; right: 10px; top: 50%; margin-top: -11px; display: inline-block; min-width: 1.6em; padding: 0 4px; text-align: center; line-height: 22px; font-size: 13px; color: #C3C3C3; background-color: #D7D7D5; }

.badge-extra { background-color: red; color: white; }
.badge-extra:after { border-right-color: red; color: red; }

.badge-workshop { background-color: red; color: white; }
.badge-workshop:after { border-right-color: red; color: red; }

.badge-conversation { background-color: red; color: white; }
.badge-conversation:after { border-right-color: red; color: red; }

.badge-catalog { background-color: red; color: white; }
.badge-catalog:after { border-right-color: red; color: red; }

.badge-user-rating { position: absolute; right: 5px; top: 8px; background-color: #001478; padding: 4px 5px 0px; border-radius: 12px; }
.badge-user-rating .rating-block { display: block; float: right; line-height: 18px; }
.badge-user-rating .rating-block .glyphicons { float: none; position: relative; padding-left: 14px; }
.badge-user-rating .rating-block .glyphicons:before { font-size: 14px; color: white; }
.badge-user-rating .rating-block .glyphicons + .glyphicons { margin-right: 0; }

.modal blockquote { background-color: #e3e9e9; padding: 10px; margin-top: 20px; }
.modal blockquote:before, .modal blockquote:after { content: none; }
.modal blockquote:first-child { margin-top: 0; }
.modal blockquote p { margin-bottom: 0; margin-top: 1.5em; }
.modal blockquote p:first-child { margin-top: 0; }
.modal blockquote footer { background-color: transparent; padding: 0; text-align: right; color: #AAA; font-size: 12px; }

button, .button, .button-alt, .button-signout, .button-cancel, .button-secondary, .button-alert, .button-join, .test-item .button-test, .button-ok, .button-profile, .button-search, .button-icon, .button-notification, .button-view-all, .button-book, .button-class, .button-send, .button-level, .button-purchase, .test-item .button-report { display: inline-block; padding: 1em 2em; font-size: 1em; font-family: "Mark OT Book", sans-serif; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; border: 3px solid #D7D7D5; color: #999; cursor: pointer; outline-width: 0; -webkit-tap-highlight-color: transparent; }
button:hover, .button:hover, .button-alt:hover, .button-signout:hover, .button-cancel:hover, .button-secondary:hover, .button-alert:hover, .button-join:hover, .test-item .button-test:hover, .button-ok:hover, .button-profile:hover, .button-search:hover, .button-icon:hover, .button-notification:hover, .button-view-all:hover, .button-book:hover, .button-class:hover, .button-send:hover, .button-level:hover, .button-purchase:hover, .test-item .button-report:hover { background-color: transparent; border-color: #bebebb; color: #505050; }
#dropdown-notifications button, #dropdown-calendar button, #dropdown-notifications .button, #dropdown-notifications .button-alt, #dropdown-notifications .button-signout, #dropdown-notifications .button-cancel, #dropdown-notifications .button-secondary, #dropdown-notifications .button-alert, #dropdown-notifications .button-join, #dropdown-notifications .test-item .button-test, .test-item #dropdown-notifications .button-test, #dropdown-notifications .button-ok, #dropdown-notifications .button-profile, #dropdown-notifications .button-search, #dropdown-notifications .button-icon, #dropdown-notifications .button-notification, #dropdown-notifications .button-view-all, #dropdown-notifications .button-book, #dropdown-notifications .button-class, #dropdown-notifications .button-send, #dropdown-notifications .button-level, #dropdown-notifications .button-purchase, #dropdown-notifications .test-item .button-report, .test-item #dropdown-notifications .button-report, #dropdown-calendar .button, #dropdown-calendar .button-alt, #dropdown-calendar .button-signout, #dropdown-calendar .button-cancel, #dropdown-calendar .button-secondary, #dropdown-calendar .button-alert, #dropdown-calendar .button-join, #dropdown-calendar .test-item .button-test, .test-item #dropdown-calendar .button-test, #dropdown-calendar .button-ok, #dropdown-calendar .button-profile, #dropdown-calendar .button-search, #dropdown-calendar .button-icon, #dropdown-calendar .button-notification, #dropdown-calendar .button-view-all, #dropdown-calendar .button-book, #dropdown-calendar .button-class, #dropdown-calendar .button-send, #dropdown-calendar .button-level, #dropdown-calendar .button-purchase, #dropdown-calendar .test-item .button-report, .test-item #dropdown-calendar .button-report { width: 100%; }
.list-checkboxes button, .list-chosen button, .list-filter button, .list-action button, .list-incomplete button, .list-bookings button, .list-bookings-group button, .list-bookings-alt button, .list-static button, .list-tasks button, .list-rating button, .module-objectives button, .list-modules button, .list-checkboxes .button, .list-chosen .button, .list-filter .button, .list-action .button, .list-incomplete .button, .list-bookings .button, .list-bookings-group .button, .list-bookings-alt .button, .list-static .button, .list-tasks .button, .list-rating .button, .module-objectives .button, .list-modules .button, .list-checkboxes .button-alt, .list-chosen .button-alt, .list-filter .button-alt, .list-action .button-alt, .list-incomplete .button-alt, .list-bookings .button-alt, .list-bookings-group .button-alt, .list-bookings-alt .button-alt, .list-static .button-alt, .list-tasks .button-alt, .list-rating .button-alt, .module-objectives .button-alt, .list-modules .button-alt, .list-checkboxes .button-signout, .list-chosen .button-signout, .list-filter .button-signout, .list-action .button-signout, .list-incomplete .button-signout, .list-bookings .button-signout, .list-bookings-group .button-signout, .list-bookings-alt .button-signout, .list-static .button-signout, .list-tasks .button-signout, .list-rating .button-signout, .module-objectives .button-signout, .list-modules .button-signout, .list-checkboxes .button-cancel, .list-chosen .button-cancel, .list-filter .button-cancel, .list-action .button-cancel, .list-incomplete .button-cancel, .list-bookings .button-cancel, .list-bookings-group .button-cancel, .list-bookings-alt .button-cancel, .list-static .button-cancel, .list-tasks .button-cancel, .list-rating .button-cancel, .module-objectives .button-cancel, .list-modules .button-cancel, .list-checkboxes .button-secondary, .list-chosen .button-secondary, .list-filter .button-secondary, .list-action .button-secondary, .list-incomplete .button-secondary, .list-bookings .button-secondary, .list-bookings-group .button-secondary, .list-bookings-alt .button-secondary, .list-static .button-secondary, .list-tasks .button-secondary, .list-rating .button-secondary, .module-objectives .button-secondary, .list-modules .button-secondary, .list-checkboxes .button-alert, .list-chosen .button-alert, .list-filter .button-alert, .list-action .button-alert, .list-incomplete .button-alert, .list-bookings .button-alert, .list-bookings-group .button-alert, .list-bookings-alt .button-alert, .list-static .button-alert, .list-tasks .button-alert, .list-rating .button-alert, .module-objectives .button-alert, .list-modules .button-alert, .list-checkboxes .button-join, .list-chosen .button-join, .list-filter .button-join, .list-action .button-join, .list-incomplete .button-join, .list-bookings .button-join, .list-bookings-group .button-join, .list-bookings-alt .button-join, .list-static .button-join, .list-tasks .button-join, .list-rating .button-join, .module-objectives .button-join, .list-modules .button-join, .list-checkboxes .test-item .button-test, .test-item .list-checkboxes .button-test, .list-chosen .test-item .button-test, .test-item .list-chosen .button-test, .list-filter .test-item .button-test, .test-item .list-filter .button-test, .list-action .test-item .button-test, .test-item .list-action .button-test, .list-incomplete .test-item .button-test, .test-item .list-incomplete .button-test, .list-bookings .test-item .button-test, .test-item .list-bookings .button-test, .list-bookings-group .test-item .button-test, .test-item .list-bookings-group .button-test, .list-bookings-alt .test-item .button-test, .test-item .list-bookings-alt .button-test, .list-static .test-item .button-test, .test-item .list-static .button-test, .list-tasks .test-item .button-test, .test-item .list-tasks .button-test, .list-rating .test-item .button-test, .test-item .list-rating .button-test, .module-objectives .test-item .button-test, .test-item .module-objectives .button-test, .list-modules .test-item .button-test, .test-item .list-modules .button-test, .list-checkboxes .button-ok, .list-chosen .button-ok, .list-filter .button-ok, .list-action .button-ok, .list-incomplete .button-ok, .list-bookings .button-ok, .list-bookings-group .button-ok, .list-bookings-alt .button-ok, .list-static .button-ok, .list-tasks .button-ok, .list-rating .button-ok, .module-objectives .button-ok, .list-modules .button-ok, .list-checkboxes .button-profile, .list-chosen .button-profile, .list-filter .button-profile, .list-action .button-profile, .list-incomplete .button-profile, .list-bookings .button-profile, .list-bookings-group .button-profile, .list-bookings-alt .button-profile, .list-static .button-profile, .list-tasks .button-profile, .list-rating .button-profile, .module-objectives .button-profile, .list-modules .button-profile, .list-checkboxes .button-search, .list-chosen .button-search, .list-filter .button-search, .list-action .button-search, .list-incomplete .button-search, .list-bookings .button-search, .list-bookings-group .button-search, .list-bookings-alt .button-search, .list-static .button-search, .list-tasks .button-search, .list-rating .button-search, .module-objectives .button-search, .list-modules .button-search, .list-checkboxes .button-icon, .list-chosen .button-icon, .list-filter .button-icon, .list-action .button-icon, .list-incomplete .button-icon, .list-bookings .button-icon, .list-bookings-group .button-icon, .list-bookings-alt .button-icon, .list-static .button-icon, .list-tasks .button-icon, .list-rating .button-icon, .module-objectives .button-icon, .list-modules .button-icon, .list-checkboxes .button-notification, .list-chosen .button-notification, .list-filter .button-notification, .list-action .button-notification, .list-incomplete .button-notification, .list-bookings .button-notification, .list-bookings-group .button-notification, .list-bookings-alt .button-notification, .list-static .button-notification, .list-tasks .button-notification, .list-rating .button-notification, .module-objectives .button-notification, .list-modules .button-notification, .list-checkboxes .button-view-all, .list-chosen .button-view-all, .list-filter .button-view-all, .list-action .button-view-all, .list-incomplete .button-view-all, .list-bookings .button-view-all, .list-bookings-group .button-view-all, .list-bookings-alt .button-view-all, .list-static .button-view-all, .list-tasks .button-view-all, .list-rating .button-view-all, .module-objectives .button-view-all, .list-modules .button-view-all, .list-checkboxes .button-book, .list-chosen .button-book, .list-filter .button-book, .list-action .button-book, .list-incomplete .button-book, .list-bookings .button-book, .list-bookings-group .button-book, .list-bookings-alt .button-book, .list-static .button-book, .list-tasks .button-book, .list-rating .button-book, .module-objectives .button-book, .list-modules .button-book, .list-checkboxes .button-class, .list-chosen .button-class, .list-filter .button-class, .list-action .button-class, .list-incomplete .button-class, .list-bookings .button-class, .list-bookings-group .button-class, .list-bookings-alt .button-class, .list-static .button-class, .list-tasks .button-class, .list-rating .button-class, .module-objectives .button-class, .list-modules .button-class, .list-checkboxes .button-send, .list-chosen .button-send, .list-filter .button-send, .list-action .button-send, .list-incomplete .button-send, .list-bookings .button-send, .list-bookings-group .button-send, .list-bookings-alt .button-send, .list-static .button-send, .list-tasks .button-send, .list-rating .button-send, .module-objectives .button-send, .list-modules .button-send, .list-checkboxes .button-level, .list-chosen .button-level, .list-filter .button-level, .list-action .button-level, .list-incomplete .button-level, .list-bookings .button-level, .list-bookings-group .button-level, .list-bookings-alt .button-level, .list-static .button-level, .list-tasks .button-level, .list-rating .button-level, .module-objectives .button-level, .list-modules .button-level, .list-checkboxes .button-purchase, .list-chosen .button-purchase, .list-filter .button-purchase, .list-action .button-purchase, .list-incomplete .button-purchase, .list-bookings .button-purchase, .list-bookings-group .button-purchase, .list-bookings-alt .button-purchase, .list-static .button-purchase, .list-tasks .button-purchase, .list-rating .button-purchase, .module-objectives .button-purchase, .list-modules .button-purchase, .list-checkboxes .test-item .button-report, .test-item .list-checkboxes .button-report, .list-chosen .test-item .button-report, .test-item .list-chosen .button-report, .list-filter .test-item .button-report, .test-item .list-filter .button-report, .list-action .test-item .button-report, .test-item .list-action .button-report, .list-incomplete .test-item .button-report, .test-item .list-incomplete .button-report, .list-bookings .test-item .button-report, .test-item .list-bookings .button-report, .list-bookings-group .test-item .button-report, .test-item .list-bookings-group .button-report, .list-bookings-alt .test-item .button-report, .test-item .list-bookings-alt .button-report, .list-static .test-item .button-report, .test-item .list-static .button-report, .list-tasks .test-item .button-report, .test-item .list-tasks .button-report, .list-rating .test-item .button-report, .test-item .list-rating .button-report, .module-objectives .test-item .button-report, .test-item .module-objectives .button-report, .list-modules .test-item .button-report, .test-item .list-modules .button-report { padding: 1em 2em; display: inline-block; border: 3px solid #D7D7D5; }
.list-checkboxes button:hover, .list-chosen button:hover, .list-filter button:hover, .list-action button:hover, .list-incomplete button:hover, .list-bookings button:hover, .list-bookings-group button:hover, .list-bookings-alt button:hover, .list-static button:hover, .list-tasks button:hover, .list-rating button:hover, .module-objectives button:hover, .list-modules button:hover, .list-checkboxes .button:hover, .list-chosen .button:hover, .list-filter .button:hover, .list-action .button:hover, .list-incomplete .button:hover, .list-bookings .button:hover, .list-bookings-group .button:hover, .list-bookings-alt .button:hover, .list-static .button:hover, .list-tasks .button:hover, .list-rating .button:hover, .module-objectives .button:hover, .list-modules .button:hover, .list-checkboxes .button-alt:hover, .list-chosen .button-alt:hover, .list-filter .button-alt:hover, .list-action .button-alt:hover, .list-incomplete .button-alt:hover, .list-bookings .button-alt:hover, .list-bookings-group .button-alt:hover, .list-bookings-alt .button-alt:hover, .list-static .button-alt:hover, .list-tasks .button-alt:hover, .list-rating .button-alt:hover, .module-objectives .button-alt:hover, .list-modules .button-alt:hover, .list-checkboxes .button-signout:hover, .list-chosen .button-signout:hover, .list-filter .button-signout:hover, .list-action .button-signout:hover, .list-incomplete .button-signout:hover, .list-bookings .button-signout:hover, .list-bookings-group .button-signout:hover, .list-bookings-alt .button-signout:hover, .list-static .button-signout:hover, .list-tasks .button-signout:hover, .list-rating .button-signout:hover, .module-objectives .button-signout:hover, .list-modules .button-signout:hover, .list-checkboxes .button-cancel:hover, .list-chosen .button-cancel:hover, .list-filter .button-cancel:hover, .list-action .button-cancel:hover, .list-incomplete .button-cancel:hover, .list-bookings .button-cancel:hover, .list-bookings-group .button-cancel:hover, .list-bookings-alt .button-cancel:hover, .list-static .button-cancel:hover, .list-tasks .button-cancel:hover, .list-rating .button-cancel:hover, .module-objectives .button-cancel:hover, .list-modules .button-cancel:hover, .list-checkboxes .button-secondary:hover, .list-chosen .button-secondary:hover, .list-filter .button-secondary:hover, .list-action .button-secondary:hover, .list-incomplete .button-secondary:hover, .list-bookings .button-secondary:hover, .list-bookings-group .button-secondary:hover, .list-bookings-alt .button-secondary:hover, .list-static .button-secondary:hover, .list-tasks .button-secondary:hover, .list-rating .button-secondary:hover, .module-objectives .button-secondary:hover, .list-modules .button-secondary:hover, .list-checkboxes .button-alert:hover, .list-chosen .button-alert:hover, .list-filter .button-alert:hover, .list-action .button-alert:hover, .list-incomplete .button-alert:hover, .list-bookings .button-alert:hover, .list-bookings-group .button-alert:hover, .list-bookings-alt .button-alert:hover, .list-static .button-alert:hover, .list-tasks .button-alert:hover, .list-rating .button-alert:hover, .module-objectives .button-alert:hover, .list-modules .button-alert:hover, .list-checkboxes .button-join:hover, .list-chosen .button-join:hover, .list-filter .button-join:hover, .list-action .button-join:hover, .list-incomplete .button-join:hover, .list-bookings .button-join:hover, .list-bookings-group .button-join:hover, .list-bookings-alt .button-join:hover, .list-static .button-join:hover, .list-tasks .button-join:hover, .list-rating .button-join:hover, .module-objectives .button-join:hover, .list-modules .button-join:hover, .list-checkboxes .test-item .button-test:hover, .test-item .list-checkboxes .button-test:hover, .list-chosen .test-item .button-test:hover, .test-item .list-chosen .button-test:hover, .list-filter .test-item .button-test:hover, .test-item .list-filter .button-test:hover, .list-action .test-item .button-test:hover, .test-item .list-action .button-test:hover, .list-incomplete .test-item .button-test:hover, .test-item .list-incomplete .button-test:hover, .list-bookings .test-item .button-test:hover, .test-item .list-bookings .button-test:hover, .list-bookings-group .test-item .button-test:hover, .test-item .list-bookings-group .button-test:hover, .list-bookings-alt .test-item .button-test:hover, .test-item .list-bookings-alt .button-test:hover, .list-static .test-item .button-test:hover, .test-item .list-static .button-test:hover, .list-tasks .test-item .button-test:hover, .test-item .list-tasks .button-test:hover, .list-rating .test-item .button-test:hover, .test-item .list-rating .button-test:hover, .module-objectives .test-item .button-test:hover, .test-item .module-objectives .button-test:hover, .list-modules .test-item .button-test:hover, .test-item .list-modules .button-test:hover, .list-checkboxes .button-ok:hover, .list-chosen .button-ok:hover, .list-filter .button-ok:hover, .list-action .button-ok:hover, .list-incomplete .button-ok:hover, .list-bookings .button-ok:hover, .list-bookings-group .button-ok:hover, .list-bookings-alt .button-ok:hover, .list-static .button-ok:hover, .list-tasks .button-ok:hover, .list-rating .button-ok:hover, .module-objectives .button-ok:hover, .list-modules .button-ok:hover, .list-checkboxes .button-profile:hover, .list-chosen .button-profile:hover, .list-filter .button-profile:hover, .list-action .button-profile:hover, .list-incomplete .button-profile:hover, .list-bookings .button-profile:hover, .list-bookings-group .button-profile:hover, .list-bookings-alt .button-profile:hover, .list-static .button-profile:hover, .list-tasks .button-profile:hover, .list-rating .button-profile:hover, .module-objectives .button-profile:hover, .list-modules .button-profile:hover, .list-checkboxes .button-search:hover, .list-chosen .button-search:hover, .list-filter .button-search:hover, .list-action .button-search:hover, .list-incomplete .button-search:hover, .list-bookings .button-search:hover, .list-bookings-group .button-search:hover, .list-bookings-alt .button-search:hover, .list-static .button-search:hover, .list-tasks .button-search:hover, .list-rating .button-search:hover, .module-objectives .button-search:hover, .list-modules .button-search:hover, .list-checkboxes .button-icon:hover, .list-chosen .button-icon:hover, .list-filter .button-icon:hover, .list-action .button-icon:hover, .list-incomplete .button-icon:hover, .list-bookings .button-icon:hover, .list-bookings-group .button-icon:hover, .list-bookings-alt .button-icon:hover, .list-static .button-icon:hover, .list-tasks .button-icon:hover, .list-rating .button-icon:hover, .module-objectives .button-icon:hover, .list-modules .button-icon:hover, .list-checkboxes .button-notification:hover, .list-chosen .button-notification:hover, .list-filter .button-notification:hover, .list-action .button-notification:hover, .list-incomplete .button-notification:hover, .list-bookings .button-notification:hover, .list-bookings-group .button-notification:hover, .list-bookings-alt .button-notification:hover, .list-static .button-notification:hover, .list-tasks .button-notification:hover, .list-rating .button-notification:hover, .module-objectives .button-notification:hover, .list-modules .button-notification:hover, .list-checkboxes .button-view-all:hover, .list-chosen .button-view-all:hover, .list-filter .button-view-all:hover, .list-action .button-view-all:hover, .list-incomplete .button-view-all:hover, .list-bookings .button-view-all:hover, .list-bookings-group .button-view-all:hover, .list-bookings-alt .button-view-all:hover, .list-static .button-view-all:hover, .list-tasks .button-view-all:hover, .list-rating .button-view-all:hover, .module-objectives .button-view-all:hover, .list-modules .button-view-all:hover, .list-checkboxes .button-book:hover, .list-chosen .button-book:hover, .list-filter .button-book:hover, .list-action .button-book:hover, .list-incomplete .button-book:hover, .list-bookings .button-book:hover, .list-bookings-group .button-book:hover, .list-bookings-alt .button-book:hover, .list-static .button-book:hover, .list-tasks .button-book:hover, .list-rating .button-book:hover, .module-objectives .button-book:hover, .list-modules .button-book:hover, .list-checkboxes .button-class:hover, .list-chosen .button-class:hover, .list-filter .button-class:hover, .list-action .button-class:hover, .list-incomplete .button-class:hover, .list-bookings .button-class:hover, .list-bookings-group .button-class:hover, .list-bookings-alt .button-class:hover, .list-static .button-class:hover, .list-tasks .button-class:hover, .list-rating .button-class:hover, .module-objectives .button-class:hover, .list-modules .button-class:hover, .list-checkboxes .button-send:hover, .list-chosen .button-send:hover, .list-filter .button-send:hover, .list-action .button-send:hover, .list-incomplete .button-send:hover, .list-bookings .button-send:hover, .list-bookings-group .button-send:hover, .list-bookings-alt .button-send:hover, .list-static .button-send:hover, .list-tasks .button-send:hover, .list-rating .button-send:hover, .module-objectives .button-send:hover, .list-modules .button-send:hover, .list-checkboxes .button-level:hover, .list-chosen .button-level:hover, .list-filter .button-level:hover, .list-action .button-level:hover, .list-incomplete .button-level:hover, .list-bookings .button-level:hover, .list-bookings-group .button-level:hover, .list-bookings-alt .button-level:hover, .list-static .button-level:hover, .list-tasks .button-level:hover, .list-rating .button-level:hover, .module-objectives .button-level:hover, .list-modules .button-level:hover, .list-checkboxes .button-purchase:hover, .list-chosen .button-purchase:hover, .list-filter .button-purchase:hover, .list-action .button-purchase:hover, .list-incomplete .button-purchase:hover, .list-bookings .button-purchase:hover, .list-bookings-group .button-purchase:hover, .list-bookings-alt .button-purchase:hover, .list-static .button-purchase:hover, .list-tasks .button-purchase:hover, .list-rating .button-purchase:hover, .module-objectives .button-purchase:hover, .list-modules .button-purchase:hover, .list-checkboxes .test-item .button-report:hover, .test-item .list-checkboxes .button-report:hover, .list-chosen .test-item .button-report:hover, .test-item .list-chosen .button-report:hover, .list-filter .test-item .button-report:hover, .test-item .list-filter .button-report:hover, .list-action .test-item .button-report:hover, .test-item .list-action .button-report:hover, .list-incomplete .test-item .button-report:hover, .test-item .list-incomplete .button-report:hover, .list-bookings .test-item .button-report:hover, .test-item .list-bookings .button-report:hover, .list-bookings-group .test-item .button-report:hover, .test-item .list-bookings-group .button-report:hover, .list-bookings-alt .test-item .button-report:hover, .test-item .list-bookings-alt .button-report:hover, .list-static .test-item .button-report:hover, .test-item .list-static .button-report:hover, .list-tasks .test-item .button-report:hover, .test-item .list-tasks .button-report:hover, .list-rating .test-item .button-report:hover, .test-item .list-rating .button-report:hover, .module-objectives .test-item .button-report:hover, .test-item .module-objectives .button-report:hover, .list-modules .test-item .button-report:hover, .test-item .list-modules .button-report:hover { background-color: transparent; border-color: #bebebb; color: #505050; }

.button-alt, .button-signout, .button-cancel { background-color: #D7D7D5; border-color: #D7D7D5; color: #999; }
.button-alt:hover, .button-signout:hover, .button-cancel:hover { background-color: #bebebb; border-color: #bebebb; color: #505050; }

.button-secondary { background-color: transparent; border-color: #D7D7D5; color: #bebebb; }
.button-secondary:hover { background-color: transparent; border-color: #a5a5a1; color: #8c8c87; }

.button-alert, .button-join, .test-item .button-test { background-color: #FF2855; border-color: #FF2855; color: white; }
.button-alert:hover, .button-join:hover, .test-item .button-test:hover { background-color: #f40033; border-color: #f40033; color: white; }

.button-ok { background-color: #001478; border-color: #001478; color: white; }
.button-ok:hover { background-color: #000c45; border-color: #000c45; color: white; }

.button-profile { margin-right: 2%; width: 56%; padding-left: 0; padding-right: 0; }

.button-signout { width: 40%; padding-left: 0; padding-right: 0; }

.button-search { background-color: transparent; position: absolute; padding: 1.1em; font-size: 0.7em; border: none; color: #999; top: 0; right: 0; }
#dropdown-search .button-search { top: 10px; right: 10px; margin: 0; }
.button-search .glyphicons { padding-left: 13px; }
.button-search .glyphicons:before { font-size: 14px; }

.button-join { width: 100%; background-color: #FF2855; border-color: #D7D7D5; }
.button-join:hover { background-color: #c10028; border-color: #c10028; }

.button-icon { border: none; padding: 0; width: 44px; height: 44px; font-size: 24px; }
.button-icon span { line-height: 24px; }

.button-icon-circle { display: block; position: relative; width: 44px; height: 44px; line-height: 44px; padding: 0; background-color: #001478; border-radius: 22px; }
.button-icon-circle .glyphicons { position: absolute; width: 44px; height: 44px; }
.button-icon-circle .glyphicons:before { font-size: 32px; line-height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; }
.button-icon-circle span { left: 0; }
.button-icon-circle span:before { color: white; }

.button-notification, .button-view-all { width: 100%; margin-bottom: 20px; }

.button-toolbar { margin-bottom: 20px; }
.button-toolbar .button, .button-toolbar .button-alt, .button-toolbar .button-signout, .button-toolbar .button-cancel, .button-toolbar .button-secondary, .button-toolbar .button-alert, .button-toolbar .button-join, .button-toolbar .test-item .button-test, .test-item .button-toolbar .button-test, .button-toolbar .button-ok, .button-toolbar .button-profile, .button-toolbar .button-search, .button-toolbar .button-icon, .button-toolbar .button-notification, .button-toolbar .button-view-all, .button-toolbar .button-book, .button-toolbar .button-class, .button-toolbar .button-send, .button-toolbar .button-level, .button-toolbar .button-purchase, .button-toolbar .test-item .button-report, .test-item .button-toolbar .button-report { padding-left: 0; padding-right: 0; width: 49%; float: right; }
.button-toolbar .button:first-child, .button-toolbar .button-alt:first-child, .button-toolbar .button-signout:first-child, .button-toolbar .button-cancel:first-child, .button-toolbar .button-secondary:first-child, .button-toolbar .button-alert:first-child, .button-toolbar .button-join:first-child, .button-toolbar .test-item .button-test:first-child, .test-item .button-toolbar .button-test:first-child, .button-toolbar .button-ok:first-child, .button-toolbar .button-profile:first-child, .button-toolbar .button-search:first-child, .button-toolbar .button-icon:first-child, .button-toolbar .button-notification:first-child, .button-toolbar .button-view-all:first-child, .button-toolbar .button-book:first-child, .button-toolbar .button-class:first-child, .button-toolbar .button-send:first-child, .button-toolbar .button-level:first-child, .button-toolbar .button-purchase:first-child, .button-toolbar .test-item .button-report:first-child, .test-item .button-toolbar .button-report:first-child { float: none; }

.button-close { float: right; border: none; padding: 0; width: 44px; height: 44px; position: relative; color: #999; }
.button-close:hover { background-color: transparent; border-color: #bebebb; color: #505050; }
.button-close .halflings { position: absolute; top: 0; right: 2px; margin-top: 0; }
.lt-ie9 .button-close .halflings { top: -22px; right: 3px; }

.button-book { border-color: #001478; color: #001478; }
.button-book:hover { border-color: #001478; color: #001478; }

.button-class { border-color: #FF2855; color: #FF2855; }
.button-class:hover { border-color: #FF2855; color: #FF2855; }

.button-send { border-color: #001478; color: #001478; }
.button-send:hover { border-color: #001478; color: #001478; }

.button-level { display: block; padding: 6px 0; margin-top: 0; background-color: #D7D7D5; color: #999; border: none; }
.button-level:hover { background-color: #D7D7D5; }
.button-level:empty { height: 34px; background-color: #e3e9e9; color: #C3C3C3; }
.button-level.active { background-color: #FF2855 !important; color: white !important; }

/*
.dataTables_paginate.paging_two_button {
	text-align: right;
	
	a {
		@extend .button;
		margin-left: 5px;
		
		&.paginate_disabled_next, &.paginate_disabled_previous {
			display: none;
		}
	}
}
*/
.button-purchase { border-radius: 26px; background-color: #001478; border: none; color: white; font-family: "Mark OT Bold", sans-serif; }
.button-purchase:hover { background-color: #000c45; color: #e6e6e6; }
.purchase-info-panel .button-purchase { width: 100%; }

/*
.button-purchase {
				display: inline-block;
				box-sizing: border-box;
				width: auto;
				text-align: center;
				padding: 1em 2em;
				
				background-color: $color-success;
				border: none;
				color: white;
				font-family: $font-family-alt;
			}
			
			.purchase-info-panel .button-purchase {
				width: 100%;
				padding: 1em 0;
			}
*/
div.calendar { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.calendar table { width: 100%; border-spacing: 3px; border-collapse: separate; background-color: white; }
div.calendar th, div.calendar td { padding: 0; text-align: center; width: 14.28571%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.calendar thead th { font-weight: normal; background-color: white; position: relative; }
div.calendar thead th.today:after { content: ""; position: absolute; color: #D7D7D5; z-index: 1010; border-top: none; border-right: 22.5px solid transparent; border-bottom: 15px solid #D7D7D5; border-left: 22.5px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -22.5px; }
div.calendar thead th.today:after { bottom: -6px; }
div.calendar thead .week { line-height: 44px; font-size: 1.75em; text-align: center; }
div.calendar thead .week th.last { text-align: left; padding-left: 8px; }
div.calendar thead .week th.title { font-family: "Mark OT Bold", sans-serif; }
div.calendar thead .week th.next { text-align: right; padding-right: 8px; }
div.calendar thead .week a { background-color: transparent !important; font-size: 1.5em; text-decoration: none; color: #999; }
div.calendar thead tr.day th { padding: 8px 0; }
div.calendar thead tr.day th span { display: block; }
div.calendar thead tr.day th span:last-child { font-size: 18px; }
div.calendar thead tr.day th.today { color: #FF2855; background-color: white; }
div.calendar thead .day-dddd { display: table-row; }
div.calendar thead .day-dd { display: none; }
div.calendar thead .day-d { display: none; }
@media screen and (max-width: 840px) { div.calendar thead .day-dddd { display: none; }
  div.calendar thead .day-dd { display: table-row; }
  div.calendar thead .day-d { display: none; } }
@media screen and (max-width: 480px) { div.calendar thead .day-dddd { display: none; }
  div.calendar thead .day-dd { display: none; }
  div.calendar thead .day-d { display: table-row; } }
div.calendar tbody td span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; padding: 6px 0px; font-size: 0.8125em; background-color: #D7D7D5; color: #999; }
@media screen and (max-width: 1000px) { div.calendar tbody td span { width: 100%; } }
div.calendar tbody td span.available { background-color: #001478; color: white; cursor: pointer; }
div.calendar tbody td span.class { background-color: #FF2855; color: white; cursor: pointer; }
div.calendar tbody td.weekend span { background-color: #cbcbc8; }

/* Canvas ========================================================================== */
canvas { width: 100% !important; }
.ie9 canvas { display: none; }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; zoom: 1; width: 100%; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #C3C3C3; border-top: 0; background: #fff; }

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }

.chosen-container a { cursor: pointer; }

/* @group Single Chosen */
.chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 8px; height: 23px; border: 1px solid #e3e9e9; background-color: #e3e9e9; background-clip: padding-box; color: #505050; text-decoration: none; white-space: nowrap; line-height: 24px; }

.chosen-container-single .chosen-default { color: #C3C3C3; }

.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("../img/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single .chosen-single div { position: absolute; top: 8px; right: 10px; display: block; width: 10px; height: 100%; }

.chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("../img/chosen-sprite.png") no-repeat 0px 2px; }

.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #DEDEDE; background: white url("../img/chosen-sprite.png") no-repeat 100% -20px; background: url("../img/chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-single .chosen-drop { margin-top: -1px; background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 15px; list-style: none; line-height: 15px; -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }

.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }

.chosen-container .chosen-results li.highlighted { background-color: #DEDEDE; color: #505050; }

.chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; }

.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; padding-left: 6px; }

.chosen-container .chosen-results li.group-option { padding-left: 15px; line-height: 15px; }

.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; cursor: text; }

.chosen-container-multi .chosen-choices li { float: left; list-style: none; }

.chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-field .default { color: #999; }

.chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("../img/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }

.chosen-container-multi .chosen-results { margin: 0; padding: 0; }

.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #CCC; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-color: white; }

.chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; }

.chosen-container-active .chosen-choices { border: 1px solid #5897fb; }

.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled { opacity: 0.5 !important; cursor: default; }

.chosen-disabled .chosen-single { cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl { text-align: right; }

.chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }

.chosen-rtl .chosen-single div { right: auto; left: 3px; }

.chosen-rtl .chosen-single abbr { right: auto; left: 26px; }

.chosen-rtl .chosen-choices li { float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; }

.chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("../img/chosen-sprite.png") no-repeat -30px -20px; background: url("../img/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("../img/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } }
dl.list-data dt { float: left; padding: 0.5em; border-left: 5px solid transparent; }
dl.list-data dd { text-align: right; border-bottom: 1px solid #C3C3C3; padding: 0.5em; }

.dictionary-az { margin-bottom: 40px; }
.dictionary-az h3 { padding-bottom: 0; margin-bottom: 0.3em; border-bottom: 1px solid #C3C3C3; }
.dictionary-az p { font-size: 0; }

.dictionary-word { display: inline-block; padding: 2px 8px; margin-right: 5px; margin-bottom: 5px; font-size: 14px; }
.dictionary-word.known { background-color: #001478; color: white; }
.dictionary-word.unknown { background-color: #C3C3C3; color: #505050; }
.dictionary-word .halflings { margin-left: 5px; }

.dictionary-grid { margin-bottom: 20px; margin-left: -2px; margin-right: -2px; font-size: 0; }

.dictionary-letter { display: inline-block; box-sizing: border-box; width: 14.28571%; text-align: center; line-height: 44px; border: 2px solid #e3e9e9; background-color: transparent; color: #C3C3C3; font-size: 16px; text-transform: uppercase; position: relative; z-index: 10; padding: 1px; }
.dictionary-letter:before { content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #D7D7D5; }
.dictionary-letter.known { background-color: #001478; color: white; }
.dictionary-letter.known:before { border-color: #001478; }
.dictionary-letter.unknown { background-color: #C3C3C3; color: #505050; }
.dictionary-letter.unknown:before { border-color: #C3C3C3; }

.dropdown { position: absolute; top: 0; left: 0; z-index: 1040; display: none; }

.dropdown .dropdown-menu, .dropdown .dropdown-panel { min-width: 240px; max-width: 15em; list-style: none; background: white; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); overflow: visible; padding: 4px 0; margin: 0; }
.no-boxshadow .dropdown .dropdown-menu, .no-boxshadow .dropdown .dropdown-panel { border: 3px solid #D7D7D5; }

.dropdown .dropdown-panel { padding: 10px; }

.dropdown.dropdown-tip { margin-top: 5px; }

.dropdown.dropdown-tip:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid white; border-left: 15px solid transparent; top: -10px; right: auto; bottom: auto; left: auto; right: 10px; }
.no-boxshadow .dropdown.dropdown-tip:after { border-bottom-color: #D7D7D5; color: #D7D7D5; }

.dropdown.dropdown-tip.dropdown-anchor-right:after { left: auto; right: 7px; }

.dropdown.dropdown-scroll .dropdown-menu, .dropdown.dropdown-scroll .dropdown-panel { max-height: 358px; overflow: auto; }

.dropdown .dropdown-menu li { list-style: none; padding: 0 0; margin: 0; line-height: 18px; }

.dropdown .dropdown-menu li > a, .dropdown .dropdown-menu label { display: block; color: #555; text-decoration: none; line-height: 18px; padding: 3px 15px; white-space: nowrap; }

.dropdown .dropdown-menu li > a:hover, .dropdown .dropdown-menu label:hover { background-color: #08C; color: #FFF; cursor: pointer; }

.dropdown .dropdown-menu .dropdown-divider { font-size: 1px; border-top: solid 1px #E5E5E5; padding: 0; margin: 5px 0; }

.dropdown .button, .dropdown .button-alt, .dropdown .button-signout, .dropdown .button-cancel, .dropdown .button-secondary, .dropdown .button-alert, .dropdown .button-join, .dropdown .test-item .button-test, .test-item .dropdown .button-test, .dropdown .button-ok, .dropdown .button-profile, .dropdown .button-search, .dropdown .button-icon, .dropdown .button-notification, .dropdown .button-view-all, .dropdown .button-book, .dropdown .button-class, .dropdown .button-send, .dropdown .button-level, .dropdown .button-purchase, .dropdown .test-item .button-report, .test-item .dropdown .button-report { margin-top: 5px; }

.dropdown-panel h3, .dropdown-panel p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dropdown-booking { left: 50% !important; margin-left: -60px; }
.dropdown-booking .dropdown-panel { max-width: 100px; min-width: 100px; }
.dropdown-booking .button, .dropdown-booking .button-alt, .dropdown-booking .button-signout, .dropdown-booking .button-cancel, .dropdown-booking .button-secondary, .dropdown-booking .button-alert, .dropdown-booking .button-join, .dropdown-booking .test-item .button-test, .test-item .dropdown-booking .button-test, .dropdown-booking .button-ok, .dropdown-booking .button-profile, .dropdown-booking .button-search, .dropdown-booking .button-icon, .dropdown-booking .button-notification, .dropdown-booking .button-view-all, .dropdown-booking .button-book, .dropdown-booking .button-class, .dropdown-booking .button-send, .dropdown-booking .button-level, .dropdown-booking .button-purchase, .dropdown-booking .test-item .button-report, .test-item .dropdown-booking .button-report { padding: 1em 0; display: block; font-size: 1.23077em; }
.dropdown-booking.dropdown.dropdown-tip { margin-top: 0; }
.dropdown-booking.dropdown.dropdown-tip:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid white; border-left: 15px solid transparent; top: -10px; right: auto; bottom: auto; left: auto; left: 50%; margin-left: -15px; }

.dropdown-language { margin-left: 5px; }
.dropdown-language .dropdown-panel { max-width: 50px; min-width: 50px; }
.dropdown-language.dropdown.dropdown-tip:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid white; border-left: 15px solid transparent; top: -10px; right: auto; bottom: auto; left: auto; left: 50%; margin-left: -15px; }

.dropdown-level .dropdown-panel { left: auto !important; top: auto !important; height: 165px; padding: 10px 5px; min-width: 212px; }
.dropdown-level .dropdown-panel ul { width: 60px; float: left; padding-left: 5px; padding-right: 5px; }
.dropdown-level .dropdown-panel ul:nth-child(2) { border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; }
.dropdown-level .dropdown-panel ul li { margin-top: 10px; }
.dropdown-level .dropdown-panel ul li:first-child { margin-top: 0; }
.dropdown-level .dropdown-panel ul li:first-child .button-level { margin-top: 0; }

@media screen and (max-width: 1023px) { nav { padding-top: 95px; }
  nav #dropdown-calendar { display: block !important; left: auto !important; top: auto !important; }
  nav .dropdown { position: relative; }
  nav #dropdown-calendar { border-top: 1px solid #909090; border-bottom: 1px solid #909090; padding: 10px 0 20px; }
  nav #dropdown-calendar .dropdown-panel { padding: 0; box-shadow: none; background-color: transparent; }
  nav #dropdown-calendar.dropdown.dropdown-tip:after { content: none; }
  nav #dropdown-calendar table.mini-calendar td { border-color: #002B44; }
  nav #dropdown-calendar .button, nav #dropdown-calendar .button-alt, nav #dropdown-calendar .button-signout, nav #dropdown-calendar .button-cancel, nav #dropdown-calendar .button-secondary, nav #dropdown-calendar .button-alert, nav #dropdown-calendar .button-join, nav #dropdown-calendar .test-item .button-test, .test-item nav #dropdown-calendar .button-test, nav #dropdown-calendar .button-ok, nav #dropdown-calendar .button-profile, nav #dropdown-calendar .button-search, nav #dropdown-calendar .button-icon, nav #dropdown-calendar .button-notification, nav #dropdown-calendar .button-view-all, nav #dropdown-calendar .button-book, nav #dropdown-calendar .button-class, nav #dropdown-calendar .button-send, nav #dropdown-calendar .button-level, nav #dropdown-calendar .button-purchase, nav #dropdown-calendar .test-item .button-report, .test-item nav #dropdown-calendar .button-report { display: none; }
  nav #dropdown-search { display: block !important; left: auto !important; top: 20px !important; position: absolute; border-bottom: 1px solid #909090; padding-bottom: 15px; }
  nav #dropdown-search .dropdown-panel { padding: 0; box-shadow: none; background-color: transparent; }
  nav #dropdown-search.dropdown.dropdown-tip:after { content: none; }
  nav #dropdown-search input { padding: 0.7em; background-color: #6a6a6a; color: white; }
  nav #dropdown-search input:focus { color: #505050; }
  nav #dropdown-search .button-search { top: 5px; right: 5px; }
  nav .dropdown-language { display: block !important; padding: 20px 0 20px; min-height: 34px; margin: 0 !important; }
  nav .dropdown-language .dropdown-panel { padding: 0; box-shadow: none; background-color: transparent; min-width: none; max-width: none; }
  nav .dropdown-language .label { display: none; }
  nav .dropdown-language.dropdown.dropdown-tip:after { content: none; }
  nav .dropdown-language .flag-english, nav .dropdown-language .flag-spanish, nav .dropdown-language .flag-portuguese, nav .dropdown-language .flag-turkish, nav .dropdown-language .flag-french, nav .dropdown-language .flag-empty { float: left; margin-top: 0; margin-left: 13px; }
  nav .dropdown-language .flag-empty { display: block; }
  nav .dropdown-language :first-child, nav .dropdown-language :nth-child(5) { margin-left: 0; }
  nav .dropdown-language :nth-child(5), nav .dropdown-language :nth-child(6), nav .dropdown-language :nth-child(7), nav .dropdown-language :nth-child(8) { margin-top: 10px; margin-bottom: 20px; }
  nav .dropdown-level { clear: both; display: block !important; border-top: 1px solid #909090; padding: 20px 0 10px; margin: 0 !important; }
  nav .dropdown-level .dropdown-panel { padding: 0; box-shadow: none; background-color: transparent; min-width: none; max-width: none; }
  nav .dropdown-level .dropdown-panel ul { width: 72px; padding: 0 5px; }
  nav .dropdown-level .dropdown-panel ul:first-child { padding-left: 0; width: 73px; }
  nav .dropdown-level .dropdown-panel ul:last-child { padding-right: 0; width: 73px; }
  nav .dropdown-level .dropdown-panel ul:nth-child(2) { border-color: #909090; }
  nav .dropdown-level.dropdown.dropdown-tip:after { content: none; }
  nav .dropdown-level .button-level { background-color: #909090; color: #002B44; }
  nav .dropdown-level .button-level:empty { background-color: #6a6a6a; } }
.flag-english .primary, .flag-spanish .primary, .flag-portuguese .primary, .flag-portuguese-pt .primary, .flag-portuguese-br .primary, .flag-turkish .primary, .flag-french .primary { width: 90px !important; background-color: #D7D7D5; background-repeat: no-repeat; background-position: center center; }
.flag-english .secondary, .flag-spanish .secondary, .flag-portuguese .secondary, .flag-portuguese-pt .secondary, .flag-portuguese-br .secondary, .flag-turkish .secondary, .flag-french .secondary { box-sizing: border-box; height: 70px; margin-left: 90px; }
.flag-english .secondary:after, .flag-spanish .secondary:after, .flag-portuguese .secondary:after, .flag-portuguese-pt .secondary:after, .flag-portuguese-br .secondary:after, .flag-turkish .secondary:after, .flag-french .secondary:after { border-left-color: #D7D7D5; color: #D7D7D5; }
.flag-english .secondary:after, .flag-spanish .secondary:after, .flag-portuguese .secondary:after, .flag-portuguese-pt .secondary:after, .flag-portuguese-br .secondary:after, .flag-turkish .secondary:after, .flag-french .secondary:after { left: 90px; }
.flag-english .secondary h2, .flag-spanish .secondary h2, .flag-portuguese .secondary h2, .flag-portuguese-pt .secondary h2, .flag-portuguese-br .secondary h2, .flag-turkish .secondary h2, .flag-french .secondary h2 { line-height: 50px !important; }

.flag-english .primary { background-image: url("../img/flag-english.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .flag-english .primary { background-image: url("../img/flag-english_2x.png"); background-size: 70px 47px; } }
.flag-spanish .primary { background-image: url("../img/flag-spanish.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .flag-spanish .primary { background-image: url("../img/flag-spanish_2x.png"); background-size: 70px 47px; } }
.flag-portuguese .primary { background-image: url("../img/flag-portuguese.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .flag-portuguese .primary { background-image: url("../img/flag-portuguese_2x.png"); background-size: 70px 47px; } }
.flag-portuguese-pt .primary { background-image: url("../img/flag-portuguese-pt.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .flag-portuguese-pt .primary { background-image: url("../img/flag-portuguese-pt_2x.png"); background-size: 70px 47px; } }
.flag-portuguese-br .primary { background-image: url("../img/flag-portuguese-br.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .flag-portuguese-br .primary { background-image: url("../img/flag-portuguese-br_2x.png"); background-size: 70px 47px; } }
.flag-turkish .primary { background-image: url("../img/flag-turkish.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .flag-turkish .primary { background-image: url("../img/flag-turkish_2x.png"); background-size: 70px 47px; } }
.flag-french .primary { background-image: url("../img/flag-french.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .flag-french .primary { background-image: url("../img/flag-french_2x.png"); background-size: 70px 47px; } }

.nav-language .flag-english, .nav-language .flag-spanish, .nav-language .flag-portuguese, .nav-language .flag-portuguese-pt, .nav-language .flag-portuguese-br, .nav-language .flag-turkish, .nav-language .flag-french { width: 60px; display: block; background-repeat: no-repeat; background-position: center center; background-size: 50px 34px; }

.nav-language .flag-english { background-image: url("../img/flag-english.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .nav-language .flag-english { background-image: url("../img/flag-english_2x.png"); background-size: 50px 34px; } }
.nav-language .flag-spanish { background-image: url("../img/flag-spanish.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .nav-language .flag-spanish { background-image: url("../img/flag-spanish_2x.png"); background-size: 50px 34px; } }
.nav-language .flag-portuguese { background-image: url("../img/flag-portuguese.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .nav-language .flag-portuguese { background-image: url("../img/flag-portuguese_2x.png"); background-size: 50px 34px; } }
.nav-language .flag-portuguese-pt { background-image: url("../img/flag-portuguese-pt.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .nav-language .flag-portuguese-pt { background-image: url("../img/flag-portuguese-pt_2x.png"); background-size: 50px 34px; } }
.nav-language .flag-portuguese-br { background-image: url("../img/flag-portuguese-br.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .nav-language .flag-portuguese-br { background-image: url("../img/flag-portuguese-br_2x.png"); background-size: 50px 34px; } }
.nav-language .flag-turkish { background-image: url("../img/flag-turkish.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .nav-language .flag-turkish { background-image: url("../img/flag-turkish_2x.png"); background-size: 50px 34px; } }
.nav-language .flag-french { background-image: url("../img/flag-french.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .nav-language .flag-french { background-image: url("../img/flag-french_2x.png"); background-size: 50px 34px; } }

.dropdown-language a:first-child { margin-top: 0; }
.dropdown-language .flag-english, .dropdown-language .flag-spanish, .dropdown-language .flag-portuguese, .dropdown-language .flag-portuguese-pt, .dropdown-language .flag-portuguese-br, .dropdown-language .flag-turkish, .dropdown-language .flag-french, .dropdown-language .flag-empty { box-sizing: border-box; width: 50px; height: 34px; display: block; margin-top: 10px; background-repeat: no-repeat; background-position: center center; background-size: 50px 34px; opacity: 0.5; filter: alpha(opacity=50); -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); -ms-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%); cursor: pointer; }
.dropdown-language .flag-english:hover, .dropdown-language .flag-english.active, .dropdown-language .flag-spanish:hover, .dropdown-language .flag-spanish.active, .dropdown-language .flag-portuguese:hover, .dropdown-language .flag-portuguese.active, .dropdown-language .flag-portuguese-pt:hover, .dropdown-language .flag-portuguese-pt.active, .dropdown-language .flag-portuguese-br:hover, .dropdown-language .flag-portuguese-br.active, .dropdown-language .flag-turkish:hover, .dropdown-language .flag-turkish.active, .dropdown-language .flag-french:hover, .dropdown-language .flag-french.active, .dropdown-language .flag-empty:hover, .dropdown-language .flag-empty.active { opacity: 1; filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.dropdown-language .flag-empty { display: none; background-color: #6a6a6a; border-radius: 6px; opacity: 1; filter: alpha(opacity=100); }
.dropdown-language .flag-english { background-image: url("../img/flag-english.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .dropdown-language .flag-english { background-image: url("../img/flag-english_2x.png"); background-size: 50px 34px; } }
.dropdown-language .flag-spanish { background-image: url("../img/flag-spanish.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .dropdown-language .flag-spanish { background-image: url("../img/flag-spanish_2x.png"); background-size: 50px 34px; } }
.dropdown-language .flag-portuguese { background-image: url("../img/flag-portuguese.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .dropdown-language .flag-portuguese { background-image: url("../img/flag-portuguese_2x.png"); background-size: 50px 34px; } }
.dropdown-language .flag-portuguese-pt { background-image: url("../img/flag-portuguese-pt.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .dropdown-language .flag-portuguese-pt { background-image: url("../img/flag-portuguese-pt_2x.png"); background-size: 50px 34px; } }
.dropdown-language .flag-portuguese-br { background-image: url("../img/flag-portuguese-br.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .dropdown-language .flag-portuguese-br { background-image: url("../img/flag-portuguese-br_2x.png"); background-size: 50px 34px; } }
.dropdown-language .flag-turkish { background-image: url("../img/flag-turkish.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .dropdown-language .flag-turkish { background-image: url("../img/flag-turkish_2x.png"); background-size: 50px 34px; } }
.dropdown-language .flag-french { background-image: url("../img/flag-french.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .dropdown-language .flag-french { background-image: url("../img/flag-french_2x.png"); background-size: 50px 34px; } }

.foldable .halflings, .foldable-solo .halflings { float: right; margin-top: 10px; margin-right: 20px; }
.foldable .halflings:before, .foldable-solo .halflings:before { color: #dddddd; font-size: 0.57143em; }
.foldable:hover, .foldable-solo:hover { cursor: pointer; }
.foldable:hover .halflings:before, .foldable-solo:hover .halflings:before { color: #AAA; }
.foldable.in, .foldable-solo.in { border-bottom: 1px solid #C3C3C3; }
.foldable.in .halflings:before, .foldable-solo.in .halflings:before { content: "\E113"; }
@media screen and (max-width: 480px) { .foldable, .foldable-solo { border-bottom: 1px solid #C3C3C3; }
  .foldable + .list-checkboxes, .foldable + .list-chosen, .foldable + .list-filter, .foldable + .list-action, .foldable + .list-incomplete, .foldable + .list-bookings, .foldable + .list-bookings-group, .foldable + .list-bookings-alt, .foldable + .list-static, .foldable + .list-tasks, .foldable + .list-rating, .foldable + .module-objectives, .foldable + .list-modules, .foldable-solo + .list-checkboxes, .foldable-solo + .list-chosen, .foldable-solo + .list-filter, .foldable-solo + .list-action, .foldable-solo + .list-incomplete, .foldable-solo + .list-bookings, .foldable-solo + .list-bookings-group, .foldable-solo + .list-bookings-alt, .foldable-solo + .list-static, .foldable-solo + .list-tasks, .foldable-solo + .list-rating, .foldable-solo + .module-objectives, .foldable-solo + .list-modules { display: none; }
  .foldable .halflings:before, .foldable-solo .halflings:before { content: "\E113"; }
  .foldable.out, .foldable-solo.out { border-bottom: none; }
  .foldable.out .halflings:before, .foldable-solo.out .halflings:before { content: "\E114"; } }

h4.foldable { font-size: 16px; font-family: "Mark OT Book", sans-serif; font-weight: 400; letter-spacing: normal; }
h4.foldable .halflings { margin-right: 12px; }
h4.foldable .halflings:before { color: #dddddd; font-size: 16px; }
h4.foldable:hover .halflings:before { color: #AAA; }
h4.foldable.in { border-bottom: none; }

@media screen and (max-width: 640px) { .tab-pane-webinar-upcoming .foldable, .tab-pane-webinar-upcoming .foldable-solo, .tab-pane-webinar-rewatch .foldable, .tab-pane-webinar-rewatch .foldable-solo, .tab-pane-videos .foldable, .tab-pane-videos .foldable-solo, .tab-pane-podcasts .foldable, .tab-pane-podcasts .foldable-solo { border-bottom: 1px solid #C3C3C3; }
  .tab-pane-webinar-upcoming .foldable + .list-checkboxes, .tab-pane-webinar-upcoming .foldable + .list-chosen, .tab-pane-webinar-upcoming .foldable + .list-filter, .tab-pane-webinar-upcoming .foldable + .list-action, .tab-pane-webinar-upcoming .foldable + .list-incomplete, .tab-pane-webinar-upcoming .foldable + .list-bookings, .tab-pane-webinar-upcoming .foldable + .list-bookings-group, .tab-pane-webinar-upcoming .foldable + .list-bookings-alt, .tab-pane-webinar-upcoming .foldable + .list-static, .tab-pane-webinar-upcoming .foldable + .list-tasks, .tab-pane-webinar-upcoming .foldable + .list-rating, .tab-pane-webinar-upcoming .foldable + .module-objectives, .tab-pane-webinar-upcoming .foldable + .list-modules, .tab-pane-webinar-upcoming .foldable-solo + .list-checkboxes, .tab-pane-webinar-upcoming .foldable-solo + .list-chosen, .tab-pane-webinar-upcoming .foldable-solo + .list-filter, .tab-pane-webinar-upcoming .foldable-solo + .list-action, .tab-pane-webinar-upcoming .foldable-solo + .list-incomplete, .tab-pane-webinar-upcoming .foldable-solo + .list-bookings, .tab-pane-webinar-upcoming .foldable-solo + .list-bookings-group, .tab-pane-webinar-upcoming .foldable-solo + .list-bookings-alt, .tab-pane-webinar-upcoming .foldable-solo + .list-static, .tab-pane-webinar-upcoming .foldable-solo + .list-tasks, .tab-pane-webinar-upcoming .foldable-solo + .list-rating, .tab-pane-webinar-upcoming .foldable-solo + .module-objectives, .tab-pane-webinar-upcoming .foldable-solo + .list-modules, .tab-pane-webinar-rewatch .foldable + .list-checkboxes, .tab-pane-webinar-rewatch .foldable + .list-chosen, .tab-pane-webinar-rewatch .foldable + .list-filter, .tab-pane-webinar-rewatch .foldable + .list-action, .tab-pane-webinar-rewatch .foldable + .list-incomplete, .tab-pane-webinar-rewatch .foldable + .list-bookings, .tab-pane-webinar-rewatch .foldable + .list-bookings-group, .tab-pane-webinar-rewatch .foldable + .list-bookings-alt, .tab-pane-webinar-rewatch .foldable + .list-static, .tab-pane-webinar-rewatch .foldable + .list-tasks, .tab-pane-webinar-rewatch .foldable + .list-rating, .tab-pane-webinar-rewatch .foldable + .module-objectives, .tab-pane-webinar-rewatch .foldable + .list-modules, .tab-pane-webinar-rewatch .foldable-solo + .list-checkboxes, .tab-pane-webinar-rewatch .foldable-solo + .list-chosen, .tab-pane-webinar-rewatch .foldable-solo + .list-filter, .tab-pane-webinar-rewatch .foldable-solo + .list-action, .tab-pane-webinar-rewatch .foldable-solo + .list-incomplete, .tab-pane-webinar-rewatch .foldable-solo + .list-bookings, .tab-pane-webinar-rewatch .foldable-solo + .list-bookings-group, .tab-pane-webinar-rewatch .foldable-solo + .list-bookings-alt, .tab-pane-webinar-rewatch .foldable-solo + .list-static, .tab-pane-webinar-rewatch .foldable-solo + .list-tasks, .tab-pane-webinar-rewatch .foldable-solo + .list-rating, .tab-pane-webinar-rewatch .foldable-solo + .module-objectives, .tab-pane-webinar-rewatch .foldable-solo + .list-modules, .tab-pane-videos .foldable + .list-checkboxes, .tab-pane-videos .foldable + .list-chosen, .tab-pane-videos .foldable + .list-filter, .tab-pane-videos .foldable + .list-action, .tab-pane-videos .foldable + .list-incomplete, .tab-pane-videos .foldable + .list-bookings, .tab-pane-videos .foldable + .list-bookings-group, .tab-pane-videos .foldable + .list-bookings-alt, .tab-pane-videos .foldable + .list-static, .tab-pane-videos .foldable + .list-tasks, .tab-pane-videos .foldable + .list-rating, .tab-pane-videos .foldable + .module-objectives, .tab-pane-videos .foldable + .list-modules, .tab-pane-videos .foldable-solo + .list-checkboxes, .tab-pane-videos .foldable-solo + .list-chosen, .tab-pane-videos .foldable-solo + .list-filter, .tab-pane-videos .foldable-solo + .list-action, .tab-pane-videos .foldable-solo + .list-incomplete, .tab-pane-videos .foldable-solo + .list-bookings, .tab-pane-videos .foldable-solo + .list-bookings-group, .tab-pane-videos .foldable-solo + .list-bookings-alt, .tab-pane-videos .foldable-solo + .list-static, .tab-pane-videos .foldable-solo + .list-tasks, .tab-pane-videos .foldable-solo + .list-rating, .tab-pane-videos .foldable-solo + .module-objectives, .tab-pane-videos .foldable-solo + .list-modules, .tab-pane-podcasts .foldable + .list-checkboxes, .tab-pane-podcasts .foldable + .list-chosen, .tab-pane-podcasts .foldable + .list-filter, .tab-pane-podcasts .foldable + .list-action, .tab-pane-podcasts .foldable + .list-incomplete, .tab-pane-podcasts .foldable + .list-bookings, .tab-pane-podcasts .foldable + .list-bookings-group, .tab-pane-podcasts .foldable + .list-bookings-alt, .tab-pane-podcasts .foldable + .list-static, .tab-pane-podcasts .foldable + .list-tasks, .tab-pane-podcasts .foldable + .list-rating, .tab-pane-podcasts .foldable + .module-objectives, .tab-pane-podcasts .foldable + .list-modules, .tab-pane-podcasts .foldable-solo + .list-checkboxes, .tab-pane-podcasts .foldable-solo + .list-chosen, .tab-pane-podcasts .foldable-solo + .list-filter, .tab-pane-podcasts .foldable-solo + .list-action, .tab-pane-podcasts .foldable-solo + .list-incomplete, .tab-pane-podcasts .foldable-solo + .list-bookings, .tab-pane-podcasts .foldable-solo + .list-bookings-group, .tab-pane-podcasts .foldable-solo + .list-bookings-alt, .tab-pane-podcasts .foldable-solo + .list-static, .tab-pane-podcasts .foldable-solo + .list-tasks, .tab-pane-podcasts .foldable-solo + .list-rating, .tab-pane-podcasts .foldable-solo + .module-objectives, .tab-pane-podcasts .foldable-solo + .list-modules { display: none; }
  .tab-pane-webinar-upcoming .foldable .halflings:before, .tab-pane-webinar-upcoming .foldable-solo .halflings:before, .tab-pane-webinar-rewatch .foldable .halflings:before, .tab-pane-webinar-rewatch .foldable-solo .halflings:before, .tab-pane-videos .foldable .halflings:before, .tab-pane-videos .foldable-solo .halflings:before, .tab-pane-podcasts .foldable .halflings:before, .tab-pane-podcasts .foldable-solo .halflings:before { content: "\E113"; }
  .tab-pane-webinar-upcoming .foldable.out, .tab-pane-webinar-upcoming .foldable-solo.out, .tab-pane-webinar-rewatch .foldable.out, .tab-pane-webinar-rewatch .foldable-solo.out, .tab-pane-videos .foldable.out, .tab-pane-videos .foldable-solo.out, .tab-pane-podcasts .foldable.out, .tab-pane-podcasts .foldable-solo.out { border-bottom: none; }
  .tab-pane-webinar-upcoming .foldable.out .halflings:before, .tab-pane-webinar-upcoming .foldable-solo.out .halflings:before, .tab-pane-webinar-rewatch .foldable.out .halflings:before, .tab-pane-webinar-rewatch .foldable-solo.out .halflings:before, .tab-pane-videos .foldable.out .halflings:before, .tab-pane-videos .foldable-solo.out .halflings:before, .tab-pane-podcasts .foldable.out .halflings:before, .tab-pane-podcasts .foldable-solo.out .halflings:before { content: "\E114"; } }
input, textarea { display: block; width: 100%; padding: 0.5em; margin: 0; border: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #e3e9e9; border-radius: 0; font-size: 1em; color: #505050; }
input:focus, textarea:focus { outline: none; background-color: white !important; border: 1px solid white; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
.tab-pane input, .tab-pane textarea { background-color: lightgray; }
input.button, input.button-alt, input.button-signout, input.button-cancel, input.button-secondary, input.button-alert, input.button-join, .test-item input.button-test, input.button-ok, input.button-profile, input.button-search, input.button-icon, input.button-notification, input.button-view-all, input.button-book, input.button-class, input.button-send, input.button-level, input.button-purchase, .test-item input.button-report, textarea.button, textarea.button-alt, textarea.button-signout, textarea.button-cancel, textarea.button-secondary, textarea.button-alert, textarea.button-join, .test-item textarea.button-test, textarea.button-ok, textarea.button-profile, textarea.button-search, textarea.button-icon, textarea.button-notification, textarea.button-view-all, textarea.button-book, textarea.button-class, textarea.button-send, textarea.button-level, textarea.button-purchase, .test-item textarea.button-report { width: auto; }

.modal textarea { max-width: 580px; max-height: 128px; }

.modal input, .modal textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.modal input:focus, .modal textarea:focus { border-color: #C3C3C3; }
.modal .chosen-container, .modal textarea, .modal .input-subject { margin-bottom: 10px; }
.modal input[type=text] { margin-bottom: 20px; }

.form-search { position: relative; margin-bottom: 1.5em; }
.form-search input { border-bottom: 1px solid lightgray; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.form-search input:focus { border-bottom-color: #FF2855; }

.form-search-dropdown input { padding-right: 40px; }

.form-search-dropdown input, .form-search-results input { border-bottom: 1px solid #D7D7D5; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.form-search-dropdown input:focus, .form-search-results input:focus { border-bottom-color: #FF2855; }

.form-search-results input { text-align: center; font-family: "Mark OT Bold", sans-serif; font-size: 3em; /* 48 / 16 */ background-color: white; padding: 0 0.5em 0.2em; }

.list-checkboxes li.form-select, .list-chosen li.form-select, .list-filter li.form-select, .list-action li.form-select, .list-incomplete li.form-select, .list-bookings li.form-select, .list-bookings-group li.form-select, .list-bookings-alt li.form-select, .list-static li.form-select, .list-tasks li.form-select, .list-rating li.form-select, .module-objectives li.form-select, .list-modules li.form-select { padding: 0; border: none; }
.list-checkboxes li.form-select .chosen-container, .list-chosen li.form-select .chosen-container, .list-filter li.form-select .chosen-container, .list-action li.form-select .chosen-container, .list-incomplete li.form-select .chosen-container, .list-bookings li.form-select .chosen-container, .list-bookings-group li.form-select .chosen-container, .list-bookings-alt li.form-select .chosen-container, .list-static li.form-select .chosen-container, .list-tasks li.form-select .chosen-container, .list-rating li.form-select .chosen-container, .module-objectives li.form-select .chosen-container, .list-modules li.form-select .chosen-container { border-bottom: 1px solid #C3C3C3; margin-bottom: 0; }
.list-checkboxes li.form-select .chosen-single, .list-chosen li.form-select .chosen-single, .list-filter li.form-select .chosen-single, .list-action li.form-select .chosen-single, .list-incomplete li.form-select .chosen-single, .list-bookings li.form-select .chosen-single, .list-bookings-group li.form-select .chosen-single, .list-bookings-alt li.form-select .chosen-single, .list-static li.form-select .chosen-single, .list-tasks li.form-select .chosen-single, .list-rating li.form-select .chosen-single, .module-objectives li.form-select .chosen-single, .list-modules li.form-select .chosen-single { background-color: lightgray; border: 1px solid lightgray; color: #999; }
.list-checkboxes li.form-select .chosen-single:hover, .list-chosen li.form-select .chosen-single:hover, .list-filter li.form-select .chosen-single:hover, .list-action li.form-select .chosen-single:hover, .list-incomplete li.form-select .chosen-single:hover, .list-bookings li.form-select .chosen-single:hover, .list-bookings-group li.form-select .chosen-single:hover, .list-bookings-alt li.form-select .chosen-single:hover, .list-static li.form-select .chosen-single:hover, .list-tasks li.form-select .chosen-single:hover, .list-rating li.form-select .chosen-single:hover, .module-objectives li.form-select .chosen-single:hover, .list-modules li.form-select .chosen-single:hover { background-color: lightgray; color: #999; }
.list-checkboxes li.form-textarea, .list-chosen li.form-textarea, .list-filter li.form-textarea, .list-action li.form-textarea, .list-incomplete li.form-textarea, .list-bookings li.form-textarea, .list-bookings-group li.form-textarea, .list-bookings-alt li.form-textarea, .list-static li.form-textarea, .list-tasks li.form-textarea, .list-rating li.form-textarea, .module-objectives li.form-textarea, .list-modules li.form-textarea { padding: 0; border: none; text-align: right; }

.tab-pane .chosen-single { background-color: lightgray; }

#guia_gramatical { background-color: white; padding: 20px; }
#guia_gramatical p a span { font-family: "Mark OT Bold", sans-serif !important; font-size: 28px; color: #FF2855 !important; }
#guia_gramatical p u span { font-family: "Mark OT Bold", sans-serif !important; font-size: 18px; color: #505050 !important; }
#guia_gramatical span { font-family: "Mark OT Book", sans-serif !important; }
#guia_gramatical p { margin-bottom: 12px; }
#guia_gramatical table { width: 100% !important; margin-bottom: 12px !important; border: none !important; }
#guia_gramatical table td { background-color: #e3e9e9; color: #505050; padding: 0.5em; border-top: 3px solid white !important; vertical-align: middle; border-left: 3px solid white !important; }
#guia_gramatical table p { margin-bottom: 0 !important; }

@font-face { font-family: 'Glyphicons Regular'; src: url("../fonts/glyphicons-regular.eot"); src: url("../fonts/glyphicons-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-regular.woff2") format("woff2"), url("../fonts/glyphicons-regular.woff") format("woff"), url("../fonts/glyphicons-regular.ttf") format("truetype"), url("../fonts/glyphicons-regular.svg#glyphiconsregular") format("svg"); }
.glyphicons { display: inline; position: relative; color: inherit; text-decoration: none; *display: inline; *zoom: 1; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicons:before { position: absolute; left: 0; top: 0; display: inline-block; font: 24px/1em 'Glyphicons Regular'; font-style: normal; font-weight: normal; color: inherit; *display: inline; *zoom: 1; vertical-align: middle; text-transform: none; -webkit-font-smoothing: antialiased; }

.glyphicons.x05 { font-size: 12px; }

.glyphicons.x2 { font-size: 48px; }
.glyphicons.x2:before { padding: 8px 12px; }

.glyphicons.x3 { font-size: 72px; }
.glyphicons.x3:before { padding: 16px 20px; }

.glyphicons.x4 { font-size: 96px; }
.glyphicons.x4:before { padding: 20px 28px; }

.glyphicons.x5 { font-size: 120px; }
.glyphicons.x5:before { padding: 28px 36px; }

.glyphicons.light:before { color: #f2f2f2; }

.glyphicons.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); }

.glyphicons.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

.glyphicons.flipv { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; }

.glyphicons.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.glyphicons.rotate180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.glyphicons.rotate270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.glyphicons.user:before { content: "\E004"; }
.glyphicons.girl:before { content: "\E005"; }
.glyphicons.car:before { content: "\E006"; }
.glyphicons.film:before { content: "\E009"; }
.glyphicons.heart:before { content: "\E013"; }
.glyphicons.train:before { content: "\E015"; }
.glyphicons.bin:before { content: "\E017"; }
.glyphicons.heart_empty:before { content: "\E020"; }
.glyphicons.home:before { content: "\E021"; }
.glyphicons.fire:before { content: "\E023"; }
.glyphicons.parents:before { content: "\E025"; }
.glyphicons.search:before { content: "\E028"; }
.glyphicons.notes-2:before { content: "\E030"; }
.glyphicons.pencil:before { content: "\E031"; }
.glyphicons.pie_chart:before { content: "\E043"; }
.glyphicons.group:before { content: "\E044"; }
.glyphicons.calendar:before { content: "\E046"; }
.glyphicons.dislikes:before { content: ""; }
.glyphicons.star:before { content: "\E050"; }
.glyphicons.alarm:before { content: "\E054"; }
.glyphicons.history:before { content: "\E058"; }
.glyphicons.compass:before { content: "\E061"; }
.glyphicons.lightbulb:before { content: "\E065"; }
.glyphicons.book:before { content: "\E072"; }
.glyphicons.bookmark:before { content: "\E073"; }
.glyphicons.headphones:before { content: ""; }
.glyphicons.headset:before { content: "\E078"; }
.glyphicons.warning_sign:before { content: "\E079"; }
.glyphicons.signal:before { content: "\E080"; }
.glyphicons.refresh:before { content: "\E082"; }
.glyphicons.display:before { content: "\E087"; }
.glyphicons.log-book:before { content: "\E088"; }
.glyphicons.tint:before { content: "\E093"; }
.glyphicons.font:before { content: "\E101"; }
.glyphicons.justify:before { content: "\E114"; }
.glyphicons.list:before { content: "\E115"; }
.glyphicons.message-plus:before { content: "\E125"; }
.glyphicons.inbox_in:before { content: "\E135"; }
.glyphicons.inbox_out:before { content: "\E136"; }
.glyphicons.cogwheel:before { content: "\E137"; }
.glyphicons.adjust_alt:before { content: "\E140"; }
.glyphicons.show_big_thumbnails:before { content: "\E156"; }
.glyphicons.show_thumbnails:before { content: "\E157"; }
.glyphicons.iphone:before { content: "\E164"; }
.glyphicons.play:before { content: "\E174"; }
.glyphicons.download-alt:before { content: "\E182"; }
.glyphicons.volume_up:before { content: "\E185"; }
.glyphicons.circle_plus:before { content: "\E191"; }
.glyphicons.circle_remove:before { content: "\E193"; }
.glyphicons.circle_ok:before { content: "\E194"; }
.glyphicons.circle_question_mark:before { content: "\E195"; }
.glyphicons.circle_info:before { content: "\E196"; }
.glyphicons.circle_exclamation_mark:before { content: "\E197"; }
.glyphicons.ban:before { content: "\E200"; }
.glyphicons.lock:before { content: "\E204"; }
.glyphicons.unlock:before { content: "\E205"; }
.glyphicons.ok:before { content: "\E207"; }
.glyphicons.remove_2:before { content: "\E208"; }
.glyphicons.play-button:before { content: "\E221	"; }
.glyphicons.unshare:before { content: "\E222"; }
.glyphicons.pen:before { content: "\E236"; }
.glyphicons.map-marker:before { content: ""; }
.glyphicons.chat:before { content: "\E246"; }
.glyphicons.settings:before { content: "\E281"; }
.glyphicons.cardio:before { content: "\E283"; }
.glyphicons.microphone:before { content: ""; }
.glyphicons.tie:before { content: "\E325"; }
.glyphicons.dashboard:before { content: "\E332"; }
.glyphicons.globe:before { content: "\E341"; }
.glyphicons.briefcase:before { content: "\E342"; }
.glyphicons.book_open:before { content: "\E352"; }
.glyphicons.dumbbell:before { content: "\E357"; }
.glyphicons.restart:before { content: "\E366"; }
.glyphicons.global:before { content: "\E372"; }
.glyphicons.earphone:before { content: "\E443"; }
.glyphicons.basketball:before { content: ""; }
.glyphicons.target:before { content: "\E473"; }
.glyphicons.alert-sign:before { content: "\E505"; }
.glyphicons.cluster:before { content: "\E508"; }
.glyphicons.quote:before { content: "\E547"; }
.glyphicons.puzzle-2:before { content: "\E732"; }
.glyphicons.race:before { content: "\E776"; }
.glyphicons.dice-6:before { content: "\E800"; }

@font-face { font-family: "glyphicons-social"; src: url("../fonts/glyphicons-social.eot"); src: url("../fonts/glyphicons-social.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-social.woff") format("woff"), url("../fonts/glyphicons-social.ttf") format("truetype"), url("../fonts/glyphicons-social.svg#glyphicons-social") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: "glyphicons-social" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="social-"]:before, [class*=" social-"]:before { font-family: "glyphicons-social" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.social-google-plus:before { content: "\61"; }

.social-facebook:before { content: "\62"; }

@font-face { font-family: 'Glyphicons Halflings Regular'; src: url("../fonts/glyphicons-halflings-regular.eot"); src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), 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"); }
.halflings { display: inline-block; position: relative; padding-left: 10px; color: inherit; text-decoration: none; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -13px; }
.halflings:before { position: absolute; left: 0; top: 0; display: inline-block; margin: 0 5px 0 0; font: 0.8em/1em 'Glyphicons Halflings Regular'; font-style: normal; font-weight: normal; color: inherit; *display: inline; *zoom: 1; vertical-align: middle; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.halflings.x05 { font-size: 6px; }

.halflings.x2 { font-size: 24px; }

.halflings.x3 { font-size: 36px; }

.halflings.x4 { font-size: 48px; }

.halflings.x5 { font-size: 60px; }

.halflings.x6 { font-size: 72px; }

.halflings.x7 { font-size: 84px; }

.halflings.x8 { font-size: 96px; }

.halflings.light:before { color: #f2f2f2; }

.halflings.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); }

.halflings.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

.halflings.flipv { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; }

.halflings.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.halflings.rotate180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.halflings.rotate270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.halflings.star:before { content: "\E006"; }
.halflings.star-empty:before { content: "\E007"; }
.halflings.user:before { content: "\E008"; }
.halflings.th:before { content: "\E011"; }
.halflings.ok:before { content: "\E013"; }
.halflings.remove:before { content: "\E014"; }
.halflings.signal:before { content: "\E018"; }
.halflings.time:before { content: "\E023"; }
.halflings.tag:before { content: "\E041"; }
.halflings.pencil:before { content: "\E061"; }
.halflings.chevron-right:before { content: "\E080"; }
.halflings.ok-sign:before { content: "\E084"; }
.halflings.question-sign:before { content: "\E085"; }
.halflings.info-sign:before { content: "\E086"; }
.halflings.ban-circle:before { content: "\E090"; }
.halflings.asterisk:before { content: "\E100"; }
.halflings.calendar:before { content: "\E109"; }
.halflings.chevron-down:before { content: "\E114"; }

/* Lists
--------------------------------------------- */
.list-checkboxes, .list-chosen, .list-filter, .list-action, .list-incomplete, .list-bookings, .list-bookings-group, .list-bookings-alt, .list-static, .list-tasks, .list-rating, .module-objectives, .list-modules { margin-bottom: 0; }
.list-checkboxes + h3, .list-chosen + h3, .list-filter + h3, .list-action + h3, .list-incomplete + h3, .list-bookings + h3, .list-bookings-group + h3, .list-bookings-alt + h3, .list-static + h3, .list-tasks + h3, .list-rating + h3, .module-objectives + h3, .list-modules + h3 { margin-top: 0.85714em; }
.list-checkboxes li, .list-chosen li, .list-filter li, .list-action li, .list-incomplete li, .list-bookings li, .list-bookings-group li, .list-bookings-alt li, .list-static li, .list-tasks li, .list-rating li, .module-objectives li, .list-modules li { border-bottom: 1px solid #C3C3C3; position: relative; }
.list-checkboxes li > a, .list-chosen li > a, .list-filter li > a, .list-action li > a, .list-incomplete li > a, .list-bookings li > a, .list-bookings-group li > a, .list-bookings-alt li > a, .list-static li > a, .list-tasks li > a, .list-rating li > a, .module-objectives li > a, .list-modules li > a { display: block; padding: 0.5em; border-left: 5px solid transparent; color: #505050; cursor: pointer; }
.list-checkboxes li > a:hover, .list-chosen li > a:hover, .list-filter li > a:hover, .list-action li > a:hover, .list-incomplete li > a:hover, .list-bookings li > a:hover, .list-bookings-group li > a:hover, .list-bookings-alt li > a:hover, .list-static li > a:hover, .list-tasks li > a:hover, .list-rating li > a:hover, .module-objectives li > a:hover, .list-modules li > a:hover { background-color: white; color: #505050; }
.list-checkboxes p, .list-chosen p, .list-filter p, .list-action p, .list-incomplete p, .list-bookings p, .list-bookings-group p, .list-bookings-alt p, .list-static p, .list-tasks p, .list-rating p, .module-objectives p, .list-modules p { margin-bottom: 0.5em; margin-top: 0.5em; margin-left: 1em; font-size: 0.8125em; color: #999; }

ul.list-checkboxes, ul.list-chosen, ul.list-filter, ul.list-action, ul.list-incomplete, ul.list-bookings, ul.list-bookings-group, ul.list-bookings-alt, ul.list-static, ul.list-tasks, ul.list-rating, ul.module-objectives, ul.list-modules { list-style-type: none; }

ol.list-checkboxes, ol.list-chosen, ol.list-filter, ol.list-action, ol.list-incomplete, ol.list-bookings, ol.list-bookings-group, ol.list-bookings-alt, ol.list-static, ol.list-tasks, ol.list-rating, ol.module-objectives, ol.list-modules { list-style-position: inside; }

/* List states
--------------------------------------------- */
.disabled.list-checkboxes li, .disabled.list-chosen li, .disabled.list-filter li, .disabled.list-action li, .disabled.list-incomplete li, .disabled.list-bookings li, .disabled.list-bookings-group li, .disabled.list-bookings-alt li, .disabled.list-static li, .disabled.list-tasks li, .disabled.list-rating li, .disabled.module-objectives li, .disabled.list-modules li, .disabled.list-checkboxes li a, .disabled.list-chosen li a, .disabled.list-filter li a, .disabled.list-action li a, .disabled.list-incomplete li a, .disabled.list-bookings li a, .disabled.list-bookings-group li a, .disabled.list-bookings-alt li a, .disabled.list-static li a, .disabled.list-tasks li a, .disabled.list-rating li a, .disabled.module-objectives li a, .disabled.list-modules li a, .list-checkboxes li.disabled, .list-chosen li.disabled, .list-filter li.disabled, .list-action li.disabled, .list-incomplete li.disabled, .list-bookings li.disabled, .list-bookings-group li.disabled, .list-bookings-alt li.disabled, .list-static li.disabled, .list-tasks li.disabled, .list-rating li.disabled, .module-objectives li.disabled, .list-modules li.disabled, .list-checkboxes li.disabled a, .list-chosen li.disabled a, .list-filter li.disabled a, .list-action li.disabled a, .list-incomplete li.disabled a, .list-bookings li.disabled a, .list-bookings-group li.disabled a, .list-bookings-alt li.disabled a, .list-static li.disabled a, .list-tasks li.disabled a, .list-rating li.disabled a, .module-objectives li.disabled a, .list-modules li.disabled a { color: #C3C3C3; pointer-events: none; }
.disabled.list-checkboxes li .halflings, .disabled.list-chosen li .halflings, .disabled.list-filter li .halflings, .disabled.list-action li .halflings, .disabled.list-incomplete li .halflings, .disabled.list-bookings li .halflings, .disabled.list-bookings-group li .halflings, .disabled.list-bookings-alt li .halflings, .disabled.list-static li .halflings, .disabled.list-tasks li .halflings, .disabled.list-rating li .halflings, .disabled.module-objectives li .halflings, .disabled.list-modules li .halflings, .disabled.list-checkboxes li .glyphicons, .disabled.list-chosen li .glyphicons, .disabled.list-filter li .glyphicons, .disabled.list-action li .glyphicons, .disabled.list-incomplete li .glyphicons, .disabled.list-bookings li .glyphicons, .disabled.list-bookings-group li .glyphicons, .disabled.list-bookings-alt li .glyphicons, .disabled.list-static li .glyphicons, .disabled.list-tasks li .glyphicons, .disabled.list-rating li .glyphicons, .disabled.module-objectives li .glyphicons, .disabled.list-modules li .glyphicons, .disabled.list-checkboxes li a .halflings, .disabled.list-chosen li a .halflings, .disabled.list-filter li a .halflings, .disabled.list-action li a .halflings, .disabled.list-incomplete li a .halflings, .disabled.list-bookings li a .halflings, .disabled.list-bookings-group li a .halflings, .disabled.list-bookings-alt li a .halflings, .disabled.list-static li a .halflings, .disabled.list-tasks li a .halflings, .disabled.list-rating li a .halflings, .disabled.module-objectives li a .halflings, .disabled.list-modules li a .halflings, .disabled.list-checkboxes li a .glyphicons, .disabled.list-chosen li a .glyphicons, .disabled.list-filter li a .glyphicons, .disabled.list-action li a .glyphicons, .disabled.list-incomplete li a .glyphicons, .disabled.list-bookings li a .glyphicons, .disabled.list-bookings-group li a .glyphicons, .disabled.list-bookings-alt li a .glyphicons, .disabled.list-static li a .glyphicons, .disabled.list-tasks li a .glyphicons, .disabled.list-rating li a .glyphicons, .disabled.module-objectives li a .glyphicons, .disabled.list-modules li a .glyphicons, .list-checkboxes li.disabled .halflings, .list-chosen li.disabled .halflings, .list-filter li.disabled .halflings, .list-action li.disabled .halflings, .list-incomplete li.disabled .halflings, .list-bookings li.disabled .halflings, .list-bookings-group li.disabled .halflings, .list-bookings-alt li.disabled .halflings, .list-static li.disabled .halflings, .list-tasks li.disabled .halflings, .list-rating li.disabled .halflings, .module-objectives li.disabled .halflings, .list-modules li.disabled .halflings, .list-checkboxes li.disabled .glyphicons, .list-chosen li.disabled .glyphicons, .list-filter li.disabled .glyphicons, .list-action li.disabled .glyphicons, .list-incomplete li.disabled .glyphicons, .list-bookings li.disabled .glyphicons, .list-bookings-group li.disabled .glyphicons, .list-bookings-alt li.disabled .glyphicons, .list-static li.disabled .glyphicons, .list-tasks li.disabled .glyphicons, .list-rating li.disabled .glyphicons, .module-objectives li.disabled .glyphicons, .list-modules li.disabled .glyphicons, .list-checkboxes li.disabled a .halflings, .list-chosen li.disabled a .halflings, .list-filter li.disabled a .halflings, .list-action li.disabled a .halflings, .list-incomplete li.disabled a .halflings, .list-bookings li.disabled a .halflings, .list-bookings-group li.disabled a .halflings, .list-bookings-alt li.disabled a .halflings, .list-static li.disabled a .halflings, .list-tasks li.disabled a .halflings, .list-rating li.disabled a .halflings, .module-objectives li.disabled a .halflings, .list-modules li.disabled a .halflings, .list-checkboxes li.disabled a .glyphicons, .list-chosen li.disabled a .glyphicons, .list-filter li.disabled a .glyphicons, .list-action li.disabled a .glyphicons, .list-incomplete li.disabled a .glyphicons, .list-bookings li.disabled a .glyphicons, .list-bookings-group li.disabled a .glyphicons, .list-bookings-alt li.disabled a .glyphicons, .list-static li.disabled a .glyphicons, .list-tasks li.disabled a .glyphicons, .list-rating li.disabled a .glyphicons, .module-objectives li.disabled a .glyphicons, .list-modules li.disabled a .glyphicons { color: #C3C3C3; }
.list-checkboxes .active, .list-chosen .active, .list-filter .active, .list-action .active, .list-incomplete .active, .list-bookings .active, .list-bookings-group .active, .list-bookings-alt .active, .list-static .active, .list-tasks .active, .list-rating .active, .module-objectives .active, .list-modules .active, .list-checkboxes .active a, .list-chosen .active a, .list-filter .active a, .list-action .active a, .list-incomplete .active a, .list-bookings .active a, .list-bookings-group .active a, .list-bookings-alt .active a, .list-static .active a, .list-tasks .active a, .list-rating .active a, .module-objectives .active a, .list-modules .active a, .list-checkboxes .complete, .list-chosen .complete, .list-filter .complete, .list-action .complete, .list-incomplete .complete, .list-bookings .complete, .list-bookings-group .complete, .list-bookings-alt .complete, .list-static .complete, .list-tasks .complete, .list-rating .complete, .module-objectives .complete, .list-modules .complete, .list-checkboxes .complete a, .list-chosen .complete a, .list-filter .complete a, .list-action .complete a, .list-incomplete .complete a, .list-bookings .complete a, .list-bookings-group .complete a, .list-bookings-alt .complete a, .list-static .complete a, .list-tasks .complete a, .list-rating .complete a, .module-objectives .complete a, .list-modules .complete a { color: #505050; }
.list-checkboxes .incomplete, .list-chosen .incomplete, .list-filter .incomplete, .list-action .incomplete, .list-incomplete .incomplete, .list-bookings .incomplete, .list-bookings-group .incomplete, .list-bookings-alt .incomplete, .list-static .incomplete, .list-tasks .incomplete, .list-rating .incomplete, .module-objectives .incomplete, .list-modules .incomplete, .list-checkboxes .incomplete a, .list-chosen .incomplete a, .list-filter .incomplete a, .list-action .incomplete a, .list-incomplete .incomplete a, .list-bookings .incomplete a, .list-bookings-group .incomplete a, .list-bookings-alt .incomplete a, .list-static .incomplete a, .list-tasks .incomplete a, .list-rating .incomplete a, .module-objectives .incomplete a, .list-modules .incomplete a { color: #FF2855; }

/* List-type variations
--------------------------------------------- */
.list-basic { margin-left: 40px; }
.list-basic li { margin-bottom: 10px; }

.list-checkboxes { text-align: left; }
.list-checkboxes li { display: block; padding: 1em 0.5em; }
.list-checkboxes li input[type="checkbox"] { width: auto; }
.list-checkboxes li label { float: left; margin-top: -15px; margin-left: 30px; }

.list-chosen li { border-bottom: none; }

.list-filter a { color: #C3C3C3; }

.list-action .active, .list-incomplete .active { background-color: white; }
.list-action .rating-block, .list-incomplete .rating-block { float: none !important; }

.list-bookings .active, .list-bookings-group .active, .list-bookings-alt .active { background-color: white; }
.list-bookings .complete, .list-bookings .complete a, .list-bookings .complete a:hover, .list-bookings-group .complete, .list-bookings-group .complete a, .list-bookings-group .complete a:hover, .list-bookings-alt .complete, .list-bookings-alt .complete a, .list-bookings-alt .complete a:hover { color: #FF2855; }
.list-bookings li > a, .list-bookings-group li > a, .list-bookings-alt li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 65px; }
.list-bookings li.complete > a, .list-bookings-group li.complete > a, .list-bookings-alt li.complete > a { padding-right: 85px; }

.list-bookings-alt li:hover { background-color: white; }
.list-bookings-alt li > a.icon-modal { position: absolute; top: 0; right: 0; height: 22px; padding-right: 8px; }
.list-bookings-alt li > a.icon-modal:hover { background-color: transparent; }
.list-bookings-alt .icon-block .glyphicons { margin-right: 25px; }
.list-bookings-alt li.complete .icon-block .glyphicons { margin-right: 30px; }
.list-bookings-alt li.complete > a.icon-modal { right: 23px; }

.list-bookings-group > li { padding: 0.5em; border-bottom: none; }

.list-static li, .list-tasks li, .list-rating li, .module-objectives li { padding: 0.5em; border-left: 5px solid transparent; }
.list-static li.link, .list-tasks li.link, .list-rating li.link, .module-objectives li.link { padding: 0; border-left: none; }
.list-static li.link a, .list-tasks li.link a, .list-rating li.link a, .module-objectives li.link a { padding: 0.5em; border-left: 5px solid transparent; }
.list-static li.link a:hover, .list-tasks li.link a:hover, .list-rating li.link a:hover, .module-objectives li.link a:hover { border-left-color: white; }

.list-tasks .complete { color: #505050; }

.list-rating .complete, .list-rating .complete a { color: #505050; }

.lt-ie9 .list-modules { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lt-ie9 .list-modules li { padding-left: 13px; line-height: 39px; height: 39px; }
.lt-ie9 .list-modules a { display: inline-block; position: absolute; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 0; padding-bottom: 0; padding-left: 24px; }
.lt-ie9 .list-modules a:hover { background-color: transparent; }
.lt-ie9 .list-modules .badge, .lt-ie9 .list-modules .badge-alert, .lt-ie9 .list-modules .badge-ok, .lt-ie9 .list-modules .badge-key, .lt-ie9 .list-modules .badge-key-available, .lt-ie9 .list-modules .badge-key-class, .lt-ie9 .list-modules .badge-extra, .lt-ie9 .list-modules .badge-workshop, .lt-ie9 .list-modules .badge-conversation, .lt-ie9 .list-modules .badge-catalog { margin-top: 8px; }

.list-incomplete .glyphicons { color: #C3C3C3; }
.list-incomplete a:hover .date, .list-incomplete a:hover .glyphicons { color: #505050; }

.module-objectives > li { border-bottom: none; }
.module-objectives ul { list-style-position: inside; }
.module-objectives ul li { text-indent: -1.1em; padding-left: 1.5em; color: #838383; }
.lt-ie9 .module-objectives ul li { text-indent: -1.4em; padding-left: 2em; }

/* List element decorations
--------------------------------------------- */
.list-checkboxes .icon-block, .list-chosen .icon-block, .list-filter .icon-block, .list-action .icon-block, .list-incomplete .icon-block, .list-bookings .icon-block, .list-bookings-group .icon-block, .list-bookings-alt .icon-block, .list-static .icon-block, .list-tasks .icon-block, .list-rating .icon-block, .module-objectives .icon-block, .list-modules .icon-block { position: absolute; right: 0.5em; top: 0.5em; }
.list-checkboxes .halflings, .list-chosen .halflings, .list-filter .halflings, .list-action .halflings, .list-incomplete .halflings, .list-bookings .halflings, .list-bookings-group .halflings, .list-bookings-alt .halflings, .list-static .halflings, .list-tasks .halflings, .list-rating .halflings, .module-objectives .halflings, .list-modules .halflings, .list-checkboxes .glyphicons, .list-chosen .glyphicons, .list-filter .glyphicons, .list-action .glyphicons, .list-incomplete .glyphicons, .list-bookings .glyphicons, .list-bookings-group .glyphicons, .list-bookings-alt .glyphicons, .list-static .glyphicons, .list-tasks .glyphicons, .list-rating .glyphicons, .module-objectives .glyphicons, .list-modules .glyphicons { float: right; }
.list-checkboxes .halflings, .list-chosen .halflings, .list-filter .halflings, .list-action .halflings, .list-incomplete .halflings, .list-bookings .halflings, .list-bookings-group .halflings, .list-bookings-alt .halflings, .list-static .halflings, .list-tasks .halflings, .list-rating .halflings, .module-objectives .halflings, .list-modules .halflings { margin-top: 5px; margin-right: 8px; }
.list-checkboxes .glyphicons, .list-chosen .glyphicons, .list-filter .glyphicons, .list-action .glyphicons, .list-incomplete .glyphicons, .list-bookings .glyphicons, .list-bookings-group .glyphicons, .list-bookings-alt .glyphicons, .list-static .glyphicons, .list-tasks .glyphicons, .list-rating .glyphicons, .module-objectives .glyphicons, .list-modules .glyphicons { padding-left: 19px; }
.list-checkboxes .glyphicons:before, .list-chosen .glyphicons:before, .list-filter .glyphicons:before, .list-action .glyphicons:before, .list-incomplete .glyphicons:before, .list-bookings .glyphicons:before, .list-bookings-group .glyphicons:before, .list-bookings-alt .glyphicons:before, .list-static .glyphicons:before, .list-tasks .glyphicons:before, .list-rating .glyphicons:before, .module-objectives .glyphicons:before, .list-modules .glyphicons:before { font-size: 19px; line-height: 1.1em; }
.list-checkboxes .glyphicons.circle_info, .list-chosen .glyphicons.circle_info, .list-filter .glyphicons.circle_info, .list-action .glyphicons.circle_info, .list-incomplete .glyphicons.circle_info, .list-bookings .glyphicons.circle_info, .list-bookings-group .glyphicons.circle_info, .list-bookings-alt .glyphicons.circle_info, .list-static .glyphicons.circle_info, .list-tasks .glyphicons.circle_info, .list-rating .glyphicons.circle_info, .module-objectives .glyphicons.circle_info, .list-modules .glyphicons.circle_info { cursor: pointer; }
.list-checkboxes .halflings + .glyphicons, .list-chosen .halflings + .glyphicons, .list-filter .halflings + .glyphicons, .list-action .halflings + .glyphicons, .list-incomplete .halflings + .glyphicons, .list-bookings .halflings + .glyphicons, .list-bookings-group .halflings + .glyphicons, .list-bookings-alt .halflings + .glyphicons, .list-static .halflings + .glyphicons, .list-tasks .halflings + .glyphicons, .list-rating .halflings + .glyphicons, .module-objectives .halflings + .glyphicons, .list-modules .halflings + .glyphicons { margin-right: 5px; }
.list-checkboxes .glyphicons + .glyphicons, .list-chosen .glyphicons + .glyphicons, .list-filter .glyphicons + .glyphicons, .list-action .glyphicons + .glyphicons, .list-incomplete .glyphicons + .glyphicons, .list-bookings .glyphicons + .glyphicons, .list-bookings-group .glyphicons + .glyphicons, .list-bookings-alt .glyphicons + .glyphicons, .list-static .glyphicons + .glyphicons, .list-tasks .glyphicons + .glyphicons, .list-rating .glyphicons + .glyphicons, .module-objectives .glyphicons + .glyphicons, .list-modules .glyphicons + .glyphicons { margin-right: 25px; }
.list-checkboxes .halflings + .glyphicons + .glyphicons, .list-chosen .halflings + .glyphicons + .glyphicons, .list-filter .halflings + .glyphicons + .glyphicons, .list-action .halflings + .glyphicons + .glyphicons, .list-incomplete .halflings + .glyphicons + .glyphicons, .list-bookings .halflings + .glyphicons + .glyphicons, .list-bookings-group .halflings + .glyphicons + .glyphicons, .list-bookings-alt .halflings + .glyphicons + .glyphicons, .list-static .halflings + .glyphicons + .glyphicons, .list-tasks .halflings + .glyphicons + .glyphicons, .list-rating .halflings + .glyphicons + .glyphicons, .module-objectives .halflings + .glyphicons + .glyphicons, .list-modules .halflings + .glyphicons + .glyphicons { margin-right: 30px; }
.list-checkboxes .dot, .list-chosen .dot, .list-filter .dot, .list-action .dot, .list-incomplete .dot, .list-bookings .dot, .list-bookings-group .dot, .list-bookings-alt .dot, .list-static .dot, .list-tasks .dot, .list-rating .dot, .module-objectives .dot, .list-modules .dot { float: right; line-height: 0.7em; margin-right: 5px; }
.list-checkboxes .halflings + .dot, .list-chosen .halflings + .dot, .list-filter .halflings + .dot, .list-action .halflings + .dot, .list-incomplete .halflings + .dot, .list-bookings .halflings + .dot, .list-bookings-group .halflings + .dot, .list-bookings-alt .halflings + .dot, .list-static .halflings + .dot, .list-tasks .halflings + .dot, .list-rating .halflings + .dot, .module-objectives .halflings + .dot, .list-modules .halflings + .dot { margin-right: 5px; }
.list-checkboxes .badge, .list-chosen .badge, .list-filter .badge, .list-action .badge, .list-incomplete .badge, .list-bookings .badge, .list-bookings-group .badge, .list-bookings-alt .badge, .list-static .badge, .list-tasks .badge, .list-rating .badge, .module-objectives .badge, .list-modules .badge, .list-checkboxes .badge-alert, .list-chosen .badge-alert, .list-filter .badge-alert, .list-action .badge-alert, .list-incomplete .badge-alert, .list-bookings .badge-alert, .list-bookings-group .badge-alert, .list-bookings-alt .badge-alert, .list-static .badge-alert, .list-tasks .badge-alert, .list-rating .badge-alert, .module-objectives .badge-alert, .list-modules .badge-alert, .list-checkboxes .badge-ok, .list-chosen .badge-ok, .list-filter .badge-ok, .list-action .badge-ok, .list-incomplete .badge-ok, .list-bookings .badge-ok, .list-bookings-group .badge-ok, .list-bookings-alt .badge-ok, .list-static .badge-ok, .list-tasks .badge-ok, .list-rating .badge-ok, .module-objectives .badge-ok, .list-modules .badge-ok, .list-checkboxes .badge-key, .list-chosen .badge-key, .list-filter .badge-key, .list-action .badge-key, .list-incomplete .badge-key, .list-bookings .badge-key, .list-bookings-group .badge-key, .list-bookings-alt .badge-key, .list-static .badge-key, .list-tasks .badge-key, .list-rating .badge-key, .module-objectives .badge-key, .list-modules .badge-key, .list-checkboxes .badge-key-available, .list-chosen .badge-key-available, .list-filter .badge-key-available, .list-action .badge-key-available, .list-incomplete .badge-key-available, .list-bookings .badge-key-available, .list-bookings-group .badge-key-available, .list-bookings-alt .badge-key-available, .list-static .badge-key-available, .list-tasks .badge-key-available, .list-rating .badge-key-available, .module-objectives .badge-key-available, .list-modules .badge-key-available, .list-checkboxes .badge-key-class, .list-chosen .badge-key-class, .list-filter .badge-key-class, .list-action .badge-key-class, .list-incomplete .badge-key-class, .list-bookings .badge-key-class, .list-bookings-group .badge-key-class, .list-bookings-alt .badge-key-class, .list-static .badge-key-class, .list-tasks .badge-key-class, .list-rating .badge-key-class, .module-objectives .badge-key-class, .list-modules .badge-key-class, .list-checkboxes .badge-extra, .list-chosen .badge-extra, .list-filter .badge-extra, .list-action .badge-extra, .list-incomplete .badge-extra, .list-bookings .badge-extra, .list-bookings-group .badge-extra, .list-bookings-alt .badge-extra, .list-static .badge-extra, .list-tasks .badge-extra, .list-rating .badge-extra, .module-objectives .badge-extra, .list-modules .badge-extra, .list-checkboxes .badge-workshop, .list-chosen .badge-workshop, .list-filter .badge-workshop, .list-action .badge-workshop, .list-incomplete .badge-workshop, .list-bookings .badge-workshop, .list-bookings-group .badge-workshop, .list-bookings-alt .badge-workshop, .list-static .badge-workshop, .list-tasks .badge-workshop, .list-rating .badge-workshop, .module-objectives .badge-workshop, .list-modules .badge-workshop, .list-checkboxes .badge-conversation, .list-chosen .badge-conversation, .list-filter .badge-conversation, .list-action .badge-conversation, .list-incomplete .badge-conversation, .list-bookings .badge-conversation, .list-bookings-group .badge-conversation, .list-bookings-alt .badge-conversation, .list-static .badge-conversation, .list-tasks .badge-conversation, .list-rating .badge-conversation, .module-objectives .badge-conversation, .list-modules .badge-conversation, .list-checkboxes .badge-catalog, .list-chosen .badge-catalog, .list-filter .badge-catalog, .list-action .badge-catalog, .list-incomplete .badge-catalog, .list-bookings .badge-catalog, .list-bookings-group .badge-catalog, .list-bookings-alt .badge-catalog, .list-static .badge-catalog, .list-tasks .badge-catalog, .list-rating .badge-catalog, .module-objectives .badge-catalog, .list-modules .badge-catalog { float: right; }
.list-checkboxes .badge .halflings, .list-chosen .badge .halflings, .list-filter .badge .halflings, .list-action .badge .halflings, .list-incomplete .badge .halflings, .list-bookings .badge .halflings, .list-bookings-group .badge .halflings, .list-bookings-alt .badge .halflings, .list-static .badge .halflings, .list-tasks .badge .halflings, .list-rating .badge .halflings, .module-objectives .badge .halflings, .list-modules .badge .halflings, .list-checkboxes .badge-alert .halflings, .list-chosen .badge-alert .halflings, .list-filter .badge-alert .halflings, .list-action .badge-alert .halflings, .list-incomplete .badge-alert .halflings, .list-bookings .badge-alert .halflings, .list-bookings-group .badge-alert .halflings, .list-bookings-alt .badge-alert .halflings, .list-static .badge-alert .halflings, .list-tasks .badge-alert .halflings, .list-rating .badge-alert .halflings, .module-objectives .badge-alert .halflings, .list-modules .badge-alert .halflings, .list-checkboxes .badge-ok .halflings, .list-chosen .badge-ok .halflings, .list-filter .badge-ok .halflings, .list-action .badge-ok .halflings, .list-incomplete .badge-ok .halflings, .list-bookings .badge-ok .halflings, .list-bookings-group .badge-ok .halflings, .list-bookings-alt .badge-ok .halflings, .list-static .badge-ok .halflings, .list-tasks .badge-ok .halflings, .list-rating .badge-ok .halflings, .module-objectives .badge-ok .halflings, .list-modules .badge-ok .halflings, .list-checkboxes .badge-key .halflings, .list-chosen .badge-key .halflings, .list-filter .badge-key .halflings, .list-action .badge-key .halflings, .list-incomplete .badge-key .halflings, .list-bookings .badge-key .halflings, .list-bookings-group .badge-key .halflings, .list-bookings-alt .badge-key .halflings, .list-static .badge-key .halflings, .list-tasks .badge-key .halflings, .list-rating .badge-key .halflings, .module-objectives .badge-key .halflings, .list-modules .badge-key .halflings, .list-checkboxes .badge-key-available .halflings, .list-chosen .badge-key-available .halflings, .list-filter .badge-key-available .halflings, .list-action .badge-key-available .halflings, .list-incomplete .badge-key-available .halflings, .list-bookings .badge-key-available .halflings, .list-bookings-group .badge-key-available .halflings, .list-bookings-alt .badge-key-available .halflings, .list-static .badge-key-available .halflings, .list-tasks .badge-key-available .halflings, .list-rating .badge-key-available .halflings, .module-objectives .badge-key-available .halflings, .list-modules .badge-key-available .halflings, .list-checkboxes .badge-key-class .halflings, .list-chosen .badge-key-class .halflings, .list-filter .badge-key-class .halflings, .list-action .badge-key-class .halflings, .list-incomplete .badge-key-class .halflings, .list-bookings .badge-key-class .halflings, .list-bookings-group .badge-key-class .halflings, .list-bookings-alt .badge-key-class .halflings, .list-static .badge-key-class .halflings, .list-tasks .badge-key-class .halflings, .list-rating .badge-key-class .halflings, .module-objectives .badge-key-class .halflings, .list-modules .badge-key-class .halflings, .list-checkboxes .badge-extra .halflings, .list-chosen .badge-extra .halflings, .list-filter .badge-extra .halflings, .list-action .badge-extra .halflings, .list-incomplete .badge-extra .halflings, .list-bookings .badge-extra .halflings, .list-bookings-group .badge-extra .halflings, .list-bookings-alt .badge-extra .halflings, .list-static .badge-extra .halflings, .list-tasks .badge-extra .halflings, .list-rating .badge-extra .halflings, .module-objectives .badge-extra .halflings, .list-modules .badge-extra .halflings, .list-checkboxes .badge-workshop .halflings, .list-chosen .badge-workshop .halflings, .list-filter .badge-workshop .halflings, .list-action .badge-workshop .halflings, .list-incomplete .badge-workshop .halflings, .list-bookings .badge-workshop .halflings, .list-bookings-group .badge-workshop .halflings, .list-bookings-alt .badge-workshop .halflings, .list-static .badge-workshop .halflings, .list-tasks .badge-workshop .halflings, .list-rating .badge-workshop .halflings, .module-objectives .badge-workshop .halflings, .list-modules .badge-workshop .halflings, .list-checkboxes .badge-conversation .halflings, .list-chosen .badge-conversation .halflings, .list-filter .badge-conversation .halflings, .list-action .badge-conversation .halflings, .list-incomplete .badge-conversation .halflings, .list-bookings .badge-conversation .halflings, .list-bookings-group .badge-conversation .halflings, .list-bookings-alt .badge-conversation .halflings, .list-static .badge-conversation .halflings, .list-tasks .badge-conversation .halflings, .list-rating .badge-conversation .halflings, .module-objectives .badge-conversation .halflings, .list-modules .badge-conversation .halflings, .list-checkboxes .badge-catalog .halflings, .list-chosen .badge-catalog .halflings, .list-filter .badge-catalog .halflings, .list-action .badge-catalog .halflings, .list-incomplete .badge-catalog .halflings, .list-bookings .badge-catalog .halflings, .list-bookings-group .badge-catalog .halflings, .list-bookings-alt .badge-catalog .halflings, .list-static .badge-catalog .halflings, .list-tasks .badge-catalog .halflings, .list-rating .badge-catalog .halflings, .module-objectives .badge-catalog .halflings, .list-modules .badge-catalog .halflings { float: none; margin-top: -13px; margin-right: 3px; margin-left: 3px; }
.list-checkboxes .badge .glyphicons, .list-chosen .badge .glyphicons, .list-filter .badge .glyphicons, .list-action .badge .glyphicons, .list-incomplete .badge .glyphicons, .list-bookings .badge .glyphicons, .list-bookings-group .badge .glyphicons, .list-bookings-alt .badge .glyphicons, .list-static .badge .glyphicons, .list-tasks .badge .glyphicons, .list-rating .badge .glyphicons, .module-objectives .badge .glyphicons, .list-modules .badge .glyphicons, .list-checkboxes .badge-alert .glyphicons, .list-chosen .badge-alert .glyphicons, .list-filter .badge-alert .glyphicons, .list-action .badge-alert .glyphicons, .list-incomplete .badge-alert .glyphicons, .list-bookings .badge-alert .glyphicons, .list-bookings-group .badge-alert .glyphicons, .list-bookings-alt .badge-alert .glyphicons, .list-static .badge-alert .glyphicons, .list-tasks .badge-alert .glyphicons, .list-rating .badge-alert .glyphicons, .module-objectives .badge-alert .glyphicons, .list-modules .badge-alert .glyphicons, .list-checkboxes .badge-ok .glyphicons, .list-chosen .badge-ok .glyphicons, .list-filter .badge-ok .glyphicons, .list-action .badge-ok .glyphicons, .list-incomplete .badge-ok .glyphicons, .list-bookings .badge-ok .glyphicons, .list-bookings-group .badge-ok .glyphicons, .list-bookings-alt .badge-ok .glyphicons, .list-static .badge-ok .glyphicons, .list-tasks .badge-ok .glyphicons, .list-rating .badge-ok .glyphicons, .module-objectives .badge-ok .glyphicons, .list-modules .badge-ok .glyphicons, .list-checkboxes .badge-key .glyphicons, .list-chosen .badge-key .glyphicons, .list-filter .badge-key .glyphicons, .list-action .badge-key .glyphicons, .list-incomplete .badge-key .glyphicons, .list-bookings .badge-key .glyphicons, .list-bookings-group .badge-key .glyphicons, .list-bookings-alt .badge-key .glyphicons, .list-static .badge-key .glyphicons, .list-tasks .badge-key .glyphicons, .list-rating .badge-key .glyphicons, .module-objectives .badge-key .glyphicons, .list-modules .badge-key .glyphicons, .list-checkboxes .badge-key-available .glyphicons, .list-chosen .badge-key-available .glyphicons, .list-filter .badge-key-available .glyphicons, .list-action .badge-key-available .glyphicons, .list-incomplete .badge-key-available .glyphicons, .list-bookings .badge-key-available .glyphicons, .list-bookings-group .badge-key-available .glyphicons, .list-bookings-alt .badge-key-available .glyphicons, .list-static .badge-key-available .glyphicons, .list-tasks .badge-key-available .glyphicons, .list-rating .badge-key-available .glyphicons, .module-objectives .badge-key-available .glyphicons, .list-modules .badge-key-available .glyphicons, .list-checkboxes .badge-key-class .glyphicons, .list-chosen .badge-key-class .glyphicons, .list-filter .badge-key-class .glyphicons, .list-action .badge-key-class .glyphicons, .list-incomplete .badge-key-class .glyphicons, .list-bookings .badge-key-class .glyphicons, .list-bookings-group .badge-key-class .glyphicons, .list-bookings-alt .badge-key-class .glyphicons, .list-static .badge-key-class .glyphicons, .list-tasks .badge-key-class .glyphicons, .list-rating .badge-key-class .glyphicons, .module-objectives .badge-key-class .glyphicons, .list-modules .badge-key-class .glyphicons, .list-checkboxes .badge-extra .glyphicons, .list-chosen .badge-extra .glyphicons, .list-filter .badge-extra .glyphicons, .list-action .badge-extra .glyphicons, .list-incomplete .badge-extra .glyphicons, .list-bookings .badge-extra .glyphicons, .list-bookings-group .badge-extra .glyphicons, .list-bookings-alt .badge-extra .glyphicons, .list-static .badge-extra .glyphicons, .list-tasks .badge-extra .glyphicons, .list-rating .badge-extra .glyphicons, .module-objectives .badge-extra .glyphicons, .list-modules .badge-extra .glyphicons, .list-checkboxes .badge-workshop .glyphicons, .list-chosen .badge-workshop .glyphicons, .list-filter .badge-workshop .glyphicons, .list-action .badge-workshop .glyphicons, .list-incomplete .badge-workshop .glyphicons, .list-bookings .badge-workshop .glyphicons, .list-bookings-group .badge-workshop .glyphicons, .list-bookings-alt .badge-workshop .glyphicons, .list-static .badge-workshop .glyphicons, .list-tasks .badge-workshop .glyphicons, .list-rating .badge-workshop .glyphicons, .module-objectives .badge-workshop .glyphicons, .list-modules .badge-workshop .glyphicons, .list-checkboxes .badge-conversation .glyphicons, .list-chosen .badge-conversation .glyphicons, .list-filter .badge-conversation .glyphicons, .list-action .badge-conversation .glyphicons, .list-incomplete .badge-conversation .glyphicons, .list-bookings .badge-conversation .glyphicons, .list-bookings-group .badge-conversation .glyphicons, .list-bookings-alt .badge-conversation .glyphicons, .list-static .badge-conversation .glyphicons, .list-tasks .badge-conversation .glyphicons, .list-rating .badge-conversation .glyphicons, .module-objectives .badge-conversation .glyphicons, .list-modules .badge-conversation .glyphicons, .list-checkboxes .badge-catalog .glyphicons, .list-chosen .badge-catalog .glyphicons, .list-filter .badge-catalog .glyphicons, .list-action .badge-catalog .glyphicons, .list-incomplete .badge-catalog .glyphicons, .list-bookings .badge-catalog .glyphicons, .list-bookings-group .badge-catalog .glyphicons, .list-bookings-alt .badge-catalog .glyphicons, .list-static .badge-catalog .glyphicons, .list-tasks .badge-catalog .glyphicons, .list-rating .badge-catalog .glyphicons, .module-objectives .badge-catalog .glyphicons, .list-modules .badge-catalog .glyphicons { float: none; margin-top: 15px; margin-right: 3px; margin-left: 5px; padding-left: 10px; }
.list-checkboxes .badge .glyphicons:before, .list-chosen .badge .glyphicons:before, .list-filter .badge .glyphicons:before, .list-action .badge .glyphicons:before, .list-incomplete .badge .glyphicons:before, .list-bookings .badge .glyphicons:before, .list-bookings-group .badge .glyphicons:before, .list-bookings-alt .badge .glyphicons:before, .list-static .badge .glyphicons:before, .list-tasks .badge .glyphicons:before, .list-rating .badge .glyphicons:before, .module-objectives .badge .glyphicons:before, .list-modules .badge .glyphicons:before, .list-checkboxes .badge-alert .glyphicons:before, .list-chosen .badge-alert .glyphicons:before, .list-filter .badge-alert .glyphicons:before, .list-action .badge-alert .glyphicons:before, .list-incomplete .badge-alert .glyphicons:before, .list-bookings .badge-alert .glyphicons:before, .list-bookings-group .badge-alert .glyphicons:before, .list-bookings-alt .badge-alert .glyphicons:before, .list-static .badge-alert .glyphicons:before, .list-tasks .badge-alert .glyphicons:before, .list-rating .badge-alert .glyphicons:before, .module-objectives .badge-alert .glyphicons:before, .list-modules .badge-alert .glyphicons:before, .list-checkboxes .badge-ok .glyphicons:before, .list-chosen .badge-ok .glyphicons:before, .list-filter .badge-ok .glyphicons:before, .list-action .badge-ok .glyphicons:before, .list-incomplete .badge-ok .glyphicons:before, .list-bookings .badge-ok .glyphicons:before, .list-bookings-group .badge-ok .glyphicons:before, .list-bookings-alt .badge-ok .glyphicons:before, .list-static .badge-ok .glyphicons:before, .list-tasks .badge-ok .glyphicons:before, .list-rating .badge-ok .glyphicons:before, .module-objectives .badge-ok .glyphicons:before, .list-modules .badge-ok .glyphicons:before, .list-checkboxes .badge-key .glyphicons:before, .list-chosen .badge-key .glyphicons:before, .list-filter .badge-key .glyphicons:before, .list-action .badge-key .glyphicons:before, .list-incomplete .badge-key .glyphicons:before, .list-bookings .badge-key .glyphicons:before, .list-bookings-group .badge-key .glyphicons:before, .list-bookings-alt .badge-key .glyphicons:before, .list-static .badge-key .glyphicons:before, .list-tasks .badge-key .glyphicons:before, .list-rating .badge-key .glyphicons:before, .module-objectives .badge-key .glyphicons:before, .list-modules .badge-key .glyphicons:before, .list-checkboxes .badge-key-available .glyphicons:before, .list-chosen .badge-key-available .glyphicons:before, .list-filter .badge-key-available .glyphicons:before, .list-action .badge-key-available .glyphicons:before, .list-incomplete .badge-key-available .glyphicons:before, .list-bookings .badge-key-available .glyphicons:before, .list-bookings-group .badge-key-available .glyphicons:before, .list-bookings-alt .badge-key-available .glyphicons:before, .list-static .badge-key-available .glyphicons:before, .list-tasks .badge-key-available .glyphicons:before, .list-rating .badge-key-available .glyphicons:before, .module-objectives .badge-key-available .glyphicons:before, .list-modules .badge-key-available .glyphicons:before, .list-checkboxes .badge-key-class .glyphicons:before, .list-chosen .badge-key-class .glyphicons:before, .list-filter .badge-key-class .glyphicons:before, .list-action .badge-key-class .glyphicons:before, .list-incomplete .badge-key-class .glyphicons:before, .list-bookings .badge-key-class .glyphicons:before, .list-bookings-group .badge-key-class .glyphicons:before, .list-bookings-alt .badge-key-class .glyphicons:before, .list-static .badge-key-class .glyphicons:before, .list-tasks .badge-key-class .glyphicons:before, .list-rating .badge-key-class .glyphicons:before, .module-objectives .badge-key-class .glyphicons:before, .list-modules .badge-key-class .glyphicons:before, .list-checkboxes .badge-extra .glyphicons:before, .list-chosen .badge-extra .glyphicons:before, .list-filter .badge-extra .glyphicons:before, .list-action .badge-extra .glyphicons:before, .list-incomplete .badge-extra .glyphicons:before, .list-bookings .badge-extra .glyphicons:before, .list-bookings-group .badge-extra .glyphicons:before, .list-bookings-alt .badge-extra .glyphicons:before, .list-static .badge-extra .glyphicons:before, .list-tasks .badge-extra .glyphicons:before, .list-rating .badge-extra .glyphicons:before, .module-objectives .badge-extra .glyphicons:before, .list-modules .badge-extra .glyphicons:before, .list-checkboxes .badge-workshop .glyphicons:before, .list-chosen .badge-workshop .glyphicons:before, .list-filter .badge-workshop .glyphicons:before, .list-action .badge-workshop .glyphicons:before, .list-incomplete .badge-workshop .glyphicons:before, .list-bookings .badge-workshop .glyphicons:before, .list-bookings-group .badge-workshop .glyphicons:before, .list-bookings-alt .badge-workshop .glyphicons:before, .list-static .badge-workshop .glyphicons:before, .list-tasks .badge-workshop .glyphicons:before, .list-rating .badge-workshop .glyphicons:before, .module-objectives .badge-workshop .glyphicons:before, .list-modules .badge-workshop .glyphicons:before, .list-checkboxes .badge-conversation .glyphicons:before, .list-chosen .badge-conversation .glyphicons:before, .list-filter .badge-conversation .glyphicons:before, .list-action .badge-conversation .glyphicons:before, .list-incomplete .badge-conversation .glyphicons:before, .list-bookings .badge-conversation .glyphicons:before, .list-bookings-group .badge-conversation .glyphicons:before, .list-bookings-alt .badge-conversation .glyphicons:before, .list-static .badge-conversation .glyphicons:before, .list-tasks .badge-conversation .glyphicons:before, .list-rating .badge-conversation .glyphicons:before, .module-objectives .badge-conversation .glyphicons:before, .list-modules .badge-conversation .glyphicons:before, .list-checkboxes .badge-catalog .glyphicons:before, .list-chosen .badge-catalog .glyphicons:before, .list-filter .badge-catalog .glyphicons:before, .list-action .badge-catalog .glyphicons:before, .list-incomplete .badge-catalog .glyphicons:before, .list-bookings .badge-catalog .glyphicons:before, .list-bookings-group .badge-catalog .glyphicons:before, .list-bookings-alt .badge-catalog .glyphicons:before, .list-static .badge-catalog .glyphicons:before, .list-tasks .badge-catalog .glyphicons:before, .list-rating .badge-catalog .glyphicons:before, .module-objectives .badge-catalog .glyphicons:before, .list-modules .badge-catalog .glyphicons:before { font-size: 12px; line-height: 18px; }
.list-checkboxes li.active .badge, .list-chosen li.active .badge, .list-filter li.active .badge, .list-action li.active .badge, .list-incomplete li.active .badge, .list-bookings li.active .badge, .list-bookings-group li.active .badge, .list-bookings-alt li.active .badge, .list-static li.active .badge, .list-tasks li.active .badge, .list-rating li.active .badge, .module-objectives li.active .badge, .list-modules li.active .badge, .list-checkboxes li.active .badge-alert, .list-chosen li.active .badge-alert, .list-filter li.active .badge-alert, .list-action li.active .badge-alert, .list-incomplete li.active .badge-alert, .list-bookings li.active .badge-alert, .list-bookings-group li.active .badge-alert, .list-bookings-alt li.active .badge-alert, .list-static li.active .badge-alert, .list-tasks li.active .badge-alert, .list-rating li.active .badge-alert, .module-objectives li.active .badge-alert, .list-modules li.active .badge-alert, .list-checkboxes li.active .badge-ok, .list-chosen li.active .badge-ok, .list-filter li.active .badge-ok, .list-action li.active .badge-ok, .list-incomplete li.active .badge-ok, .list-bookings li.active .badge-ok, .list-bookings-group li.active .badge-ok, .list-bookings-alt li.active .badge-ok, .list-static li.active .badge-ok, .list-tasks li.active .badge-ok, .list-rating li.active .badge-ok, .module-objectives li.active .badge-ok, .list-modules li.active .badge-ok, .list-checkboxes li.active .badge-key, .list-chosen li.active .badge-key, .list-filter li.active .badge-key, .list-action li.active .badge-key, .list-incomplete li.active .badge-key, .list-bookings li.active .badge-key, .list-bookings-group li.active .badge-key, .list-bookings-alt li.active .badge-key, .list-static li.active .badge-key, .list-tasks li.active .badge-key, .list-rating li.active .badge-key, .module-objectives li.active .badge-key, .list-modules li.active .badge-key, .list-checkboxes li.active .badge-key-available, .list-chosen li.active .badge-key-available, .list-filter li.active .badge-key-available, .list-action li.active .badge-key-available, .list-incomplete li.active .badge-key-available, .list-bookings li.active .badge-key-available, .list-bookings-group li.active .badge-key-available, .list-bookings-alt li.active .badge-key-available, .list-static li.active .badge-key-available, .list-tasks li.active .badge-key-available, .list-rating li.active .badge-key-available, .module-objectives li.active .badge-key-available, .list-modules li.active .badge-key-available, .list-checkboxes li.active .badge-key-class, .list-chosen li.active .badge-key-class, .list-filter li.active .badge-key-class, .list-action li.active .badge-key-class, .list-incomplete li.active .badge-key-class, .list-bookings li.active .badge-key-class, .list-bookings-group li.active .badge-key-class, .list-bookings-alt li.active .badge-key-class, .list-static li.active .badge-key-class, .list-tasks li.active .badge-key-class, .list-rating li.active .badge-key-class, .module-objectives li.active .badge-key-class, .list-modules li.active .badge-key-class, .list-checkboxes li.active .badge-extra, .list-chosen li.active .badge-extra, .list-filter li.active .badge-extra, .list-action li.active .badge-extra, .list-incomplete li.active .badge-extra, .list-bookings li.active .badge-extra, .list-bookings-group li.active .badge-extra, .list-bookings-alt li.active .badge-extra, .list-static li.active .badge-extra, .list-tasks li.active .badge-extra, .list-rating li.active .badge-extra, .module-objectives li.active .badge-extra, .list-modules li.active .badge-extra, .list-checkboxes li.active .badge-workshop, .list-chosen li.active .badge-workshop, .list-filter li.active .badge-workshop, .list-action li.active .badge-workshop, .list-incomplete li.active .badge-workshop, .list-bookings li.active .badge-workshop, .list-bookings-group li.active .badge-workshop, .list-bookings-alt li.active .badge-workshop, .list-static li.active .badge-workshop, .list-tasks li.active .badge-workshop, .list-rating li.active .badge-workshop, .module-objectives li.active .badge-workshop, .list-modules li.active .badge-workshop, .list-checkboxes li.active .badge-conversation, .list-chosen li.active .badge-conversation, .list-filter li.active .badge-conversation, .list-action li.active .badge-conversation, .list-incomplete li.active .badge-conversation, .list-bookings li.active .badge-conversation, .list-bookings-group li.active .badge-conversation, .list-bookings-alt li.active .badge-conversation, .list-static li.active .badge-conversation, .list-tasks li.active .badge-conversation, .list-rating li.active .badge-conversation, .module-objectives li.active .badge-conversation, .list-modules li.active .badge-conversation, .list-checkboxes li.active .badge-catalog, .list-chosen li.active .badge-catalog, .list-filter li.active .badge-catalog, .list-action li.active .badge-catalog, .list-incomplete li.active .badge-catalog, .list-bookings li.active .badge-catalog, .list-bookings-group li.active .badge-catalog, .list-bookings-alt li.active .badge-catalog, .list-static li.active .badge-catalog, .list-tasks li.active .badge-catalog, .list-rating li.active .badge-catalog, .module-objectives li.active .badge-catalog, .list-modules li.active .badge-catalog { background-color: #505050; color: white; }
.list-checkboxes li.active .badge:after, .list-chosen li.active .badge:after, .list-filter li.active .badge:after, .list-action li.active .badge:after, .list-incomplete li.active .badge:after, .list-bookings li.active .badge:after, .list-bookings-group li.active .badge:after, .list-bookings-alt li.active .badge:after, .list-static li.active .badge:after, .list-tasks li.active .badge:after, .list-rating li.active .badge:after, .module-objectives li.active .badge:after, .list-modules li.active .badge:after, .list-checkboxes li.active .badge-alert:after, .list-chosen li.active .badge-alert:after, .list-filter li.active .badge-alert:after, .list-action li.active .badge-alert:after, .list-incomplete li.active .badge-alert:after, .list-bookings li.active .badge-alert:after, .list-bookings-group li.active .badge-alert:after, .list-bookings-alt li.active .badge-alert:after, .list-static li.active .badge-alert:after, .list-tasks li.active .badge-alert:after, .list-rating li.active .badge-alert:after, .module-objectives li.active .badge-alert:after, .list-modules li.active .badge-alert:after, .list-checkboxes li.active .badge-ok:after, .list-chosen li.active .badge-ok:after, .list-filter li.active .badge-ok:after, .list-action li.active .badge-ok:after, .list-incomplete li.active .badge-ok:after, .list-bookings li.active .badge-ok:after, .list-bookings-group li.active .badge-ok:after, .list-bookings-alt li.active .badge-ok:after, .list-static li.active .badge-ok:after, .list-tasks li.active .badge-ok:after, .list-rating li.active .badge-ok:after, .module-objectives li.active .badge-ok:after, .list-modules li.active .badge-ok:after, .list-checkboxes li.active .badge-key:after, .list-chosen li.active .badge-key:after, .list-filter li.active .badge-key:after, .list-action li.active .badge-key:after, .list-incomplete li.active .badge-key:after, .list-bookings li.active .badge-key:after, .list-bookings-group li.active .badge-key:after, .list-bookings-alt li.active .badge-key:after, .list-static li.active .badge-key:after, .list-tasks li.active .badge-key:after, .list-rating li.active .badge-key:after, .module-objectives li.active .badge-key:after, .list-modules li.active .badge-key:after, .list-checkboxes li.active .badge-key-available:after, .list-chosen li.active .badge-key-available:after, .list-filter li.active .badge-key-available:after, .list-action li.active .badge-key-available:after, .list-incomplete li.active .badge-key-available:after, .list-bookings li.active .badge-key-available:after, .list-bookings-group li.active .badge-key-available:after, .list-bookings-alt li.active .badge-key-available:after, .list-static li.active .badge-key-available:after, .list-tasks li.active .badge-key-available:after, .list-rating li.active .badge-key-available:after, .module-objectives li.active .badge-key-available:after, .list-modules li.active .badge-key-available:after, .list-checkboxes li.active .badge-key-class:after, .list-chosen li.active .badge-key-class:after, .list-filter li.active .badge-key-class:after, .list-action li.active .badge-key-class:after, .list-incomplete li.active .badge-key-class:after, .list-bookings li.active .badge-key-class:after, .list-bookings-group li.active .badge-key-class:after, .list-bookings-alt li.active .badge-key-class:after, .list-static li.active .badge-key-class:after, .list-tasks li.active .badge-key-class:after, .list-rating li.active .badge-key-class:after, .module-objectives li.active .badge-key-class:after, .list-modules li.active .badge-key-class:after, .list-checkboxes li.active .badge-extra:after, .list-chosen li.active .badge-extra:after, .list-filter li.active .badge-extra:after, .list-action li.active .badge-extra:after, .list-incomplete li.active .badge-extra:after, .list-bookings li.active .badge-extra:after, .list-bookings-group li.active .badge-extra:after, .list-bookings-alt li.active .badge-extra:after, .list-static li.active .badge-extra:after, .list-tasks li.active .badge-extra:after, .list-rating li.active .badge-extra:after, .module-objectives li.active .badge-extra:after, .list-modules li.active .badge-extra:after, .list-checkboxes li.active .badge-workshop:after, .list-chosen li.active .badge-workshop:after, .list-filter li.active .badge-workshop:after, .list-action li.active .badge-workshop:after, .list-incomplete li.active .badge-workshop:after, .list-bookings li.active .badge-workshop:after, .list-bookings-group li.active .badge-workshop:after, .list-bookings-alt li.active .badge-workshop:after, .list-static li.active .badge-workshop:after, .list-tasks li.active .badge-workshop:after, .list-rating li.active .badge-workshop:after, .module-objectives li.active .badge-workshop:after, .list-modules li.active .badge-workshop:after, .list-checkboxes li.active .badge-conversation:after, .list-chosen li.active .badge-conversation:after, .list-filter li.active .badge-conversation:after, .list-action li.active .badge-conversation:after, .list-incomplete li.active .badge-conversation:after, .list-bookings li.active .badge-conversation:after, .list-bookings-group li.active .badge-conversation:after, .list-bookings-alt li.active .badge-conversation:after, .list-static li.active .badge-conversation:after, .list-tasks li.active .badge-conversation:after, .list-rating li.active .badge-conversation:after, .module-objectives li.active .badge-conversation:after, .list-modules li.active .badge-conversation:after, .list-checkboxes li.active .badge-catalog:after, .list-chosen li.active .badge-catalog:after, .list-filter li.active .badge-catalog:after, .list-action li.active .badge-catalog:after, .list-incomplete li.active .badge-catalog:after, .list-bookings li.active .badge-catalog:after, .list-bookings-group li.active .badge-catalog:after, .list-bookings-alt li.active .badge-catalog:after, .list-static li.active .badge-catalog:after, .list-tasks li.active .badge-catalog:after, .list-rating li.active .badge-catalog:after, .module-objectives li.active .badge-catalog:after, .list-modules li.active .badge-catalog:after { border-right-color: #505050; color: #505050; }
.list-checkboxes .rating-block, .list-chosen .rating-block, .list-filter .rating-block, .list-action .rating-block, .list-incomplete .rating-block, .list-bookings .rating-block, .list-bookings-group .rating-block, .list-bookings-alt .rating-block, .list-static .rating-block, .list-tasks .rating-block, .list-rating .rating-block, .module-objectives .rating-block, .list-modules .rating-block { display: block; float: right; }
.list-checkboxes .rating-block .glyphicons, .list-chosen .rating-block .glyphicons, .list-filter .rating-block .glyphicons, .list-action .rating-block .glyphicons, .list-incomplete .rating-block .glyphicons, .list-bookings .rating-block .glyphicons, .list-bookings-group .rating-block .glyphicons, .list-bookings-alt .rating-block .glyphicons, .list-static .rating-block .glyphicons, .list-tasks .rating-block .glyphicons, .list-rating .rating-block .glyphicons, .module-objectives .rating-block .glyphicons, .list-modules .rating-block .glyphicons { float: none; }
.list-checkboxes .rating-block .glyphicons.dislikes, .list-chosen .rating-block .glyphicons.dislikes, .list-filter .rating-block .glyphicons.dislikes, .list-action .rating-block .glyphicons.dislikes, .list-incomplete .rating-block .glyphicons.dislikes, .list-bookings .rating-block .glyphicons.dislikes, .list-bookings-group .rating-block .glyphicons.dislikes, .list-bookings-alt .rating-block .glyphicons.dislikes, .list-static .rating-block .glyphicons.dislikes, .list-tasks .rating-block .glyphicons.dislikes, .list-rating .rating-block .glyphicons.dislikes, .module-objectives .rating-block .glyphicons.dislikes, .list-modules .rating-block .glyphicons.dislikes { color: #C3C3C3; }
.list-checkboxes .rating-block .glyphicons + .glyphicons, .list-chosen .rating-block .glyphicons + .glyphicons, .list-filter .rating-block .glyphicons + .glyphicons, .list-action .rating-block .glyphicons + .glyphicons, .list-incomplete .rating-block .glyphicons + .glyphicons, .list-bookings .rating-block .glyphicons + .glyphicons, .list-bookings-group .rating-block .glyphicons + .glyphicons, .list-bookings-alt .rating-block .glyphicons + .glyphicons, .list-static .rating-block .glyphicons + .glyphicons, .list-tasks .rating-block .glyphicons + .glyphicons, .list-rating .rating-block .glyphicons + .glyphicons, .module-objectives .rating-block .glyphicons + .glyphicons, .list-modules .rating-block .glyphicons + .glyphicons { margin-right: 0; }
.list-checkboxes .dot + .rating-block, .list-chosen .dot + .rating-block, .list-filter .dot + .rating-block, .list-action .dot + .rating-block, .list-incomplete .dot + .rating-block, .list-bookings .dot + .rating-block, .list-bookings-group .dot + .rating-block, .list-bookings-alt .dot + .rating-block, .list-static .dot + .rating-block, .list-tasks .dot + .rating-block, .list-rating .dot + .rating-block, .module-objectives .dot + .rating-block, .list-modules .dot + .rating-block { margin-right: 5px; }
.list-checkboxes .date, .list-chosen .date, .list-filter .date, .list-action .date, .list-incomplete .date, .list-bookings .date, .list-bookings-group .date, .list-bookings-alt .date, .list-static .date, .list-tasks .date, .list-rating .date, .module-objectives .date, .list-modules .date, .list-checkboxes .result, .list-chosen .result, .list-filter .result, .list-action .result, .list-incomplete .result, .list-bookings .result, .list-bookings-group .result, .list-bookings-alt .result, .list-static .result, .list-tasks .result, .list-rating .result, .module-objectives .result, .list-modules .result { float: right; color: #C3C3C3; margin-right: 5px; }
.list-checkboxes .glyphicons + .date, .list-chosen .glyphicons + .date, .list-filter .glyphicons + .date, .list-action .glyphicons + .date, .list-incomplete .glyphicons + .date, .list-bookings .glyphicons + .date, .list-bookings-group .glyphicons + .date, .list-bookings-alt .glyphicons + .date, .list-static .glyphicons + .date, .list-tasks .glyphicons + .date, .list-rating .glyphicons + .date, .module-objectives .glyphicons + .date, .list-modules .glyphicons + .date { margin-right: 30px; }
.list-checkboxes .comments p:before, .list-chosen .comments p:before, .list-filter .comments p:before, .list-action .comments p:before, .list-incomplete .comments p:before, .list-bookings .comments p:before, .list-bookings-group .comments p:before, .list-bookings-alt .comments p:before, .list-static .comments p:before, .list-tasks .comments p:before, .list-rating .comments p:before, .module-objectives .comments p:before, .list-modules .comments p:before { content: open-quote; }
.list-checkboxes .comments p:after, .list-chosen .comments p:after, .list-filter .comments p:after, .list-action .comments p:after, .list-incomplete .comments p:after, .list-bookings .comments p:after, .list-bookings-group .comments p:after, .list-bookings-alt .comments p:after, .list-static .comments p:after, .list-tasks .comments p:after, .list-rating .comments p:after, .module-objectives .comments p:after, .list-modules .comments p:after { content: close-quote; }

table.mini-calendar { width: 100%; border-collapse: separate !important; border-width: 0 !important; border-style: none !important; }
table.mini-calendar.disabled, .disabled table.mini-calendar { opacity: 0.5; filter: alpha(opacity=50); }
table.mini-calendar.disabled td, .disabled table.mini-calendar td { border-color: #D7D7D5; background-color: #c6c6c3; }
table.mini-calendar th { font-weight: normal; }
table.mini-calendar td { width: 14.28571%; padding: 7px 6px; font-size: 13px; text-align: center; vertical-align: middle; position: relative; border-left: 2px solid white; border-top: 2px solid white; background-color: #D7D7D5; color: #999; height: 34px; box-sizing: border-box; }
table.mini-calendar td:first-child { border-left-width: 0px; }
table.mini-calendar td:empty { background-color: #e3e9e9; color: #C3C3C3; height: 34px; padding: 0; }
table.mini-calendar td.class { background-color: #FF2855; padding: 0; }
table.mini-calendar td.class > a { display: block; padding: 0.55em 0.45em; color: white !important; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table.mini-calendar td.available { background-color: #001478; padding: 0; }
table.mini-calendar td.available > a { display: block; padding: 0.55em 0.45em; color: white !important; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table.mini-calendar td.multiple > a:before { content: ""; position: absolute; color: white; z-index: 1010; border-top: 10px solid transparent; border-right: 10px solid white; border-bottom: 10px solid transparent; border-left: none; top: auto; right: 0; bottom: auto; left: auto; top: 0; }
table.mini-calendar td.multiple > a:before { border-top: none; }
table.mini-calendar td.today { color: #FF2855; background-color: white; }
table.mini-calendar td.immersion { background-color: red; color: white; }
table.mini-calendar td.fluency { background-color: red; color: white; }
table.mini-calendar td.grammar { background-color: red; color: white; }
table.mini-calendar td.test { background-color: red; color: white; }
table.mini-calendar td.free { background-color: red; color: white; }
table.mini-calendar td.writing { background-color: red; color: white; }
table.mini-calendar td.business { background-color: red; color: white; }
table.mini-calendar td.colloquial { background-color: red; color: white; }
table.mini-calendar td.debate { background-color: red; color: white; }
table.mini-calendar tr:first-child td { background-color: transparent !important; padding: 0; border: none; }
table.mini-calendar .month { width: 100%; margin-bottom: 10px; }
table.mini-calendar .month td { padding: 0; font-size: 2.15384615em; font-family: "Mark OT Bold", sans-serif; letter-spacing: -1px; color: #505050; border: none; line-height: 36px; }
table.mini-calendar .month td:first-child, table.mini-calendar .month td:last-child { width: 5% !important; }
table.mini-calendar .month td a { font-family: "Mark OT Book", sans-serif; }
@media screen and (max-width: 1023px) { nav table.mini-calendar th, nav table.mini-calendar .month td, nav table.mini-calendar .month td a { color: #909090; }
  nav table.mini-calendar td { background-color: #909090; color: #002B44; }
  nav table.mini-calendar td:empty { background-color: #6a6a6a; } }

.modal-open { overflow: hidden; }

.modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1060; -webkit-overflow-scrolling: touch; outline: 0; }
@media screen and (max-width: 640px) { .modal { padding: 10px; } }
.modal.darkmode .button-close { background-color: #FF2855; }
.modal.darkmode .button-close .glyphicons { position: absolute; width: 44px; height: 44px; }
.modal.darkmode .button-close .glyphicons:before { font-size: 32px; line-height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; }
.modal.darkmode .button-close .glyphicons { color: white; left: 0; }

.modal-dialog { position: relative; max-width: 600px; margin: 30px auto 0; }
@media screen and (max-width: 640px) { .modal-dialog { margin-top: 0; } }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; background-color: #e3e9e9; }
.modal-backdrop.in { opacity: 0.9; filter: alpha(opacity=90); }
.modal-backdrop.darkmode { background-color: black; }
.modal-backdrop.darkmode.in { opacity: 0.7; filter: alpha(opacity=70); }

.modal-content { position: relative; background-color: white; background-clip: padding-box; outline: none; }

.modal-header, .modal-footer { padding: 10px; }

.modal-body { padding: 10px 10px 0; }
.modal-body video + p, .modal-body audio + p { margin-top: 10px; }
.modal-body audio { width: 100%; margin-top: 10px; }
.modal-body img { width: 100%; height: auto; }

.modal-header { border-bottom: 1px solid #C3C3C3; }
.modal-header h4 { font-size: 2em; margin-bottom: 0; }
.modal-header h4 sup { font-family: "Mark OT Book", sans-serif; font-size: 13px; color: #C3C3C3; }

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

.modal .class-info-panel { box-shadow: none; }
.modal .class-info-panel .primary { background-color: white; border: 3px solid #D7D7D5; position: relative; }
.modal .class-info-panel .primary:before, .modal .class-info-panel .primary:after { content: none; }
.modal .class-info-panel.disabled .primary { background-color: #e3e9e9; border: 3px solid #e3e9e9; }
.modal .class-info-panel.down-arrow .primary:after { content: ""; position: absolute; color: #e3e9e9; z-index: 1010; border-top: 20px solid #e3e9e9; border-right: 30px solid transparent; border-bottom: none; border-left: 30px solid transparent; top: auto; right: auto; bottom: -20px; left: auto; left: 50%; margin-left: -30px; }
.modal .class-info-panel.down-arrow .primary:after { bottom: -23px; }

.modal .task-panel-1 { box-shadow: none; }
.modal .task-panel-1 .secondary { border-top: 3px solid #D7D7D5; border-right: 3px solid #D7D7D5; border-bottom: 3px solid #D7D7D5; padding-top: 7px; padding-bottom: 7px; }
.modal .task-panel-1 + .task-panel-1 { margin-top: 10px; }

.modal .class-description { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }

.modal p.small-print { margin-bottom: 0.5em; }
.modal p.small-print a { text-decoration: underline; }

.modal ol, .modal ul { margin-left: 40px; }

.modal .grid-50 { padding-left: 0; padding-right: 0; margin-bottom: 10px; }
.modal .grid-50:nth-child(2n+1) { padding-right: 5px; }
.modal .grid-50:nth-child(2n+2) { padding-left: 5px; }
@media screen and (max-width: 480px) { .modal .grid-50 { width: 100%; }
  .modal .grid-50:nth-child(2n+1) { padding-right: 0; }
  .modal .grid-50:nth-child(2n+2) { padding-left: 0; } }
@media screen and (max-width: 480px) { .modal .section-tabs .grid-50 { width: 50%; } }

ul.notifications { list-style-type: none; margin-bottom: 0; }
ul.notifications li { margin-top: 5px; }
ul.notifications li:first-child { margin-top: 0; }
ul.notifications li a { display: block; background-color: #e3e9e9; padding: 9px 8px 9px 24px; position: relative; }
.lt-ie9 ul.notifications li a { display: inline-block; width: 100%; box-sizing: border-box; }
ul.notifications li.empty { border: 3px dashed #D7D7D5; color: #D7D7D5; padding: 1em; text-align: center; }
ul.notifications .dot { position: absolute; line-height: 12px; left: 6px; top: 50%; margin-top: -6px; vertical-align: middle; color: #FF2855; display: block; }
ul.notifications .date { float: right; font-size: 0.8125em; color: #C3C3C3; }
ul.notifications h4 { margin-bottom: 0; font-family: "Mark OT Book", sans-serif; font-size: 1em; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.notifications h5 { margin-bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.notifications p { line-height: 18px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; margin-bottom: 0; }

table.notifications td { text-align: left; }
table.notifications td h3 { font-family: "Mark OT Book", sans-serif; margin-bottom: 0; }
table.notifications td h4 { font-size: 1.2em; margin-bottom: 10px; }
table.notifications td .content { margin-right: -80px; font-size: 0.8125em; /* 13 / 16 */ }
table.notifications td .content p:last-child { margin-bottom: 0; text-align: right; }
table.notifications td.date { vertical-align: top; font-size: 0.8125em; color: #C3C3C3; }
table.notifications th.date, table.notifications td.date { border-left: none; }
table.notifications tr.collapsed .content { line-height: 18px; height: 36px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; }
table.notifications .dot { color: #FF2855; display: inline; line-height: 63px; }
table.notifications .read td { color: #999; }
table.notifications .read td h3 { font-family: "Mark OT Bold", sans-serif; }
table.notifications tr.pagination td { background-color: transparent; padding: 0; }
table.notifications tr.pagination table { float: left; }
table.notifications tr.pagination .button, table.notifications tr.pagination .button-alt, table.notifications tr.pagination .button-signout, table.notifications tr.pagination .button-cancel, table.notifications tr.pagination .button-secondary, table.notifications tr.pagination .button-alert, table.notifications tr.pagination .button-join, table.notifications tr.pagination .test-item .button-test, .test-item table.notifications tr.pagination .button-test, table.notifications tr.pagination .button-ok, table.notifications tr.pagination .button-profile, table.notifications tr.pagination .button-search, table.notifications tr.pagination .button-icon, table.notifications tr.pagination .button-notification, table.notifications tr.pagination .button-view-all, table.notifications tr.pagination .button-book, table.notifications tr.pagination .button-class, table.notifications tr.pagination .button-send, table.notifications tr.pagination .button-level, table.notifications tr.pagination .button-purchase, table.notifications tr.pagination .test-item .button-report, .test-item table.notifications tr.pagination .button-report { margin-right: 5px; margin-top: 20px; }

.class-panel, .class-info-panel, .module-info-panel, .course-info-panel, .summary-info-panel, .webinar-info-panel, .purchase-info-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; z-index: 990; box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px; background-color: white; }
.class-panel .primary, .class-info-panel .primary, .module-info-panel .primary, .course-info-panel .primary, .summary-info-panel .primary, .webinar-info-panel .primary, .purchase-info-panel .primary { position: relative; height: 67px; padding-top: 10px; }
.class-panel .primary .glyphicons, .class-info-panel .primary .glyphicons, .module-info-panel .primary .glyphicons, .course-info-panel .primary .glyphicons, .summary-info-panel .primary .glyphicons, .webinar-info-panel .primary .glyphicons, .purchase-info-panel .primary .glyphicons { position: absolute; width: 85px; height: 77px; }
.class-panel .primary .glyphicons:before, .class-info-panel .primary .glyphicons:before, .module-info-panel .primary .glyphicons:before, .course-info-panel .primary .glyphicons:before, .summary-info-panel .primary .glyphicons:before, .webinar-info-panel .primary .glyphicons:before, .purchase-info-panel .primary .glyphicons:before { font-size: 48px; line-height: 48px; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; }
.class-panel .primary:after, .class-info-panel .primary:after, .module-info-panel .primary:after, .course-info-panel .primary:after, .summary-info-panel .primary:after, .webinar-info-panel .primary:after, .purchase-info-panel .primary:after { content: ""; position: absolute; color: #D7D7D5; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #D7D7D5; border-left: 15px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 27.5px; }
.class-panel .primary .glyphicons, .class-info-panel .primary .glyphicons, .module-info-panel .primary .glyphicons, .course-info-panel .primary .glyphicons, .summary-info-panel .primary .glyphicons, .webinar-info-panel .primary .glyphicons, .purchase-info-panel .primary .glyphicons { top: 0; }
.class-panel .primary .glyphicons.headset:before, .class-info-panel .primary .glyphicons.headset:before, .module-info-panel .primary .glyphicons.headset:before, .course-info-panel .primary .glyphicons.headset:before, .summary-info-panel .primary .glyphicons.headset:before, .webinar-info-panel .primary .glyphicons.headset:before, .purchase-info-panel .primary .glyphicons.headset:before { margin-top: -29px; }
.class-panel .primary h2, .class-info-panel .primary h2, .module-info-panel .primary h2, .course-info-panel .primary h2, .summary-info-panel .primary h2, .webinar-info-panel .primary h2, .purchase-info-panel .primary h2, .class-panel .primary p, .class-info-panel .primary p, .module-info-panel .primary p, .course-info-panel .primary p, .summary-info-panel .primary p, .webinar-info-panel .primary p, .purchase-info-panel .primary p { margin-left: 85px; }
.class-panel .primary h2, .class-info-panel .primary h2, .module-info-panel .primary h2, .course-info-panel .primary h2, .summary-info-panel .primary h2, .webinar-info-panel .primary h2, .purchase-info-panel .primary h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.75em; line-height: 1.25; margin-top: 0; margin-bottom: 0; color: #505050; }
.class-panel .primary p, .class-info-panel .primary p, .module-info-panel .primary p, .course-info-panel .primary p, .summary-info-panel .primary p, .webinar-info-panel .primary p, .purchase-info-panel .primary p { line-height: 22px; height: 22px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; margin-bottom: 0; color: #C3C3C3; }
.class-panel .primary p .halflings, .class-info-panel .primary p .halflings, .module-info-panel .primary p .halflings, .course-info-panel .primary p .halflings, .summary-info-panel .primary p .halflings, .webinar-info-panel .primary p .halflings, .purchase-info-panel .primary p .halflings { margin-right: 4px; }
.class-panel .primary p .halflings:before, .class-info-panel .primary p .halflings:before, .module-info-panel .primary p .halflings:before, .course-info-panel .primary p .halflings:before, .summary-info-panel .primary p .halflings:before, .webinar-info-panel .primary p .halflings:before, .purchase-info-panel .primary p .halflings:before { margin-top: -1px; }
.class-panel .secondary, .class-info-panel .secondary, .module-info-panel .secondary, .course-info-panel .secondary, .summary-info-panel .secondary, .webinar-info-panel .secondary, .purchase-info-panel .secondary { background-color: #D7D7D5; padding: 10px; }
.class-panel .secondary p, .class-info-panel .secondary p, .module-info-panel .secondary p, .course-info-panel .secondary p, .summary-info-panel .secondary p, .webinar-info-panel .secondary p, .purchase-info-panel .secondary p { line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; }
.class-panel .tertiary, .class-info-panel .tertiary, .module-info-panel .tertiary, .course-info-panel .tertiary, .summary-info-panel .tertiary, .webinar-info-panel .tertiary, .purchase-info-panel .tertiary { background-color: #D7D7D5; padding-left: 10px; padding-right: 10px; }
.class-panel .tertiary p, .class-info-panel .tertiary p, .module-info-panel .tertiary p, .course-info-panel .tertiary p, .summary-info-panel .tertiary p, .webinar-info-panel .tertiary p, .purchase-info-panel .tertiary p { font-size: 0.8125em; height: 36px; line-height: 36px; color: #999; }
.class-panel .tertiary .badge, .class-info-panel .tertiary .badge, .module-info-panel .tertiary .badge, .course-info-panel .tertiary .badge, .summary-info-panel .tertiary .badge, .webinar-info-panel .tertiary .badge, .purchase-info-panel .tertiary .badge, .class-panel .tertiary .badge-alert, .class-info-panel .tertiary .badge-alert, .module-info-panel .tertiary .badge-alert, .course-info-panel .tertiary .badge-alert, .summary-info-panel .tertiary .badge-alert, .webinar-info-panel .tertiary .badge-alert, .purchase-info-panel .tertiary .badge-alert, .class-panel .tertiary .badge-ok, .class-info-panel .tertiary .badge-ok, .module-info-panel .tertiary .badge-ok, .course-info-panel .tertiary .badge-ok, .summary-info-panel .tertiary .badge-ok, .webinar-info-panel .tertiary .badge-ok, .purchase-info-panel .tertiary .badge-ok, .class-panel .tertiary .badge-key, .class-info-panel .tertiary .badge-key, .module-info-panel .tertiary .badge-key, .course-info-panel .tertiary .badge-key, .summary-info-panel .tertiary .badge-key, .webinar-info-panel .tertiary .badge-key, .purchase-info-panel .tertiary .badge-key, .class-panel .tertiary .badge-key-available, .class-info-panel .tertiary .badge-key-available, .module-info-panel .tertiary .badge-key-available, .course-info-panel .tertiary .badge-key-available, .summary-info-panel .tertiary .badge-key-available, .webinar-info-panel .tertiary .badge-key-available, .purchase-info-panel .tertiary .badge-key-available, .class-panel .tertiary .badge-key-class, .class-info-panel .tertiary .badge-key-class, .module-info-panel .tertiary .badge-key-class, .course-info-panel .tertiary .badge-key-class, .summary-info-panel .tertiary .badge-key-class, .webinar-info-panel .tertiary .badge-key-class, .purchase-info-panel .tertiary .badge-key-class, .class-panel .tertiary .badge-extra, .class-info-panel .tertiary .badge-extra, .module-info-panel .tertiary .badge-extra, .course-info-panel .tertiary .badge-extra, .summary-info-panel .tertiary .badge-extra, .webinar-info-panel .tertiary .badge-extra, .purchase-info-panel .tertiary .badge-extra, .class-panel .tertiary .badge-workshop, .class-info-panel .tertiary .badge-workshop, .module-info-panel .tertiary .badge-workshop, .course-info-panel .tertiary .badge-workshop, .summary-info-panel .tertiary .badge-workshop, .webinar-info-panel .tertiary .badge-workshop, .purchase-info-panel .tertiary .badge-workshop, .class-panel .tertiary .badge-conversation, .class-info-panel .tertiary .badge-conversation, .module-info-panel .tertiary .badge-conversation, .course-info-panel .tertiary .badge-conversation, .summary-info-panel .tertiary .badge-conversation, .webinar-info-panel .tertiary .badge-conversation, .purchase-info-panel .tertiary .badge-conversation, .class-panel .tertiary .badge-catalog, .class-info-panel .tertiary .badge-catalog, .module-info-panel .tertiary .badge-catalog, .course-info-panel .tertiary .badge-catalog, .summary-info-panel .tertiary .badge-catalog, .webinar-info-panel .tertiary .badge-catalog, .purchase-info-panel .tertiary .badge-catalog { float: right; margin-top: 7px; margin-right: -3px; font-size: 1em; }
.class-panel .tertiary .glyphicons:before, .class-info-panel .tertiary .glyphicons:before, .module-info-panel .tertiary .glyphicons:before, .course-info-panel .tertiary .glyphicons:before, .summary-info-panel .tertiary .glyphicons:before, .webinar-info-panel .tertiary .glyphicons:before, .purchase-info-panel .tertiary .glyphicons:before { font-size: 12px; position: relative; margin-top: -3px; }
.class-panel.empty, .empty.class-info-panel, .empty.module-info-panel, .empty.course-info-panel, .empty.summary-info-panel, .empty.webinar-info-panel, .empty.purchase-info-panel { height: 194px; border: 3px dashed #D7D7D5; color: #D7D7D5; box-shadow: none; background-color: transparent; }
.class-panel.empty.add:before, .empty.add.class-info-panel:before, .empty.add.module-info-panel:before, .empty.add.course-info-panel:before, .empty.add.summary-info-panel:before, .empty.add.webinar-info-panel:before, .empty.add.purchase-info-panel:before { content: "+"; position: absolute; width: 90px; height: 90px; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; }
.class-panel.empty.locked:before, .empty.locked.class-info-panel:before, .empty.locked.module-info-panel:before, .empty.locked.course-info-panel:before, .empty.locked.summary-info-panel:before, .empty.locked.webinar-info-panel:before, .empty.locked.purchase-info-panel:before { content: ""; font-family: 'Glyphicons Regular'; color: "inherit"; position: absolute; font-size: 80px; line-height: 80px; width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; }
.class-panel.empty.unlocked, .empty.unlocked.class-info-panel, .empty.unlocked.module-info-panel, .empty.unlocked.course-info-panel, .empty.unlocked.summary-info-panel, .empty.unlocked.webinar-info-panel, .empty.unlocked.purchase-info-panel { border-color: #FF2855; color: #FF2855; /*
			&:before {
				font-family: 'Glyphicons Regular';
				color: $color-alert;
				content: "\E205"; // Glyphicon unlock symbol
				position: absolute;
				//font-size: 5em;
				//line-height: 0.5em;
				width: 90px;
				height: 90px;
				left: 50%;
				top: 50%;
				margin-left: -45px;
				margin-top: -20px;
			}
*/ }
.class-panel.empty.unlocked:before, .empty.unlocked.class-info-panel:before, .empty.unlocked.module-info-panel:before, .empty.unlocked.course-info-panel:before, .empty.unlocked.summary-info-panel:before, .empty.unlocked.webinar-info-panel:before, .empty.unlocked.purchase-info-panel:before { content: ""; font-family: 'Glyphicons Regular'; color: 80px; position: absolute; font-size: 80px; line-height: 80px; width: #FF2855; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; }
.class-panel.complete:before, .complete.class-info-panel:before, .complete.module-info-panel:before, .complete.course-info-panel:before, .complete.summary-info-panel:before, .complete.webinar-info-panel:before, .complete.purchase-info-panel:before { content: "\E194"; font: 80px/1.1em 'Glyphicons Regular'; color: #001478; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -42px; z-index: 1030; }
.class-panel.complete:after, .complete.class-info-panel:after, .complete.module-info-panel:after, .complete.course-info-panel:after, .complete.summary-info-panel:after, .complete.webinar-info-panel:after, .complete.purchase-info-panel:after { content: ""; position: absolute; top: 0; left: 0; background-color: white; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; z-index: 1020; }
.class-panel.complete.locked:before, .complete.locked.class-info-panel:before, .complete.locked.module-info-panel:before, .complete.locked.course-info-panel:before, .complete.locked.summary-info-panel:before, .complete.locked.webinar-info-panel:before, .complete.locked.purchase-info-panel:before { content: "\E204"; color: #C3C3C3; margin-left: -39px; }
.class-panel.unlocked .primary h2, .unlocked.class-info-panel .primary h2, .unlocked.module-info-panel .primary h2, .unlocked.course-info-panel .primary h2, .unlocked.summary-info-panel .primary h2, .unlocked.webinar-info-panel .primary h2, .unlocked.purchase-info-panel .primary h2 { margin-right: 20px; }
.class-panel.unlocked .primary:before, .unlocked.class-info-panel .primary:before, .unlocked.module-info-panel .primary:before, .unlocked.course-info-panel .primary:before, .unlocked.summary-info-panel .primary:before, .unlocked.webinar-info-panel .primary:before, .unlocked.purchase-info-panel .primary:before { font-family: 'Glyphicons Regular'; content: "\E205"; position: absolute; font-size: 0.8125em; color: #cbcbc8; right: 5px; top: 5px; }

.lesson-panel, .lesson-class-panel, .course-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; z-index: 990; box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px; background-color: white; }
.lesson-panel p, .lesson-class-panel p, .course-panel p { font-size: 0.8125em; /* 13 / 16 */ }
.lesson-panel img, .lesson-class-panel img, .course-panel img { float: left; width: 100%; }
.lesson-panel .primary, .lesson-class-panel .primary, .course-panel .primary { position: relative; clear: left; padding: 10px; }
.lesson-panel .primary:after, .lesson-class-panel .primary:after, .course-panel .primary:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid white; border-left: 15px solid transparent; top: -10px; right: auto; bottom: auto; left: auto; left: ""; }
.lesson-panel .primary:before, .lesson-class-panel .primary:before, .course-panel .primary:before { content: ""; position: absolute; top: -25px; left: 0; background: -webkit-linear-gradient(from bottom, rgba(160, 160, 160, 0.15) 0%, rgba(80, 80, 80, 0) 100%); background: linear-gradient(to  top , rgba(160, 160, 160, 0.15) 0%, rgba(80, 80, 80, 0) 100%); width: 100%; height: 25px; z-index: 1000; }
.lesson-panel .primary:after, .lesson-class-panel .primary:after, .course-panel .primary:after { z-index: 1010; }
.lesson-panel .primary h2, .lesson-class-panel .primary h2, .course-panel .primary h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.75em; line-height: 1.25; margin: 0; }
.lesson-panel .primary p, .lesson-class-panel .primary p, .course-panel .primary p { line-height: 18px; height: 54px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; margin-bottom: 0; }
.lesson-panel .primary p strong, .lesson-class-panel .primary p strong, .course-panel .primary p strong, .lesson-panel .primary p b, .lesson-class-panel .primary p b, .course-panel .primary p b { font-weight: normal !important; }
.lesson-panel .secondary, .lesson-class-panel .secondary, .course-panel .secondary { height: 36px; color: #999; }
.lesson-panel .secondary p, .lesson-class-panel .secondary p, .course-panel .secondary p { margin-bottom: 0; height: 36px; line-height: 36px; padding-left: 15px; }
.lesson-panel .secondary .dot, .lesson-class-panel .secondary .dot, .course-panel .secondary .dot { float: left; line-height: 36px; margin-right: 5px; }
.lesson-panel .secondary .badge, .lesson-class-panel .secondary .badge, .course-panel .secondary .badge, .lesson-panel .secondary .badge-alert, .lesson-class-panel .secondary .badge-alert, .course-panel .secondary .badge-alert, .lesson-panel .secondary .badge-ok, .lesson-class-panel .secondary .badge-ok, .course-panel .secondary .badge-ok, .lesson-panel .secondary .badge-key, .lesson-class-panel .secondary .badge-key, .course-panel .secondary .badge-key, .lesson-panel .secondary .badge-key-available, .lesson-class-panel .secondary .badge-key-available, .course-panel .secondary .badge-key-available, .lesson-panel .secondary .badge-key-class, .lesson-class-panel .secondary .badge-key-class, .course-panel .secondary .badge-key-class, .lesson-panel .secondary .badge-extra, .lesson-class-panel .secondary .badge-extra, .course-panel .secondary .badge-extra, .lesson-panel .secondary .badge-workshop, .lesson-class-panel .secondary .badge-workshop, .course-panel .secondary .badge-workshop, .lesson-panel .secondary .badge-conversation, .lesson-class-panel .secondary .badge-conversation, .course-panel .secondary .badge-conversation, .lesson-panel .secondary .badge-catalog, .lesson-class-panel .secondary .badge-catalog, .course-panel .secondary .badge-catalog { float: right; margin-top: 7px; margin-right: 7px; font-size: 1em; }
.lesson-panel .progress, .lesson-class-panel .progress, .course-panel .progress, .lesson-panel .progress-main, .lesson-class-panel .progress-main, .course-panel .progress-main, .lesson-panel .metro, .lesson-class-panel .metro, .course-panel .metro { margin: 0; height: 5px; background-color: #EFEFEF; }
.no-boxshadow .lesson-panel .progress, .no-boxshadow .lesson-class-panel .progress, .no-boxshadow .course-panel .progress, .no-boxshadow .lesson-panel .progress-main, .no-boxshadow .lesson-class-panel .progress-main, .no-boxshadow .course-panel .progress-main, .no-boxshadow .lesson-panel .metro, .no-boxshadow .lesson-class-panel .metro, .no-boxshadow .course-panel .metro { background-color: #e2e2e2; }
.lesson-panel .progress .progress-bar, .lesson-class-panel .progress .progress-bar, .course-panel .progress .progress-bar, .lesson-panel .progress-main .progress-bar, .lesson-class-panel .progress-main .progress-bar, .course-panel .progress-main .progress-bar, .lesson-panel .metro .progress-bar, .lesson-class-panel .metro .progress-bar, .course-panel .metro .progress-bar, .lesson-panel .progress .progress-bar-stage, .lesson-class-panel .progress .progress-bar-stage, .course-panel .progress .progress-bar-stage, .lesson-panel .progress-main .progress-bar-stage, .lesson-class-panel .progress-main .progress-bar-stage, .course-panel .progress-main .progress-bar-stage, .lesson-panel .metro .progress-bar-stage, .lesson-class-panel .metro .progress-bar-stage, .course-panel .metro .progress-bar-stage, .lesson-panel .progress .progress-bar-complete, .lesson-class-panel .progress .progress-bar-complete, .course-panel .progress .progress-bar-complete, .lesson-panel .progress-main .progress-bar-complete, .lesson-class-panel .progress-main .progress-bar-complete, .course-panel .progress-main .progress-bar-complete, .lesson-panel .metro .progress-bar-complete, .lesson-class-panel .metro .progress-bar-complete, .course-panel .metro .progress-bar-complete { height: 5px; }
.lesson-panel.complete:before, .complete.lesson-class-panel:before, .complete.course-panel:before { content: "\e194"; font: 80px/1.1em 'Glyphicons Regular'; color: #001478; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -42px; z-index: 1030; }
.lesson-panel.complete:after, .complete.lesson-class-panel:after, .complete.course-panel:after { content: ""; position: absolute; top: 0; left: 0; background-color: white; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; z-index: 1020; }
.lesson-panel.empty, .empty.lesson-class-panel, .empty.course-panel { padding-bottom: 143px; position: relative; border: 3px dashed #D7D7D5; color: #D7D7D5; box-shadow: none; background-color: transparent; text-align: center; }
.lesson-panel.empty img, .empty.lesson-class-panel img, .empty.course-panel img { visibility: hidden; float: none; }
.lesson-panel.add:before, .add.lesson-class-panel:before, .add.course-panel:before { content: "+"; position: absolute; font-size: 10em; line-height: 0.5em; width: 90px; height: 90px; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; }
.lesson-panel.number p, .number.lesson-class-panel p, .number.course-panel p { position: absolute; top: 50%; margin-top: 50px; width: 100%; text-align: center; font-size: 16px; color: #C3C3C3; }
.lesson-panel.number span, .number.lesson-class-panel span, .number.course-panel span { position: absolute; font-size: 1.5em; font-weight: bold; line-height: 1em; right: 10px; top: 10px; }
.lesson-panel.disabled, .disabled.lesson-class-panel, .disabled.course-panel { background-color: #D7D7D5; }
.lesson-panel.disabled img, .disabled.lesson-class-panel img, .disabled.course-panel img { /*
			@if $client-id == 37 {
				// Blue monochrome for Naturgy
				// Hattip: https://css-tricks.com/color-filters-can-turn-your-gray-skies-blue/
				@include monochrome;
			} @else {
				// Grayscale for everyone else
				@include desaturate;
			}
*/ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.lesson-panel.disabled .primary, .disabled.lesson-class-panel .primary, .disabled.course-panel .primary, .lesson-panel.disabled .secondary, .disabled.lesson-class-panel .secondary, .disabled.course-panel .secondary { color: #AAA; }
.lesson-panel.disabled .primary:after, .disabled.lesson-class-panel .primary:after, .disabled.course-panel .primary:after { border-bottom-color: #D7D7D5; color: #D7D7D5; }
.lesson-panel.disabled .progress, .disabled.lesson-class-panel .progress, .disabled.course-panel .progress, .lesson-panel.disabled .progress-main, .disabled.lesson-class-panel .progress-main, .disabled.course-panel .progress-main, .lesson-panel.disabled .metro, .disabled.lesson-class-panel .metro, .disabled.course-panel .metro { background-color: #CCC; }
.lesson-panel.disabled .progress-bar, .disabled.lesson-class-panel .progress-bar, .disabled.course-panel .progress-bar, .lesson-panel.disabled .progress-bar-stage, .disabled.lesson-class-panel .progress-bar-stage, .disabled.course-panel .progress-bar-stage, .lesson-panel.disabled .progress-bar-complete, .disabled.lesson-class-panel .progress-bar-complete, .disabled.course-panel .progress-bar-complete { width: 0% !important; }
.lesson-panel.highlighted, .highlighted.lesson-class-panel, .highlighted.course-panel { border: 3px solid #FF2855; }
.lesson-panel.skill-speaking, .skill-speaking.lesson-class-panel, .skill-speaking.course-panel { background-color: #d0ecfd; }
.lesson-panel.skill-speaking .primary:after, .skill-speaking.lesson-class-panel .primary:after, .skill-speaking.course-panel .primary:after { border-bottom-color: #d0ecfd; color: #d0ecfd; }

.lesson-class-panel .secondary .glyphicons:before { font-size: 16px; position: relative; margin-top: -3px; margin-right: 4px; }

@media screen and (max-width: 840px) { .tab-pane-search .grid-33:nth-child(1n+4) { margin-bottom: 0; }
  .tab-pane-search .grid-33:nth-child(1n+4) .lesson-panel, .tab-pane-search .grid-33:nth-child(1n+4) .lesson-class-panel, .tab-pane-search .grid-33:nth-child(1n+4) .course-panel { margin-bottom: 20px; }
  .tab-pane-search .grid-33:nth-child(1n+4) .lesson-panel.empty, .tab-pane-search .grid-33:nth-child(1n+4) .empty.lesson-class-panel, .tab-pane-search .grid-33:nth-child(1n+4) .empty.course-panel { display: none; margin-bottom: 0; } }
.img-wrap { position: relative; font-size: 0px; }

.webinar-img { font-size: 0px; position: relative; }
.webinar-img img { box-sizing: border-box; width: 100%; border: 10px solid white; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px; }

.lesson-panel.webinar .primary:after, .webinar.lesson-class-panel .primary:after, .webinar.course-panel .primary:after { z-index: 1030; }
.lesson-panel.webinar .secondary p, .webinar.lesson-class-panel .secondary p, .webinar.course-panel .secondary p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lesson-panel.webinar img, .webinar.lesson-class-panel img, .webinar.course-panel img { float: none; }
.lesson-panel.webinar .img-wrap:before, .webinar.lesson-class-panel .img-wrap:before, .webinar.course-panel .img-wrap:before { content: "\e078"; font: 80px/1.1em 'Glyphicons Regular'; color: white; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -42px; z-index: 1030; }
.lesson-panel.webinar .img-wrap:after, .webinar.lesson-class-panel .img-wrap:after, .webinar.course-panel .img-wrap:after { content: ""; position: absolute; top: 0; left: 0; background-color: black; opacity: 0.2; filter: alpha(opacity=20); width: 100%; height: 100%; z-index: 1020; }
.lesson-panel.webinar.rewatch .img-wrap:before, .webinar.rewatch.lesson-class-panel .img-wrap:before, .webinar.rewatch.course-panel .img-wrap:before { content: "\e082"; }
.lesson-panel.webinar.empty, .webinar.empty.lesson-class-panel, .webinar.empty.course-panel { padding-bottom: 138px; }
.lesson-panel.video .primary:after, .video.lesson-class-panel .primary:after, .video.course-panel .primary:after { z-index: 1030; }
.lesson-panel.video .secondary p, .video.lesson-class-panel .secondary p, .video.course-panel .secondary p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lesson-panel.video img, .video.lesson-class-panel img, .video.course-panel img { float: none; }
.lesson-panel.video .img-wrap, .video.lesson-class-panel .img-wrap, .video.course-panel .img-wrap { position: relative; }
.lesson-panel.video .img-wrap:before, .video.lesson-class-panel .img-wrap:before, .video.course-panel .img-wrap:before { content: "\E174"; font: 80px/1.1em 'Glyphicons Regular'; color: white; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -46px; z-index: 1030; }
.lesson-panel.video .img-wrap:after, .video.lesson-class-panel .img-wrap:after, .video.course-panel .img-wrap:after { content: ""; position: absolute; top: 0; left: 0; background-color: black; opacity: 0.2; width: 100%; height: 100%; z-index: 1020; }
.lesson-panel.podcast .primary:after, .podcast.lesson-class-panel .primary:after, .podcast.course-panel .primary:after { z-index: 1030; }
.lesson-panel.podcast .secondary p, .podcast.lesson-class-panel .secondary p, .podcast.course-panel .secondary p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lesson-panel.podcast img, .podcast.lesson-class-panel img, .podcast.course-panel img { float: none; }
.lesson-panel.podcast .img-wrap, .podcast.lesson-class-panel .img-wrap, .podcast.course-panel .img-wrap { background-color: red; position: relative; }
.lesson-panel.podcast .img-wrap:before, .podcast.lesson-class-panel .img-wrap:before, .podcast.course-panel .img-wrap:before { content: "\E301"; font: 80px/1.1em 'Glyphicons Regular'; color: white; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -46px; z-index: 1030; }
.lesson-panel.podcast .img-wrap:after, .podcast.lesson-class-panel .img-wrap:after, .podcast.course-panel .img-wrap:after { content: ""; position: absolute; top: 0; left: 0; background-color: black; opacity: 0.2; width: 100%; height: 100%; z-index: 1020; }

.course-panel .secondary { position: relative; background-color: #D7D7D5; color: #999; }
.course-panel .secondary:after { content: ""; position: absolute; color: #D7D7D5; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #D7D7D5; border-left: 15px solid transparent; top: -10px; right: auto; bottom: auto; left: auto; left: 50%; margin-left: -15px; }
.course-panel .progress, .course-panel .progress-main, .course-panel .metro { background-color: #c4c4c4; }
.course-panel .progress .progress-bar, .course-panel .progress-main .progress-bar, .course-panel .metro .progress-bar, .course-panel .progress .progress-bar-stage, .course-panel .progress-main .progress-bar-stage, .course-panel .metro .progress-bar-stage, .course-panel .progress .progress-bar-complete, .course-panel .progress-main .progress-bar-complete, .course-panel .metro .progress-bar-complete { background-color: #505050; }
.course-panel.empty { padding-bottom: 143px; position: relative; border: 3px dashed #D7D7D5; color: #D7D7D5; box-shadow: none; background-color: transparent; text-align: center; }
.course-panel.empty img { visibility: hidden; float: none; }

.class-info-panel, .module-info-panel, .course-info-panel, .summary-info-panel, .webinar-info-panel { margin-bottom: 20px; }
.class-info-panel .secondary p, .module-info-panel .secondary p, .course-info-panel .secondary p, .summary-info-panel .secondary p, .webinar-info-panel .secondary p { height: auto; }
.class-info-panel .progress, .class-info-panel .progress-main, .class-info-panel .metro, .module-info-panel .progress, .module-info-panel .progress-main, .module-info-panel .metro, .course-info-panel .progress, .course-info-panel .progress-main, .course-info-panel .metro, .summary-info-panel .progress, .summary-info-panel .progress-main, .summary-info-panel .metro, .webinar-info-panel .progress, .webinar-info-panel .progress-main, .webinar-info-panel .metro { margin: 0; height: 5px; background-color: #c4c4c4; }
.no-boxshadow .class-info-panel .progress, .no-boxshadow .class-info-panel .progress-main, .no-boxshadow .class-info-panel .metro, .no-boxshadow .module-info-panel .progress, .no-boxshadow .module-info-panel .progress-main, .no-boxshadow .module-info-panel .metro, .no-boxshadow .course-info-panel .progress, .no-boxshadow .course-info-panel .progress-main, .no-boxshadow .course-info-panel .metro, .no-boxshadow .summary-info-panel .progress, .no-boxshadow .summary-info-panel .progress-main, .no-boxshadow .summary-info-panel .metro, .no-boxshadow .webinar-info-panel .progress, .no-boxshadow .webinar-info-panel .progress-main, .no-boxshadow .webinar-info-panel .metro { background-color: #e2e2e2; }
.class-info-panel .progress .progress-bar, .class-info-panel .progress-main .progress-bar, .class-info-panel .metro .progress-bar, .class-info-panel .progress .progress-bar-stage, .class-info-panel .progress-main .progress-bar-stage, .class-info-panel .metro .progress-bar-stage, .class-info-panel .progress .progress-bar-complete, .class-info-panel .progress-main .progress-bar-complete, .class-info-panel .metro .progress-bar-complete, .module-info-panel .progress .progress-bar, .module-info-panel .progress-main .progress-bar, .module-info-panel .metro .progress-bar, .module-info-panel .progress .progress-bar-stage, .module-info-panel .progress-main .progress-bar-stage, .module-info-panel .metro .progress-bar-stage, .module-info-panel .progress .progress-bar-complete, .module-info-panel .progress-main .progress-bar-complete, .module-info-panel .metro .progress-bar-complete, .course-info-panel .progress .progress-bar, .course-info-panel .progress-main .progress-bar, .course-info-panel .metro .progress-bar, .course-info-panel .progress .progress-bar-stage, .course-info-panel .progress-main .progress-bar-stage, .course-info-panel .metro .progress-bar-stage, .course-info-panel .progress .progress-bar-complete, .course-info-panel .progress-main .progress-bar-complete, .course-info-panel .metro .progress-bar-complete, .summary-info-panel .progress .progress-bar, .summary-info-panel .progress-main .progress-bar, .summary-info-panel .metro .progress-bar, .summary-info-panel .progress .progress-bar-stage, .summary-info-panel .progress-main .progress-bar-stage, .summary-info-panel .metro .progress-bar-stage, .summary-info-panel .progress .progress-bar-complete, .summary-info-panel .progress-main .progress-bar-complete, .summary-info-panel .metro .progress-bar-complete, .webinar-info-panel .progress .progress-bar, .webinar-info-panel .progress-main .progress-bar, .webinar-info-panel .metro .progress-bar, .webinar-info-panel .progress .progress-bar-stage, .webinar-info-panel .progress-main .progress-bar-stage, .webinar-info-panel .metro .progress-bar-stage, .webinar-info-panel .progress .progress-bar-complete, .webinar-info-panel .progress-main .progress-bar-complete, .webinar-info-panel .metro .progress-bar-complete { height: 5px; background-color: #505050; }

.purchase-info-panel { border-radius: 18px; }
.purchase-info-panel .primary .glyphicons:before { color: #001478; }
.purchase-info-panel .primary h2 { color: #001478; }
.purchase-info-panel .secondary p { color: #505050; margin-bottom: 10px; display: block; height: auto; }
.purchase-info-panel .secondary p.small-print { text-align: left; color: #C3C3C3; padding: 0 10px; margin-bottom: 0; margin-top: 20px; }
@media screen and (max-width: 1200px) and (min-width: 640px) { .purchase-info-panel .secondary .result { display: block; float: none; } }
.purchase-info-panel .tertiary { border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; padding-bottom: 10px; }

.tab-pane-premium { text-align: center; padding-top: 120px !important; padding-bottom: 60px !important; padding-left: 5%; padding-right: 5%; }
@media screen and (max-width: 840px) { .tab-pane-premium { padding-left: 0; padding-right: 0; } }
@media screen and (max-width: 640px) { .tab-pane-premium { padding-bottom: 0 !important; }
  .tab-pane-premium .grid-33 { padding-top: 60px; }
  .tab-pane-premium .grid-33:first-child { padding-top: 0; } }
@media screen and (max-width: 640px) { .tab-pane-premium.single { padding-bottom: 0 !important; }
  .tab-pane-premium.single .grid-33 { padding-top: 0; } }
.tab-pane-premium .grid-25:nth-child(n+5) { padding-top: 60px; }
@media screen and (max-width: 1023px) { .tab-pane-premium .grid-25:nth-child(n+3) { padding-top: 60px; } }
@media screen and (max-width: 1200px) { .tab-pane-premium .grid-20:nth-child(n+3) { padding-top: 60px; } }
@media screen and (max-width: 640px) { .tab-pane-premium .grid-25:nth-child(n+2), .tab-pane-premium .grid-20:nth-child(n+2), .tab-pane-premium .grid-50:nth-child(n+2) { padding-top: 60px; } }

.panel-premium { background-color: white; border-radius: 18px; position: relative; border: 5px solid white; padding-top: 80px; }
.panel-premium .hexagon { width: 75.36px; height: 120px; position: relative; background-color: #001478; border-radius: 7.536px; display: table; position: absolute; top: -65px; left: 50%; margin-left: -34px; }
.panel-premium .hexagon:before, .panel-premium .hexagon:after { content: ''; position: absolute; background-color: inherit; width: inherit; height: inherit; border-radius: inherit; left: 0; top: 0; }
.panel-premium .hexagon:before { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); }
.panel-premium .hexagon:after { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.panel-premium .hexagon span { position: absolute; display: block; box-sizing: border-box; text-align: center; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; }
.panel-premium .hexagon span { font-size: 48px; color: white; font-family: "Mark OT Bold", sans-serif; }
.panel-premium .hexagon span.glyphicons { top: 0; left: 0; transform: none; margin-left: 6px; margin-top: 27px; }
.panel-premium .hexagon span.glyphicons:before { font-size: 64px; }
.panel-premium .button, .panel-premium .button-alt, .panel-premium .button-signout, .panel-premium .button-cancel, .panel-premium .button-secondary, .panel-premium .button-alert, .panel-premium .button-join, .panel-premium .test-item .button-test, .test-item .panel-premium .button-test, .panel-premium .button-ok, .panel-premium .button-profile, .panel-premium .button-search, .panel-premium .button-icon, .panel-premium .button-notification, .panel-premium .button-view-all, .panel-premium .button-book, .panel-premium .button-class, .panel-premium .button-send, .panel-premium .button-level, .panel-premium .button-purchase, .panel-premium .test-item .button-report, .test-item .panel-premium .button-report { width: 90%; margin: 0 5% 20px; border-radius: 26px; background-color: #FF2855; border: none; color: white; font-family: "Mark OT Bold", sans-serif; }
.panel-premium .button:hover, .panel-premium .button-alt:hover, .panel-premium .button-signout:hover, .panel-premium .button-cancel:hover, .panel-premium .button-secondary:hover, .panel-premium .button-alert:hover, .panel-premium .button-join:hover, .panel-premium .test-item .button-test:hover, .test-item .panel-premium .button-test:hover, .panel-premium .button-ok:hover, .panel-premium .button-profile:hover, .panel-premium .button-search:hover, .panel-premium .button-icon:hover, .panel-premium .button-notification:hover, .panel-premium .button-view-all:hover, .panel-premium .button-book:hover, .panel-premium .button-class:hover, .panel-premium .button-send:hover, .panel-premium .button-level:hover, .panel-premium .button-purchase:hover, .panel-premium .test-item .button-report:hover, .test-item .panel-premium .button-report:hover { background-color: #c10028; color: white; }
.panel-premium .button-icon-circle { margin: 0 auto; background-color: #FF2855; color: white; }
.panel-premium .button-icon-circle .glyphicons { position: absolute; width: 44px; height: 44px; }
.panel-premium .button-icon-circle .glyphicons:before { font-size: 32px; line-height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -15px; }
.panel-premium .button-icon-circle:hover { background-color: #c10028; color: white; }
.panel-premium .button-icon-circle .download-alt:before { font-size: 24px; margin-left: -12px; }
.panel-premium h2 { margin-top: 0; }
@media screen and (max-width: 1023px) { .panel-premium h2 { font-size: 2.25em; } }
@media screen and (min-width: 1200px) { .panel-premium h2 { font-size: 2.25em; } }
.panel-premium h2 + p { margin-top: -20px; }
.panel-premium h2 + p a.button-icon-circle { margin-top: 30px; }
.panel-premium ul { padding: 0 20px; }
.panel-premium li { list-style-type: none; border-top: 1px solid #C3C3C3; padding: 5px 0; font-size: 14px; }
.panel-premium li:first-child { border-top: none; }
.panel-premium .small-print { margin-top: -10px; margin-bottom: 5px; }
.panel-premium.empty { background-color: transparent; border-color: transparent; }
@media screen and (max-width: 640px) { .panel-premium.empty { display: none; } }
.panel-premium.disabled { background-color: #D7D7D5; border-color: #D7D7D5; }
.panel-premium.disabled .hexagon { background-color: #C3C3C3; }
.panel-premium.disabled .hexagon .glyphicons:before { color: #D7D7D5; }
.panel-premium.disabled h2, .panel-premium.disabled ul li { color: #C3C3C3; }
.panel-premium.disabled .button, .panel-premium.disabled .button-alt, .panel-premium.disabled .button-signout, .panel-premium.disabled .button-cancel, .panel-premium.disabled .button-secondary, .panel-premium.disabled .button-alert, .panel-premium.disabled .button-join, .panel-premium.disabled .test-item .button-test, .test-item .panel-premium.disabled .button-test, .panel-premium.disabled .button-ok, .panel-premium.disabled .button-profile, .panel-premium.disabled .button-search, .panel-premium.disabled .button-icon, .panel-premium.disabled .button-notification, .panel-premium.disabled .button-view-all, .panel-premium.disabled .button-book, .panel-premium.disabled .button-class, .panel-premium.disabled .button-send, .panel-premium.disabled .button-level, .panel-premium.disabled .button-purchase, .panel-premium.disabled .test-item .button-report, .test-item .panel-premium.disabled .button-report, .panel-premium.disabled .button:hover, .panel-premium.disabled .button-alt:hover, .panel-premium.disabled .button-signout:hover, .panel-premium.disabled .button-cancel:hover, .panel-premium.disabled .button-secondary:hover, .panel-premium.disabled .button-alert:hover, .panel-premium.disabled .button-join:hover, .panel-premium.disabled .test-item .button-test:hover, .test-item .panel-premium.disabled .button-test:hover, .panel-premium.disabled .button-ok:hover, .panel-premium.disabled .button-profile:hover, .panel-premium.disabled .button-search:hover, .panel-premium.disabled .button-icon:hover, .panel-premium.disabled .button-notification:hover, .panel-premium.disabled .button-view-all:hover, .panel-premium.disabled .button-book:hover, .panel-premium.disabled .button-class:hover, .panel-premium.disabled .button-send:hover, .panel-premium.disabled .button-level:hover, .panel-premium.disabled .button-purchase:hover, .panel-premium.disabled .test-item .button-report:hover, .test-item .panel-premium.disabled .button-report:hover { background-color: #C3C3C3; color: #D7D7D5; pointer-events: none; }

.tab-pane-premium-none { padding: 0 5%; }
@media screen and (max-width: 840px) { .tab-pane-premium-none { padding-left: 0; padding-right: 0; } }

.panel-premium-none, .panel-premium-none-alt, .panel-premium-alert { background-color: #C3C3C3; border-radius: 18px; position: relative; border: 5px solid #C3C3C3; padding: 20px 125px 20px 20px; margin: -40px 10px 40px; }
.panel-premium-none + .panel-premium-none, .panel-premium-none + .panel-premium-none-alt, .panel-premium-none + .panel-premium-alert, .panel-premium-none-alt + .panel-premium-none, .panel-premium-none-alt + .panel-premium-none-alt, .panel-premium-none-alt + .panel-premium-alert, .panel-premium-alert + .panel-premium-none, .panel-premium-alert + .panel-premium-none-alt, .panel-premium-alert + .panel-premium-alert { margin-top: -20px; }
.panel-premium-none .button, .panel-premium-none .button-alt, .panel-premium-none .button-signout, .panel-premium-none .button-cancel, .panel-premium-none .button-secondary, .panel-premium-none .button-alert, .panel-premium-none .button-join, .panel-premium-none .test-item .button-test, .test-item .panel-premium-none .button-test, .panel-premium-none .button-ok, .panel-premium-none .button-profile, .panel-premium-none .button-search, .panel-premium-none .button-icon, .panel-premium-none .button-notification, .panel-premium-none .button-view-all, .panel-premium-none .button-book, .panel-premium-none .button-class, .panel-premium-none .button-send, .panel-premium-none .button-level, .panel-premium-none .button-purchase, .panel-premium-none .test-item .button-report, .test-item .panel-premium-none .button-report, .panel-premium-none-alt .button, .panel-premium-none-alt .button-alt, .panel-premium-none-alt .button-signout, .panel-premium-none-alt .button-cancel, .panel-premium-none-alt .button-secondary, .panel-premium-none-alt .button-alert, .panel-premium-none-alt .button-join, .panel-premium-none-alt .test-item .button-test, .test-item .panel-premium-none-alt .button-test, .panel-premium-none-alt .button-ok, .panel-premium-none-alt .button-profile, .panel-premium-none-alt .button-search, .panel-premium-none-alt .button-icon, .panel-premium-none-alt .button-notification, .panel-premium-none-alt .button-view-all, .panel-premium-none-alt .button-book, .panel-premium-none-alt .button-class, .panel-premium-none-alt .button-send, .panel-premium-none-alt .button-level, .panel-premium-none-alt .button-purchase, .panel-premium-none-alt .test-item .button-report, .test-item .panel-premium-none-alt .button-report, .panel-premium-alert .button, .panel-premium-alert .button-alt, .panel-premium-alert .button-signout, .panel-premium-alert .button-cancel, .panel-premium-alert .button-secondary, .panel-premium-alert .button-alert, .panel-premium-alert .button-join, .panel-premium-alert .test-item .button-test, .test-item .panel-premium-alert .button-test, .panel-premium-alert .button-ok, .panel-premium-alert .button-profile, .panel-premium-alert .button-search, .panel-premium-alert .button-icon, .panel-premium-alert .button-notification, .panel-premium-alert .button-view-all, .panel-premium-alert .button-book, .panel-premium-alert .button-class, .panel-premium-alert .button-send, .panel-premium-alert .button-level, .panel-premium-alert .button-purchase, .panel-premium-alert .test-item .button-report, .test-item .panel-premium-alert .button-report { position: absolute; right: 5px; top: 50%; border-radius: 26px; background-color: #001478; border: none; color: white; font-family: "Mark OT Bold", sans-serif; margin-top: -27px; }
.panel-premium-none .button:hover, .panel-premium-none .button-alt:hover, .panel-premium-none .button-signout:hover, .panel-premium-none .button-cancel:hover, .panel-premium-none .button-secondary:hover, .panel-premium-none .button-alert:hover, .panel-premium-none .button-join:hover, .panel-premium-none .test-item .button-test:hover, .test-item .panel-premium-none .button-test:hover, .panel-premium-none .button-ok:hover, .panel-premium-none .button-profile:hover, .panel-premium-none .button-search:hover, .panel-premium-none .button-icon:hover, .panel-premium-none .button-notification:hover, .panel-premium-none .button-view-all:hover, .panel-premium-none .button-book:hover, .panel-premium-none .button-class:hover, .panel-premium-none .button-send:hover, .panel-premium-none .button-level:hover, .panel-premium-none .button-purchase:hover, .panel-premium-none .test-item .button-report:hover, .test-item .panel-premium-none .button-report:hover, .panel-premium-none-alt .button:hover, .panel-premium-none-alt .button-alt:hover, .panel-premium-none-alt .button-signout:hover, .panel-premium-none-alt .button-cancel:hover, .panel-premium-none-alt .button-secondary:hover, .panel-premium-none-alt .button-alert:hover, .panel-premium-none-alt .button-join:hover, .panel-premium-none-alt .test-item .button-test:hover, .test-item .panel-premium-none-alt .button-test:hover, .panel-premium-none-alt .button-ok:hover, .panel-premium-none-alt .button-profile:hover, .panel-premium-none-alt .button-search:hover, .panel-premium-none-alt .button-icon:hover, .panel-premium-none-alt .button-notification:hover, .panel-premium-none-alt .button-view-all:hover, .panel-premium-none-alt .button-book:hover, .panel-premium-none-alt .button-class:hover, .panel-premium-none-alt .button-send:hover, .panel-premium-none-alt .button-level:hover, .panel-premium-none-alt .button-purchase:hover, .panel-premium-none-alt .test-item .button-report:hover, .test-item .panel-premium-none-alt .button-report:hover, .panel-premium-alert .button:hover, .panel-premium-alert .button-alt:hover, .panel-premium-alert .button-signout:hover, .panel-premium-alert .button-cancel:hover, .panel-premium-alert .button-secondary:hover, .panel-premium-alert .button-alert:hover, .panel-premium-alert .button-join:hover, .panel-premium-alert .test-item .button-test:hover, .test-item .panel-premium-alert .button-test:hover, .panel-premium-alert .button-ok:hover, .panel-premium-alert .button-profile:hover, .panel-premium-alert .button-search:hover, .panel-premium-alert .button-icon:hover, .panel-premium-alert .button-notification:hover, .panel-premium-alert .button-view-all:hover, .panel-premium-alert .button-book:hover, .panel-premium-alert .button-class:hover, .panel-premium-alert .button-send:hover, .panel-premium-alert .button-level:hover, .panel-premium-alert .button-purchase:hover, .panel-premium-alert .test-item .button-report:hover, .test-item .panel-premium-alert .button-report:hover { background-color: #000312; }
.panel-premium-none.large-button, .panel-premium-none-alt.large-button, .panel-premium-alert.large-button { padding-right: 200px; }
@media screen and (max-width: 640px) { .panel-premium-none, .panel-premium-none-alt, .panel-premium-alert { margin-top: 0; padding-bottom: 74px; padding-right: 20px; }
  .panel-premium-none.large-button, .panel-premium-none-alt.large-button, .panel-premium-alert.large-button { padding-right: 20px; }
  .panel-premium-none .button, .panel-premium-none .button-alt, .panel-premium-none .button-signout, .panel-premium-none .button-cancel, .panel-premium-none .button-secondary, .panel-premium-none .button-alert, .panel-premium-none .button-join, .panel-premium-none .test-item .button-test, .test-item .panel-premium-none .button-test, .panel-premium-none .button-ok, .panel-premium-none .button-profile, .panel-premium-none .button-search, .panel-premium-none .button-icon, .panel-premium-none .button-notification, .panel-premium-none .button-view-all, .panel-premium-none .button-book, .panel-premium-none .button-class, .panel-premium-none .button-send, .panel-premium-none .button-level, .panel-premium-none .button-purchase, .panel-premium-none .test-item .button-report, .test-item .panel-premium-none .button-report, .panel-premium-none-alt .button, .panel-premium-none-alt .button-alt, .panel-premium-none-alt .button-signout, .panel-premium-none-alt .button-cancel, .panel-premium-none-alt .button-secondary, .panel-premium-none-alt .button-alert, .panel-premium-none-alt .button-join, .panel-premium-none-alt .test-item .button-test, .test-item .panel-premium-none-alt .button-test, .panel-premium-none-alt .button-ok, .panel-premium-none-alt .button-profile, .panel-premium-none-alt .button-search, .panel-premium-none-alt .button-icon, .panel-premium-none-alt .button-notification, .panel-premium-none-alt .button-view-all, .panel-premium-none-alt .button-book, .panel-premium-none-alt .button-class, .panel-premium-none-alt .button-send, .panel-premium-none-alt .button-level, .panel-premium-none-alt .button-purchase, .panel-premium-none-alt .test-item .button-report, .test-item .panel-premium-none-alt .button-report, .panel-premium-alert .button, .panel-premium-alert .button-alt, .panel-premium-alert .button-signout, .panel-premium-alert .button-cancel, .panel-premium-alert .button-secondary, .panel-premium-alert .button-alert, .panel-premium-alert .button-join, .panel-premium-alert .test-item .button-test, .test-item .panel-premium-alert .button-test, .panel-premium-alert .button-ok, .panel-premium-alert .button-profile, .panel-premium-alert .button-search, .panel-premium-alert .button-icon, .panel-premium-alert .button-notification, .panel-premium-alert .button-view-all, .panel-premium-alert .button-book, .panel-premium-alert .button-class, .panel-premium-alert .button-send, .panel-premium-alert .button-level, .panel-premium-alert .button-purchase, .panel-premium-alert .test-item .button-report, .test-item .panel-premium-alert .button-report { top: auto; bottom: 6px; width: 90%; right: 5%; } }

.panel-premium-none-alt { background-color: #C3C3C3; border-color: #C3C3C3; }

.panel-premium-alert { background-color: red; border-color: red; color: white; padding-right: 20px; }
.panel-premium-alert p { padding-left: 40px; }
.panel-premium-alert .glyphicons { position: absolute; top: 50%; margin-top: -12px; }

.plan-presencial .hexagon { background-color: red; }
.plan-presencial.popular { border-color: red; }

.plan-duo .hexagon { background-color: red; }
.plan-duo.popular { border-color: red; }

.plan-weekend .hexagon { background-color: red; }
.plan-weekend.popular { border-color: red; }

.plan-phone .hexagon { background-color: red; }
.plan-phone.popular { border-color: red; }

.plan-virtual .hexagon { background-color: red; }
.plan-virtual.popular { border-color: red; }

.plan-mixto .hexagon { background-color: red; }
.plan-mixto.popular { border-color: red; }

.plan-toeic .hexagon { background-color: red; }
.plan-toeic.popular { border-color: red; }

.plan-extranjero .hexagon { background-color: red; }
.plan-extranjero.popular { border-color: red; }

.plan-workshop .hexagon { background-color: red; }
.plan-workshop.popular { border-color: red; }

.plan-online .hexagon { background-color: red; }
.plan-online.popular { border-color: red; }

.plan-writing .hexagon { background-color: red; }
.plan-writing.popular { border-color: red; }

.section-progress-charts { padding-top: 2em; }
.section-progress-charts ul li { margin-bottom: 0; }
.section-progress-charts ul li:nth-child(1) .panel-progress { padding-left: 0; padding-right: 0; }
.section-progress-charts > ul > li:nth-child(2) { border-color: #C3C3C3; border-style: solid; border-left-width: 1px; border-right-width: 1px; }
@media screen and (max-width: 840px) { .section-progress-charts { padding-top: 0; }
  .section-progress-charts ul li:nth-child(1) { border-color: #C3C3C3; border-style: solid; border-bottom-width: 1px; padding-bottom: 40px; }
  .section-progress-charts ul li:nth-child(1) .panel-progress { padding: 0; }
  .section-progress-charts ul li:nth-child(2) { border-left: none; margin-top: 40px; }
  .section-progress-charts ul li:nth-child(2) .panel-progress { padding-left: 0; }
  .section-progress-charts ul li:nth-child(3) { margin-top: 40px; }
  .section-progress-charts ul li:nth-child(3) .panel-progress { padding-right: 0; } }
@media screen and (max-width: 480px) { .section-progress-charts ul li:nth-child(2) { border-right: none; border-bottom-width: 1px; }
  .section-progress-charts ul li:nth-child(2) .panel-progress { padding-right: 0; padding-bottom: 40px; }
  .section-progress-charts ul li:nth-child(3) .panel-progress { padding-left: 0; padding-bottom: 20px; } }

.panel-progress, .panel-metro { padding: 0 40px; }
.panel-progress h4, .panel-metro h4 { font-size: 20px; margin-bottom: 20px; }
.panel-progress h5, .panel-metro h5 { margin-bottom: 5px; font-family: "Mark OT Bold", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; }
.panel-progress .progress, .panel-progress .progress-main, .panel-progress .metro, .panel-metro .progress, .panel-metro .progress-main, .panel-metro .metro { position: relative; border-radius: 15px; margin-top: 0; }
.panel-progress .progress .progress-bar, .panel-progress .progress-main .progress-bar, .panel-progress .metro .progress-bar, .panel-progress .progress .progress-bar-stage, .panel-progress .progress-main .progress-bar-stage, .panel-progress .metro .progress-bar-stage, .panel-progress .progress .progress-bar-complete, .panel-progress .progress-main .progress-bar-complete, .panel-progress .metro .progress-bar-complete, .panel-metro .progress .progress-bar, .panel-metro .progress-main .progress-bar, .panel-metro .metro .progress-bar, .panel-metro .progress .progress-bar-stage, .panel-metro .progress-main .progress-bar-stage, .panel-metro .metro .progress-bar-stage, .panel-metro .progress .progress-bar-complete, .panel-metro .progress-main .progress-bar-complete, .panel-metro .metro .progress-bar-complete { height: 30px; border-radius: 15px; }
.panel-progress .progress-stat-number, .panel-progress .progress-level-target, .panel-metro .progress-stat-number, .panel-metro .progress-level-target { font-family: "Mark OT Bold", sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: -0.5px; position: absolute; }
.panel-progress .progress-stat-number, .panel-metro .progress-stat-number { right: 5px; }
.panel-progress .progress-level-target, .panel-metro .progress-level-target { color: #999; }
.panel-progress .extra, .panel-metro .extra { position: relative; }
.panel-progress .extra h5, .panel-metro .extra h5 { position: absolute; z-index: 990; top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 55px; }
.panel-progress .extra .progress, .panel-progress .extra .progress-main, .panel-progress .extra .metro, .panel-metro .extra .progress, .panel-metro .extra .progress-main, .panel-metro .extra .metro { margin-top: 40px; }
.panel-progress .extra .progress-bar, .panel-progress .extra .progress-bar-stage, .panel-progress .extra .progress-bar-complete, .panel-metro .extra .progress-bar, .panel-metro .extra .progress-bar-stage, .panel-metro .extra .progress-bar-complete { float: right; width: 50px !important; }
.panel-progress .extra .progress-bar .progress-stat-number, .panel-progress .extra .progress-bar-stage .progress-stat-number, .panel-progress .extra .progress-bar-complete .progress-stat-number, .panel-metro .extra .progress-bar .progress-stat-number, .panel-metro .extra .progress-bar-stage .progress-stat-number, .panel-metro .extra .progress-bar-complete .progress-stat-number { text-align: center; width: 50px; right: 0; margin-right: 0; }
.panel-progress .chart, .panel-metro .chart { position: relative; }
.panel-progress .chart canvas, .panel-metro .chart canvas { width: 100% !important; height: 100% !important; margin: 0 auto; display: block; max-width: 250px; max-height: 250px; }
@media screen and (max-width: 840px) { .panel-progress .chart canvas, .panel-metro .chart canvas { max-width: 350px; max-height: 350px; } }
.panel-progress .chart .number, .panel-metro .chart .number { position: absolute; left: 50%; top: 50%; text-align: center; display: block; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; font-family: "Mark OT Bold", sans-serif; }
.panel-progress .chart .number span.number-total, .panel-metro .chart .number span.number-total { display: block; font-size: 44px; line-height: 32px; letter-spacing: -1px; padding-top: 15px; }
.panel-progress .chart .number span.number-hours, .panel-metro .chart .number span.number-hours { display: inline-block; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #505050; padding: 0 5px 5px; }
.panel-progress .chart .number span.number-target, .panel-metro .chart .number span.number-target { display: block; padding-top: 5px; }
.panel-progress .item-extra, .panel-metro .item-extra { font-family: "Mark OT Bold", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .item-workshop, .panel-metro .item-workshop { font-family: "Mark OT Bold", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .item-conversation, .panel-metro .item-conversation { font-family: "Mark OT Bold", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .item-catalog, .panel-metro .item-catalog { font-family: "Mark OT Bold", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .chart-online h5, .panel-metro .chart-online h5 { color: red; }
.panel-progress .chart-online .progress-bar, .panel-progress .chart-online .progress-bar-stage, .panel-progress .chart-online .progress-bar-complete, .panel-metro .chart-online .progress-bar, .panel-metro .chart-online .progress-bar-stage, .panel-metro .chart-online .progress-bar-complete { background-color: red; }
.panel-progress .chart-calltalk h5, .panel-metro .chart-calltalk h5 { color: red; }
.panel-progress .chart-calltalk .progress-bar, .panel-progress .chart-calltalk .progress-bar-stage, .panel-progress .chart-calltalk .progress-bar-complete, .panel-metro .chart-calltalk .progress-bar, .panel-metro .chart-calltalk .progress-bar-stage, .panel-metro .chart-calltalk .progress-bar-complete { background-color: red; }
.panel-progress .chart-workshop h5, .panel-metro .chart-workshop h5 { color: red; }
.panel-progress .chart-workshop .progress-bar, .panel-progress .chart-workshop .progress-bar-stage, .panel-progress .chart-workshop .progress-bar-complete, .panel-metro .chart-workshop .progress-bar, .panel-metro .chart-workshop .progress-bar-stage, .panel-metro .chart-workshop .progress-bar-complete { background-color: red; }
.panel-progress .chart-conversation h5, .panel-metro .chart-conversation h5 { color: red; }
.panel-progress .chart-conversation .progress-bar, .panel-progress .chart-conversation .progress-bar-stage, .panel-progress .chart-conversation .progress-bar-complete, .panel-metro .chart-conversation .progress-bar, .panel-metro .chart-conversation .progress-bar-stage, .panel-metro .chart-conversation .progress-bar-complete { background-color: red; }
.panel-progress .chart-catalog h5, .panel-metro .chart-catalog h5 { color: red; }
.panel-progress .chart-catalog .progress-bar, .panel-progress .chart-catalog .progress-bar-stage, .panel-progress .chart-catalog .progress-bar-complete, .panel-metro .chart-catalog .progress-bar, .panel-metro .chart-catalog .progress-bar-stage, .panel-metro .chart-catalog .progress-bar-complete { background-color: red; }
.panel-progress .chart-plan h5, .panel-metro .chart-plan h5 { color: red; }
.panel-progress .chart-plan .progress-bar, .panel-progress .chart-plan .progress-bar-stage, .panel-progress .chart-plan .progress-bar-complete, .panel-metro .chart-plan .progress-bar, .panel-metro .chart-plan .progress-bar-stage, .panel-metro .chart-plan .progress-bar-complete { background-color: red; }
.panel-progress .chart-extra h5, .panel-metro .chart-extra h5 { color: red; }
.panel-progress .chart-extra .progress-bar, .panel-progress .chart-extra .progress-bar-stage, .panel-progress .chart-extra .progress-bar-complete, .panel-metro .chart-extra .progress-bar, .panel-metro .chart-extra .progress-bar-stage, .panel-metro .chart-extra .progress-bar-complete { background-color: red; }
.panel-progress .progress-bar.chart-workshop, .panel-progress .chart-workshop.progress-bar-stage, .panel-progress .chart-workshop.progress-bar-complete, .panel-metro .progress-bar.chart-workshop, .panel-metro .chart-workshop.progress-bar-stage, .panel-metro .chart-workshop.progress-bar-complete { background-color: red; }
.panel-progress .progress-bar.chart-conversation, .panel-progress .chart-conversation.progress-bar-stage, .panel-progress .chart-conversation.progress-bar-complete, .panel-metro .progress-bar.chart-conversation, .panel-metro .chart-conversation.progress-bar-stage, .panel-metro .chart-conversation.progress-bar-complete { background-color: red; }
.panel-progress .progress-bar.chart-catalog, .panel-progress .chart-catalog.progress-bar-stage, .panel-progress .chart-catalog.progress-bar-complete, .panel-metro .progress-bar.chart-catalog, .panel-metro .chart-catalog.progress-bar-stage, .panel-metro .chart-catalog.progress-bar-complete { background-color: red; }
.panel-progress .progress-stages .progress-bar, .panel-progress .progress-stages .progress-bar-stage, .panel-progress .progress-stages .progress-bar-complete, .panel-metro .progress-stages .progress-bar, .panel-metro .progress-stages .progress-bar-stage, .panel-metro .progress-stages .progress-bar-complete { border-radius: 0; }
.panel-progress .progress-stages .progress-bar:nth-child(2), .panel-progress .progress-stages .progress-bar-stage:nth-child(2), .panel-progress .progress-stages .progress-bar-complete:nth-child(2), .panel-metro .progress-stages .progress-bar:nth-child(2), .panel-metro .progress-stages .progress-bar-stage:nth-child(2), .panel-metro .progress-stages .progress-bar-complete:nth-child(2) { border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.panel-progress .progress-stages .progress-bar:last-child, .panel-progress .progress-stages .progress-bar-stage:last-child, .panel-progress .progress-stages .progress-bar-complete:last-child, .panel-metro .progress-stages .progress-bar:last-child, .panel-metro .progress-stages .progress-bar-stage:last-child, .panel-metro .progress-stages .progress-bar-complete:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }

.panel-metro .extra h5 { color: #505050; }
.panel-metro .extra .progress, .panel-metro .extra .progress-main, .panel-metro .extra .metro { margin: 10px 0; background-color: #D7D7D5; }
.panel-metro ul li { position: relative; list-style: none; padding-left: 40px; padding-bottom: 10px; }
.panel-metro ul li .glyphicons.race { position: absolute; left: 5px; top: 2px; }
.panel-metro ul li .glyphicons.race:before { font-size: 24px; }
.panel-metro ul li .glyphicons { position: absolute; left: 5px; top: 2px; }
.panel-metro ul li h5 { margin-bottom: 0; }
.panel-metro ul li p { font-size: 12px; }
.panel-metro ul li .metro-gamification .glyphicons, .panel-metro ul li .metro-gamification-extra .glyphicons { background-color: #505050; left: 0; }

.task-panel-1, .task-panel-2, .task-panel-3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; z-index: 990; box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px; background-color: white; margin-bottom: 20px; }
.columns .task-panel-1, .columns .task-panel-2, .columns .task-panel-3 { overflow: hidden; }
.task-panel-1 .primary, .task-panel-2 .primary, .task-panel-3 .primary { width: 70px; height: 70px; position: absolute; top: 0; left: 0; }
.task-panel-1 .primary .glyphicons, .task-panel-2 .primary .glyphicons, .task-panel-3 .primary .glyphicons { position: absolute; width: 70px; height: 70px; }
.task-panel-1 .primary .glyphicons:before, .task-panel-2 .primary .glyphicons:before, .task-panel-3 .primary .glyphicons:before { font-size: 48px; line-height: 48px; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; }
.task-panel-1 .secondary, .task-panel-2 .secondary, .task-panel-3 .secondary { margin-left: 70px; padding: 10px 10px 10px 20px; }
.task-panel-1 .secondary:after, .task-panel-2 .secondary:after, .task-panel-3 .secondary:after { content: ""; position: absolute; color: transparent; z-index: 1010; border-top: 15px solid transparent; border-right: none; border-bottom: 15px solid transparent; border-left: 10px solid transparent; top: auto; right: auto; bottom: auto; left: 0; top: 20px; }
.task-panel-1 .secondary:after, .task-panel-2 .secondary:after, .task-panel-3 .secondary:after { left: 70px; }
.task-panel-1 .secondary h2, .task-panel-2 .secondary h2, .task-panel-3 .secondary h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.5em; line-height: 1.25; margin: 0; }
.task-panel-1 .secondary p, .task-panel-2 .secondary p, .task-panel-3 .secondary p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #C3C3C3; line-height: 20px; margin-bottom: 0; font-size: 0.8125em; }
.task-panel-1 .secondary p > .halflings, .task-panel-2 .secondary p > .halflings, .task-panel-3 .secondary p > .halflings { margin-right: 4px; }
.task-panel-1 .secondary p > .halflings:before, .task-panel-2 .secondary p > .halflings:before, .task-panel-3 .secondary p > .halflings:before { margin-top: -1px; }
.task-panel-1 .secondary .badge, .task-panel-2 .secondary .badge, .task-panel-3 .secondary .badge, .task-panel-1 .secondary .badge-alert, .task-panel-2 .secondary .badge-alert, .task-panel-3 .secondary .badge-alert, .task-panel-1 .secondary .badge-ok, .task-panel-2 .secondary .badge-ok, .task-panel-3 .secondary .badge-ok, .task-panel-1 .secondary .badge-key, .task-panel-2 .secondary .badge-key, .task-panel-3 .secondary .badge-key, .task-panel-1 .secondary .badge-key-available, .task-panel-2 .secondary .badge-key-available, .task-panel-3 .secondary .badge-key-available, .task-panel-1 .secondary .badge-key-class, .task-panel-2 .secondary .badge-key-class, .task-panel-3 .secondary .badge-key-class, .task-panel-1 .secondary .badge-extra, .task-panel-2 .secondary .badge-extra, .task-panel-3 .secondary .badge-extra, .task-panel-1 .secondary .badge-workshop, .task-panel-2 .secondary .badge-workshop, .task-panel-3 .secondary .badge-workshop, .task-panel-1 .secondary .badge-conversation, .task-panel-2 .secondary .badge-conversation, .task-panel-3 .secondary .badge-conversation, .task-panel-1 .secondary .badge-catalog, .task-panel-2 .secondary .badge-catalog, .task-panel-3 .secondary .badge-catalog { position: absolute; right: 10px; }
.csscolumns .task-panel-1 .secondary p.title, .csscolumns .task-panel-2 .secondary p.title, .csscolumns .task-panel-3 .secondary p.title { display: none; }
.no-csscolumns .task-panel-1 .secondary p.strapline, .no-csscolumns .task-panel-2 .secondary p.strapline, .no-csscolumns .task-panel-3 .secondary p.strapline { display: none; }
.task-panel-1 .secondary.lesson, .task-panel-2 .secondary.lesson, .task-panel-3 .secondary.lesson { height: 70px; box-sizing: border-box; }
.task-panel-1 .secondary.lesson p > .halflings, .task-panel-2 .secondary.lesson p > .halflings, .task-panel-3 .secondary.lesson p > .halflings { margin-right: 0; }
.task-panel-1 .secondary.lesson p > .halflings:before, .task-panel-2 .secondary.lesson p > .halflings:before, .task-panel-3 .secondary.lesson p > .halflings:before { margin-top: 0; }
.task-panel-1 .secondary.lesson .dot, .task-panel-2 .secondary.lesson .dot, .task-panel-3 .secondary.lesson .dot { float: left; margin-right: 5px; }
.task-panel-1 .tertiary h3, .task-panel-2 .tertiary h3, .task-panel-3 .tertiary h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 17px; padding-bottom: 0; margin-bottom: -8px; line-height: 1.3; }
.task-panel-1 .tertiary p, .task-panel-2 .tertiary p, .task-panel-3 .tertiary p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8125em; height: 36px; line-height: 36px; margin-left: 0; color: #C3C3C3; }
.task-panel-1 .tertiary.lesson, .task-panel-2 .tertiary.lesson, .task-panel-3 .tertiary.lesson { padding: 10px 10px 10px 20px; }
.task-panel-1 .tertiary.lesson .dot, .task-panel-2 .tertiary.lesson .dot, .task-panel-3 .tertiary.lesson .dot { float: left; line-height: 36px; margin-right: 5px; }
.task-panel-1 .tertiary.class, .task-panel-2 .tertiary.class, .task-panel-3 .tertiary.class { position: relative; }
.task-panel-1 .tertiary.class .glyphicons, .task-panel-2 .tertiary.class .glyphicons, .task-panel-3 .tertiary.class .glyphicons { position: absolute; width: 90px; height: 90px; }
.task-panel-1 .tertiary.class .glyphicons:before, .task-panel-2 .tertiary.class .glyphicons:before, .task-panel-3 .tertiary.class .glyphicons:before { font-size: 48px; line-height: 48px; top: 50%; left: 50%; margin-top: -26px; margin-left: -26px; }
.task-panel-1 .tertiary.class h3, .task-panel-2 .tertiary.class h3, .task-panel-3 .tertiary.class h3, .task-panel-1 .tertiary.class p, .task-panel-2 .tertiary.class p, .task-panel-3 .tertiary.class p { margin-left: 90px; }
.task-panel-1 .tertiary .class, .task-panel-2 .tertiary .class, .task-panel-3 .tertiary .class { height: 90px; position: relative; }
.task-panel-1 .tertiary .class .glyphicons, .task-panel-2 .tertiary .class .glyphicons, .task-panel-3 .tertiary .class .glyphicons { position: absolute; width: 90px; height: 90px; }
.task-panel-1 .tertiary .class .glyphicons:before, .task-panel-2 .tertiary .class .glyphicons:before, .task-panel-3 .tertiary .class .glyphicons:before { font-size: 48px; line-height: 48px; top: 50%; left: 50%; margin-top: -26px; margin-left: -26px; }
.task-panel-1 .tertiary .class h3, .task-panel-2 .tertiary .class h3, .task-panel-3 .tertiary .class h3, .task-panel-1 .tertiary .class p, .task-panel-2 .tertiary .class p, .task-panel-3 .tertiary .class p { margin-left: 90px; }
.task-panel-1 .tertiary .class + .class, .task-panel-2 .tertiary .class + .class, .task-panel-3 .tertiary .class + .class { border-top: 1px dotted #C3C3C3; }
.task-panel-1 .frame, .task-panel-2 .frame, .task-panel-3 .frame { height: 90px; margin: -10px -10px 0 -20px; text-align: center; overflow: hidden; position: relative; }
.task-panel-1 .frame:after, .task-panel-2 .frame:after, .task-panel-3 .frame:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid white; border-left: 15px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 20px; }
.task-panel-1 .frame:before, .task-panel-2 .frame:before, .task-panel-3 .frame:before { content: ""; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(from bottom, rgba(160, 160, 160, 0.15) 0%, rgba(80, 80, 80, 0) 100%); background: linear-gradient(to  top , rgba(160, 160, 160, 0.15) 0%, rgba(80, 80, 80, 0) 100%); width: 100%; height: 25px; z-index: 1000; }
.task-panel-1 .frame:after, .task-panel-2 .frame:after, .task-panel-3 .frame:after { z-index: 1010; }
.task-panel-1 .frame img, .task-panel-2 .frame img, .task-panel-3 .frame img { position: relative; width: auto; height: 126px; left: 100%; margin-left: -200%; margin-top: -20px; }
.task-panel-1 .frame-advert, .task-panel-2 .frame-advert, .task-panel-3 .frame-advert { height: 180px; margin: -10px -10px 0 -20px; text-align: center; overflow: hidden; position: relative; }
.task-panel-1 .frame-advert:before, .task-panel-2 .frame-advert:before, .task-panel-3 .frame-advert:before { content: ""; position: absolute; top: -25px; left: 0; background: -webkit-linear-gradient(from bottom, rgba(160, 160, 160, 0.15) 0%, rgba(80, 80, 80, 0) 100%); background: linear-gradient(to  top , rgba(160, 160, 160, 0.15) 0%, rgba(80, 80, 80, 0) 100%); width: 100%; height: 25px; z-index: 1000; }
.task-panel-1 .frame-advert:after, .task-panel-2 .frame-advert:after, .task-panel-3 .frame-advert:after { z-index: 1010; }
.task-panel-1 .frame-advert img, .task-panel-2 .frame-advert img, .task-panel-3 .frame-advert img { position: relative; width: auto; height: 300px; left: 100%; margin-left: -200%; margin-top: -20px; }
.complete.task-panel-1 .primary, .complete.task-panel-2 .primary, .complete.task-panel-3 .primary { background-color: #001478; }
.complete.task-panel-1 .primary .glyphicons, .complete.task-panel-2 .primary .glyphicons, .complete.task-panel-3 .primary .glyphicons { color: white; color: rgba(255, 255, 255, 0.8); }
.complete.task-panel-1 .primary .glyphicons:before, .complete.task-panel-2 .primary .glyphicons:before, .complete.task-panel-3 .primary .glyphicons:before { color: white; color: rgba(255, 255, 255, 0.8); }
.complete.task-panel-1 .secondary h2, .complete.task-panel-2 .secondary h2, .complete.task-panel-3 .secondary h2 { color: #001478; }
.complete.task-panel-1 .secondary:after, .complete.task-panel-2 .secondary:after, .complete.task-panel-3 .secondary:after { border-left-color: #001478; color: #001478; }
.warning.task-panel-1 .primary, .warning.task-panel-2 .primary, .warning.task-panel-3 .primary { background-color: #FF2855; }
.warning.task-panel-1 .primary .glyphicons, .warning.task-panel-2 .primary .glyphicons, .warning.task-panel-3 .primary .glyphicons { color: white; color: rgba(255, 255, 255, 0.8); }
.warning.task-panel-1 .primary .glyphicons:before, .warning.task-panel-2 .primary .glyphicons:before, .warning.task-panel-3 .primary .glyphicons:before { color: white; color: rgba(255, 255, 255, 0.8); }
.warning.task-panel-1 .secondary h2, .warning.task-panel-2 .secondary h2, .warning.task-panel-3 .secondary h2 { color: #FF2855; }
.warning.task-panel-1 .secondary:after, .warning.task-panel-2 .secondary:after, .warning.task-panel-3 .secondary:after { border-left-color: #FF2855; color: #FF2855; }
.next.task-panel-1 .primary, .next.task-panel-2 .primary, .next.task-panel-3 .primary { background-color: #86b6b2; }
.next.task-panel-1 .primary .glyphicons, .next.task-panel-2 .primary .glyphicons, .next.task-panel-3 .primary .glyphicons { color: white; color: rgba(255, 255, 255, 0.8); }
.next.task-panel-1 .primary .glyphicons:before, .next.task-panel-2 .primary .glyphicons:before, .next.task-panel-3 .primary .glyphicons:before { color: white; color: rgba(255, 255, 255, 0.8); }
.next.task-panel-1 .secondary h2, .next.task-panel-2 .secondary h2, .next.task-panel-3 .secondary h2 { color: #76aca8 !important; }
.next.task-panel-1 .secondary:after, .next.task-panel-2 .secondary:after, .next.task-panel-3 .secondary:after { border-left-color: #86b6b2; color: #86b6b2; }
.next.task-panel-2 .secondary h2, .next.task-panel-3 .secondary h2 { color: orange; }
.next.task-panel-2 .secondary p, .next.task-panel-3 .secondary p { color: #AAA; }
.info.task-panel-1 .primary, .info.task-panel-2 .primary, .info.task-panel-3 .primary { background-color: #002B44; }
.info.task-panel-1 .primary .glyphicons, .info.task-panel-2 .primary .glyphicons, .info.task-panel-3 .primary .glyphicons { color: white; color: rgba(255, 255, 255, 0.8); }
.info.task-panel-1 .primary .glyphicons:before, .info.task-panel-2 .primary .glyphicons:before, .info.task-panel-3 .primary .glyphicons:before { color: white; color: rgba(255, 255, 255, 0.8); }
.info.task-panel-1 .secondary h2, .info.task-panel-2 .secondary h2, .info.task-panel-3 .secondary h2 { color: #002B44; }
.info.task-panel-1 .secondary:after, .info.task-panel-2 .secondary:after, .info.task-panel-3 .secondary:after { border-left-color: #002B44; color: #002B44; }
.advert.task-panel-1 .primary, .advert.task-panel-2 .primary, .advert.task-panel-3 .primary { background-color: orange; }
.advert.task-panel-1 .primary .glyphicons, .advert.task-panel-2 .primary .glyphicons, .advert.task-panel-3 .primary .glyphicons { color: white; color: rgba(255, 255, 255, 0.8); }
.advert.task-panel-1 .primary .glyphicons:before, .advert.task-panel-2 .primary .glyphicons:before, .advert.task-panel-3 .primary .glyphicons:before { color: white; color: rgba(255, 255, 255, 0.8); }
.advert.task-panel-1 .secondary h2, .advert.task-panel-2 .secondary h2, .advert.task-panel-3 .secondary h2 { color: orange; }
.advert.task-panel-1 .secondary:after, .advert.task-panel-2 .secondary:after, .advert.task-panel-3 .secondary:after { border-left-color: orange; color: orange; }
.advert.task-panel-1 .secondary, .advert.task-panel-2 .secondary, .advert.task-panel-3 .secondary { background-color: white; }
.disabled.task-panel-1 .primary, .disabled.task-panel-2 .primary, .disabled.task-panel-3 .primary { background-color: #C3C3C3; }
.disabled.task-panel-1 .primary .glyphicons, .disabled.task-panel-2 .primary .glyphicons, .disabled.task-panel-3 .primary .glyphicons { color: white; color: rgba(255, 255, 255, 0.8); }
.disabled.task-panel-1 .primary .glyphicons:before, .disabled.task-panel-2 .primary .glyphicons:before, .disabled.task-panel-3 .primary .glyphicons:before { color: white; color: rgba(255, 255, 255, 0.8); }
.disabled.task-panel-1 .secondary h2, .disabled.task-panel-2 .secondary h2, .disabled.task-panel-3 .secondary h2 { color: #aaaaaa; }
.disabled.task-panel-1 .secondary:after, .disabled.task-panel-2 .secondary:after, .disabled.task-panel-3 .secondary:after { border-left-color: #C3C3C3; color: #C3C3C3; }

.task-panel-1 { height: 70px; }
.task-panel-1 .primary .glyphicons.group:before { font-size: 40px; margin-left: -18px; }
.task-panel-1 .primary .glyphicons.headset:before { margin-top: -27px; }
.task-panel-1 .secondary { background-color: white; }

.task-panel-2 { height: 160px; }
.task-panel-2 .tertiary.lesson h3 { padding-top: 7px; }
.task-panel-2 .badge, .task-panel-2 .badge-alert, .task-panel-2 .badge-ok, .task-panel-2 .badge-key, .task-panel-2 .badge-key-available, .task-panel-2 .badge-key-class, .task-panel-2 .badge-extra, .task-panel-2 .badge-workshop, .task-panel-2 .badge-conversation, .task-panel-2 .badge-catalog { position: absolute; right: 10px; bottom: 5px; }

.task-panel-3 { height: 250px; }
.task-panel-3 .badge, .task-panel-3 .badge-alert, .task-panel-3 .badge-ok, .task-panel-3 .badge-key, .task-panel-3 .badge-key-available, .task-panel-3 .badge-key-class, .task-panel-3 .badge-extra, .task-panel-3 .badge-workshop, .task-panel-3 .badge-conversation, .task-panel-3 .badge-catalog { position: absolute; right: 10px; bottom: 15px; }

.task-panel-2.next .secondary, .task-panel-3.next .secondary { background-color: #eff5f5; }
.task-panel-2.warning .secondary, .task-panel-3.warning .secondary { background-color: #FF2855; }
.task-panel-2.complete .secondary, .task-panel-3.complete .secondary { background-color: #001478; }
.task-panel-2.advert .secondary, .task-panel-3.advert .secondary { background-color: white; }
.task-panel-2.info .secondary, .task-panel-3.info .secondary { background-color: #002B44; }
.task-panel-2.disabled .secondary, .task-panel-3.disabled .secondary { background-color: #C3C3C3; }

.pill { max-width: 500px; height: 68px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; }

.pill__item { list-style: none; float: left; width: 50%; }
.pill__item a { display: block; box-sizing: border-box; padding: 15px; text-align: center; border-top: 2px solid #001478; border-right: 1px solid #001478; border-bottom: 2px solid #001478; border-left: 1px solid #001478; position: relative; color: #001478; cursor: pointer; transition-property: none; }
.pill__item:first-child a { border-bottom-left-radius: 34px; border-top-left-radius: 34px; border-left-width: 2px; }
.pill__item:last-child a { border-bottom-right-radius: 34px; border-top-right-radius: 34px; border-right-width: 2px; }
.pill__item.active a { background-color: #001478; color: white; }
.pill__item.active a:after { content: ""; position: absolute; color: white; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid white; border-left: 15px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -15px; }
.pill__item.active a:after { bottom: -2px; }
.section-general .pill__item.active a:after, .section-pricing-general .pill__item.active a:after { border-bottom-color: #e3e9e9; color: #e3e9e9; }

.progress, .progress-main, .metro { height: 30px; line-height: 30px; background-color: #e3e9e9; margin: 20px 0; }

.progress-bar, .progress-bar-stage, .progress-bar-complete { float: left; background-color: #FF2855; text-align: right; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.progress-main { margin: 40px 0; }

.progress-bar-stage { background-color: transparent; }
.progress-bar-stage:last-child .progress-stat-milestone { right: 0; text-align: right; margin-right: 2px; }
.progress-bar-stage.active { background-color: rgba(0, 87, 138, 0.1); }
@media screen and (max-width: 640px) { .progress-bar-stage:nth-child(odd) .progress-stat-milestone { display: none; }
  .progress-bar-stage:nth-child(odd) .progress-stat-milestone.zero { display: block; }
  .progress-bar-stage.active .progress-stat-milestone { display: block; } }

.progress-bar-complete { position: absolute; }
.progress-bar-complete:after { content: none; position: absolute; top: -4px; right: 0; border-top: 32px solid #FF2855; border-left: 1px solid #FF2855; border-right: 0px solid #FF2855; border-bottom: 6px solid #FF2855; }

.progress-level-current { position: absolute; left: 10px; color: #001478; }

.progress-level-target { position: absolute; right: 10px; color: #505050; }

.progress-stat { display: block; height: 30px; }

.progress-stat-number { margin-right: 5px; color: white; text-align: right; }

.progress-stat-milestone { display: block; width: 20px; font-size: 0.75em; position: absolute; bottom: -27px; right: -10px; text-align: center; color: #D7D7D5; }
.progress-stat-milestone.zero { left: 0; text-align: left; margin-left: 2px; }
.complete .progress-stat-milestone { color: #FF2855; }
.active .progress-stat-milestone { color: #001478; }
.active .progress-stat-milestone.zero { color: #FF2855; }

.progress-bar-group .progress-stat:before, .progress-bar-group .progress-stat:after { content: " "; position: absolute; top: -4px; border-left: 1px solid #D7D7D5; border-right: 0px solid #D7D7D5; border-bottom: 6px solid #D7D7D5; }
.progress-bar-group .progress-stat:before { left: 50%; border-top: 6px solid #D7D7D5; }
.progress-bar-group .progress-stat:after { right: -1px; border-top: 32px solid #D7D7D5; }

.progress-bar-stage.active .progress-stat:before, .progress-bar-stage.active .progress-stat:after { border-color: #001478; }
.progress-bar-stage:last-child .progress-stat:after { content: none; }

.progress-achievement { display: block; position: absolute; height: 18px; width: 16px; top: -26px; }
.progress-achievement .glyphicons { padding-left: 13px; }
.progress-achievement .glyphicons:before { font-size: 10px; }
.progress-achievement .halflings { padding-left: 13px; margin-top: -26px; }
.progress-achievement .halflings:before { font-size: 0.6125em; }
.midpoint .progress-achievement { left: 50%; margin-left: -8px; }
.endpoint .progress-achievement { right: 0; margin-right: -8px; }
.locked .progress-achievement { background-color: #C3C3C3; color: #999; }
.unlocked .progress-achievement { background-color: #FF2855; color: white; }
.completed .progress-achievement, .booked .progress-achievement { background-color: #001478; color: white; }

.progress-stat-achievement { display: block; }
.progress-stat-achievement.midpoint:before { content: ""; position: absolute; color: #C3C3C3; z-index: 1010; border-top: 4px solid #C3C3C3; border-right: 4px solid transparent; border-bottom: none; border-left: 4px solid transparent; top: auto; right: auto; bottom: -4px; left: auto; left: 50%; margin-left: -4px; }
.progress-stat-achievement.midpoint.locked:before { border-top-color: #e3e9e9; color: #e3e9e9; }
.progress-stat-achievement.midpoint.unlocked:before { border-top-color: #FF2855; color: #FF2855; }
.progress-stat-achievement.midpoint.completed:before, .progress-stat-achievement.midpoint.booked:before { border-top-color: #FF2855; color: #FF2855; }
.active-achievement .progress-stat-achievement.midpoint:before { border-top-width: 8px; border-right-width: 8px; border-left-width: 8px; top: -8px; margin-left: -8px; }
.active-achievement .progress-stat-achievement.midpoint.locked:before { border-top-color: #C3C3C3; color: #C3C3C3; }
.active-achievement .progress-stat-achievement.midpoint.completed:before, .active-achievement .progress-stat-achievement.midpoint.booked:before { border-top-color: #001478; color: #001478; }
.progress-stat-achievement.endpoint:after { content: ""; position: absolute; color: #C3C3C3; z-index: 1010; border-top: 4px solid #C3C3C3; border-right: 4px solid transparent; border-bottom: none; border-left: 4px solid transparent; top: auto; right: auto; bottom: -4px; left: auto; right: -4px; }
.progress-stat-achievement.endpoint.locked:after { border-top-color: #e3e9e9; color: #e3e9e9; }
.progress-stat-achievement.endpoint.unlocked:after { border-top-color: #FF2855; color: #FF2855; }
.progress-stat-achievement.endpoint.completed:after, .progress-stat-achievement.endpoint.booked:after { border-top-color: #FF2855; color: #FF2855; }
.active-achievement .progress-stat-achievement.endpoint:after { border-top-width: 8px; border-right-width: 8px; border-left-width: 8px; top: -8px; right: -8px; }
.active-achievement .progress-stat-achievement.endpoint.locked:after { border-top-color: #C3C3C3; color: #C3C3C3; }
.active-achievement .progress-stat-achievement.endpoint.completed:after, .active-achievement .progress-stat-achievement.endpoint.booked:after { border-top-color: #001478; color: #001478; }

.progress-bar-stage:last-child .progress-stat-achievement.endpoint:after { border-right-style: none; right: 0; }

.progress-bar-stage.active:first-child .progress-stat-achievement.midpoint .progress-achievement { left: 50%; margin-left: -8px; }
.progress-bar-stage.active:first-child .progress-stat-achievement.midpoint:before { border-right-style: solid; margin-left: -8px; }
.progress-bar-stage.active:last-child .progress-stat-achievement.endpoint .progress-achievement { margin-right: 1px; }
.progress-bar-stage.active:last-child .progress-stat-achievement.endpoint:after { right: 1px; border-right-style: none; }
@media screen and (max-width: 840px) { .progress-bar-stage.active:last-child .progress-stat-achievement.midpoint .progress-achievement { margin-left: -15px; }
  .progress-bar-stage.active:last-child .progress-stat-achievement.midpoint:before { border-right-style: none; margin-left: -7px; } }
@media screen and (max-width: 640px) { .progress-bar-stage.active:last-child .progress-stat-achievement.midpoint .progress-achievement { left: auto; right: 17px; } }
.progress-bar-stage.active:last-child .progress-stat-achievement.midpoint + .progress-stat-achievement.endpoint:after { border-left-style: solid; }
.progress-bar-stage.active:last-child .progress-stat-achievement.midpoint + .progress-stat-achievement.endpoint .progress-achievement { margin-right: 1px; }

@media screen and (max-width: 640px) { .progress-bar-stage.active .progress-stat-achievement.midpoint:before { border-right-style: none; margin-left: -7px; }
  .progress-bar-stage.active .progress-stat-achievement.midpoint .progress-achievement { margin-left: -15px; }
  .progress-bar-stage.active .progress-stat-achievement.midpoint + .progress-stat-achievement.endpoint:after { border-left-style: none; }
  .progress-bar-stage.active .progress-stat-achievement.midpoint + .progress-stat-achievement.endpoint .progress-achievement { margin-right: -16px; } }
.progress.zero .progress-level-current, .zero.progress-main .progress-level-current, .zero.metro .progress-level-current { color: #001478; }
.progress.zero .progress-bar-complete, .zero.progress-main .progress-bar-complete, .zero.metro .progress-bar-complete { background-color: #e3e9e9; }
.progress.zero .progress-bar-complete:before, .zero.progress-main .progress-bar-complete:before, .zero.metro .progress-bar-complete:before, .progress.zero .progress-bar-complete:after, .zero.progress-main .progress-bar-complete:after, .zero.metro .progress-bar-complete:after { content: none; }
.progress.zero .progress-bar-complete .progress-stat-number, .zero.progress-main .progress-bar-complete .progress-stat-number, .zero.metro .progress-bar-complete .progress-stat-number { display: none; }
.grid-33 .chart-online .progress.zero .progress-stat-number, .grid-33 .chart-online .zero.progress-main .progress-stat-number, .grid-33 .chart-online .zero.metro .progress-stat-number { color: red; width: 45px; margin-right: -65px; float: right; text-align: left; }
.grid-33 .chart-calltalk .progress.zero .progress-stat-number, .grid-33 .chart-calltalk .zero.progress-main .progress-stat-number, .grid-33 .chart-calltalk .zero.metro .progress-stat-number { color: red; width: 45px; margin-right: -65px; float: right; text-align: left; }
.grid-33 .chart-workshop .progress.zero .progress-stat-number, .grid-33 .chart-workshop .zero.progress-main .progress-stat-number, .grid-33 .chart-workshop .zero.metro .progress-stat-number { color: red; width: 45px; margin-right: -65px; float: right; text-align: left; }
.grid-33 .chart-conversation .progress.zero .progress-stat-number, .grid-33 .chart-conversation .zero.progress-main .progress-stat-number, .grid-33 .chart-conversation .zero.metro .progress-stat-number { color: red; width: 45px; margin-right: -65px; float: right; text-align: left; }
.grid-33 .chart-catalog .progress.zero .progress-stat-number, .grid-33 .chart-catalog .zero.progress-main .progress-stat-number, .grid-33 .chart-catalog .zero.metro .progress-stat-number { color: red; width: 45px; margin-right: -65px; float: right; text-align: left; }

.progress.hundred .progress-bar-complete:before, .hundred.progress-main .progress-bar-complete:before, .hundred.metro .progress-bar-complete:before, .progress.hundred .progress-bar-complete:after, .hundred.progress-main .progress-bar-complete:after, .hundred.metro .progress-bar-complete:after { content: none; }
.progress.hundred .progress-stat-number, .hundred.progress-main .progress-stat-number, .hundred.metro .progress-stat-number { margin-right: 10px; }
.progress.hundred .progress-level-target, .hundred.progress-main .progress-level-target, .hundred.metro .progress-level-target { display: none; }

.progress-main .under5 .progress-stat-number { color: #FF2855; width: 45px; margin-right: -50px; float: right; text-align: left; }
.progress-main .under5 .progress-level-current { display: none; }
@media screen and (max-width: 1440px) { .progress-main .under10 .progress-stat-number { color: #FF2855; width: 45px; margin-right: -50px; float: right; text-align: left; } }
@media screen and (max-width: 840px) { .progress-main .under10 .progress-level-current { display: none; } }
@media screen and (max-width: 840px) { .progress-main .under15 .progress-stat-number { color: #FF2855; width: 45px; margin-right: -50px; float: right; text-align: left; } }
@media screen and (max-width: 480px) { .progress-main .under15 .progress-level-current { display: none; } }
@media screen and (max-width: 640px) { .progress-main .under20 .progress-stat-number { color: #FF2855; width: 45px; margin-right: -50px; float: right; text-align: left; } }
@media screen and (max-width: 480px) { .progress-main .under25 .progress-stat-number { color: #FF2855; width: 45px; margin-right: -50px; float: right; text-align: left; } }

.grid-33 .chart-online .under5 .progress-stat-number, .grid-33 .chart-online .under10 .progress-stat-number, .grid-33 .chart-online .under15 .progress-stat-number { color: red; width: 45px; margin-right: -55px; float: right; text-align: left; }
.grid-33 .chart-calltalk .under5 .progress-stat-number, .grid-33 .chart-calltalk .under10 .progress-stat-number, .grid-33 .chart-calltalk .under15 .progress-stat-number { color: red; width: 45px; margin-right: -55px; float: right; text-align: left; }
.grid-33 .chart-workshop .under5 .progress-stat-number, .grid-33 .chart-workshop .under10 .progress-stat-number, .grid-33 .chart-workshop .under15 .progress-stat-number { color: red; width: 45px; margin-right: -55px; float: right; text-align: left; }
.grid-33 .chart-conversation .under5 .progress-stat-number, .grid-33 .chart-conversation .under10 .progress-stat-number, .grid-33 .chart-conversation .under15 .progress-stat-number { color: red; width: 45px; margin-right: -55px; float: right; text-align: left; }
.grid-33 .chart-catalog .under5 .progress-stat-number, .grid-33 .chart-catalog .under10 .progress-stat-number, .grid-33 .chart-catalog .under15 .progress-stat-number { color: red; width: 45px; margin-right: -55px; float: right; text-align: left; }

.progress-main .over98 .progress-level-target { display: none; }
@media screen and (max-width: 1440px) { .progress-main .over95 .progress-level-target { display: none; } }
@media screen and (max-width: 640px) { .progress-main .over90 .progress-level-target { display: none; } }
@media screen and (max-width: 480px) { .progress-main .over85 .progress-level-target { display: none; } }

.grid-33 .over90 .progress-level-target, .grid-33 .over95 .progress-level-target, .grid-33 .over98 .progress-level-target { display: none; }

.ribbon, .ribbon-days { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 55px solid #FF2855; border-left: 55px solid transparent; z-index: 1035; }

.ribbon > span, .ribbon-days > span { position: absolute; top: -45px; right: 0; transform: rotate(45deg); color: white; text-align: center; line-height: 16px; }

.ribbon > .halflings, .ribbon-days > .halflings { top: -37px; right: 17px; transform: none; }
.ribbon > .halflings:before, .ribbon-days > .halflings:before { font-size: 1.5em; }

.ribbon-days { font-size: 14px; border-top-width: 65px; border-left-width: 65px; }
.ribbon-days > span { top: -60px; right: -3px; }
.ribbon-days > .halflings { top: -47px; right: 22px; }

/* class applies to select element itself, not a wrapper element */
.select-css { display: block; font-size: 16px; font-family: "Mark OT Book", sans-serif; font-weight: normal; color: #505050; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; height: 40px; max-width: 100%; /* useful when width is set to anything other than 100% */ box-sizing: border-box; margin: 0; border: none; box-shadow: none; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
	for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
	
*/ background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjkzcHgiIGhlaWdodD0iMTY1cHgiIHZpZXdCb3g9IjAgMCAyOTMgMTY1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2My4xICg5MjQ1MikgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1hcnJvdyIgZmlsbD0iIzRBNEE0QSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTI4Nyw1LjQgQzI4My42MDY1MjUsMS44Njk5NjM1NCAyNzguODk1ODQ1LC0wLjA4Njc4MDY0MSAyNzQsMS40MjEwODU0N2UtMTQgTDE4LjQsMS40MjEwODU0N2UtMTQgQzEzLjQsMS40MjEwODU0N2UtMTQgOS4xLDEuOCA1LjUsNS40IEMxLjk4NDE0MjkxLDguNzI4NTU5MzYgLTAuMDA1MjY2NTgzLDEzLjM1ODQ1NzggLTEuMDQzMDE3NTZlLTA1LDE4LjIgQy0xLjA0MzAxNzU2ZS0wNSwyMy4yIDEuOCwyNy41IDUuNCwzMS4xIEwxMzMuNCwxNTkgQzEzNywxNjIuNiAxNDEuMiwxNjQuNCAxNDYuMiwxNjQuNCBDMTUxLjIsMTY0LjQgMTU1LjQsMTYyLjYgMTU5LDE1OSBMMjg3LDMxIEMyOTAuNSwyNy41IDI5Mi40LDIzLjIgMjkyLjQsMTguMiBDMjkyLjQsMTMuMiAyOTAuNSw5IDI4Ni45LDUuNCBMMjg3LDUuNCBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"), linear-gradient(to bottom, #e3e9e9 0%, #e3e9e9 100%); background-repeat: no-repeat, repeat; /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/ background-position: right .7em top 50%, 0 0; /* icon size, then gradient */ background-size: .65em auto, 100%; filter: grayscale(0); }

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand { display: none; }

/* Hover style */
/* Focus style */
.select-css:focus { /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */ color: #505050; outline: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjkzcHgiIGhlaWdodD0iMTY1cHgiIHZpZXdCb3g9IjAgMCAyOTMgMTY1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2My4xICg5MjQ1MikgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1hcnJvdyIgZmlsbD0iIzRBNEE0QSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTI4Nyw1LjQgQzI4My42MDY1MjUsMS44Njk5NjM1NCAyNzguODk1ODQ1LC0wLjA4Njc4MDY0MSAyNzQsMS40MjEwODU0N2UtMTQgTDE4LjQsMS40MjEwODU0N2UtMTQgQzEzLjQsMS40MjEwODU0N2UtMTQgOS4xLDEuOCA1LjUsNS40IEMxLjk4NDE0MjkxLDguNzI4NTU5MzYgLTAuMDA1MjY2NTgzLDEzLjM1ODQ1NzggLTEuMDQzMDE3NTZlLTA1LDE4LjIgQy0xLjA0MzAxNzU2ZS0wNSwyMy4yIDEuOCwyNy41IDUuNCwzMS4xIEwxMzMuNCwxNTkgQzEzNywxNjIuNiAxNDEuMiwxNjQuNCAxNDYuMiwxNjQuNCBDMTUxLjIsMTY0LjQgMTU1LjQsMTYyLjYgMTU5LDE1OSBMMjg3LDMxIEMyOTAuNSwyNy41IDI5Mi40LDIzLjIgMjkyLjQsMTguMiBDMjkyLjQsMTMuMiAyOTAuNSw5IDI4Ni45LDUuNCBMMjg3LDUuNCBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"), linear-gradient(to bottom, #e3e9e9 0%, #e3e9e9 100%); }

.select-css:invalid { color: #999; }

/* Set options to normal weight */
.select-css option { font-weight: normal; }

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { background-position: left .7em top 50%, 0 0; padding: .6em .8em .5em 1.4em; }

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] { color: graytext; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjkzcHgiIGhlaWdodD0iMTY1cHgiIHZpZXdCb3g9IjAgMCAyOTMgMTY1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2My4xICg5MjQ1MikgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFycm93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNlbGVjdC1hcnJvdyIgZmlsbD0iIzRBNEE0QSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTI4Nyw1LjQgQzI4My42MDY1MjUsMS44Njk5NjM1NCAyNzguODk1ODQ1LC0wLjA4Njc4MDY0MSAyNzQsMS40MjEwODU0N2UtMTQgTDE4LjQsMS40MjEwODU0N2UtMTQgQzEzLjQsMS40MjEwODU0N2UtMTQgOS4xLDEuOCA1LjUsNS40IEMxLjk4NDE0MjkxLDguNzI4NTU5MzYgLTAuMDA1MjY2NTgzLDEzLjM1ODQ1NzggLTEuMDQzMDE3NTZlLTA1LDE4LjIgQy0xLjA0MzAxNzU2ZS0wNSwyMy4yIDEuOCwyNy41IDUuNCwzMS4xIEwxMzMuNCwxNTkgQzEzNywxNjIuNiAxNDEuMiwxNjQuNCAxNDYuMiwxNjQuNCBDMTUxLjIsMTY0LjQgMTU1LjQsMTYyLjYgMTU5LDE1OSBMMjg3LDMxIEMyOTAuNSwyNy41IDI5Mi40LDIzLjIgMjkyLjQsMTguMiBDMjkyLjQsMTMuMiAyOTAuNSw5IDI4Ni45LDUuNCBMMjg3LDUuNCBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"), linear-gradient(to bottom, #e3e9e9 0%, #e3e9e9 100%); }

.select-css:disabled:hover, .select-css[aria-disabled=true] { border-color: #aaa; }

.shake { display: inherit; transform-origin: center center; animation-play-state: paused; }

.shake-freeze, .shake-constant.shake-constant--hover:hover, .shake-trigger:hover .shake-constant.shake-constant--hover { animation-play-state: paused; }

.shake-freeze:hover, .shake-trigger:hover .shake-freeze, .shake:hover, .shake-trigger:hover .shake { animation-play-state: running; }

@keyframes shake { 0% { transform: rotate(0deg); }
  10% { transform: rotate(-1deg); }
  20% { transform: rotate(1deg); }
  30% { transform: rotate(0deg); }
  40% { transform: rotate(2deg); }
  50% { transform: rotate(1deg); }
  60% { transform: rotate -1deg; }
  70% { transform: rotate(2deg); }
  80% { transform: rotate(1deg); }
  90% { transform: rotate(0); }
  100% { transform: rotate(1deg); } }
.shake:hover, .shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant { animation-name: shake; animation-duration: 1s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; }

.sign-in { background-color: #e3e9e9; position: relative; }
.sign-in .logo { background-image: url("../img/logo-openbank.png"); display: block; margin: 0 auto 20px; height: 40px; float: none; width: auto; background-repeat: no-repeat; text-indent: -9999px; position: relative; height: 40px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .sign-in .logo { background-image: url("../img/logo-openbank_2x.png"); background-size: 180px 40px; } }
.sign-in h2 { margin-top: 0; }
.sign-in table { width: 100%; }
.sign-in td { position: relative; }
.sign-in td.label { display: none; }
.sign-in input[type="text"], .sign-in input[type="password"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; background-color: #d5dede; border-color: transparent; color: #505050 !important; padding: 15px; margin-bottom: 5px; }
.sign-in input[type="text"]:focus, .sign-in input[type="password"]:focus { background-color: #b8c7c7 !important; }
.sign-in input[type="submit"] { width: 100%; color: white !important; border-color: #FF2855; margin-bottom: 20px; background-color: #FF2855; }
.sign-in input[type="submit"]:hover { border-color: #f40033; color: white !important; background-color: #f40033; }
.sign-in input[type="submit"]:focus, .sign-in input[type="submit"]:active { border-color: #f40033 !important; color: white !important; background-color: #f40033 !important; border-width: 3px; }
.lt-ie9 .sign-in input[type=password] { font-family: sans-serif; height: 54px; }
.sign-in input::-webkit-input-placeholder, .sign-in textarea::-webkit-input-placeholder { color: #AAA; }
.sign-in input::-moz-placeholder, .sign-in textarea::-moz-placeholder { color: #AAA; }
.sign-in input:-moz-placeholder, .sign-in textarea:-moz-placeholder { color: #AAA; }
.sign-in input:-ms-input-placeholder, .sign-in textarea:-ms-input-placeholder { color: #AAA; }
.sign-in p { color: #505050; }
.sign-in .small-print { color: #AAA; text-align: center; margin-bottom: 0; }
.sign-in .small-print a { color: #AAA; text-decoration: underline; }
.sign-in .obligatory { position: absolute; color: #FF2855 !important; font-size: 2em; right: 15px; top: 10px; }
.sign-in h2, .sign-in h2 span { color: #505050; }

.demo-override { background-color: #e3e9e9; background-image: none; }
.demo-override input[type="text"], .demo-override input[type="password"] { background-color: #C3C3C3; color: #4d4d4d !important; }
.demo-override input[type="text"]:focus, .demo-override input[type="password"]:focus { background-color: #AAA !important; }
.demo-override input[type="submit"] { color: #999 !important; border-color: #999; background-color: transparent; }
.demo-override input[type="submit"]:hover { border-color: gray; color: gray !important; background-color: transparent; }
.demo-override input::-webkit-input-placeholder, .demo-override textarea::-webkit-input-placeholder { color: #999; }
.demo-override input::-moz-placeholder, .demo-override textarea::-moz-placeholder { color: #999; }
.demo-override input:-moz-placeholder, .demo-override textarea:-moz-placeholder { color: #999; }
.demo-override input:-ms-input-placeholder, .demo-override textarea:-ms-input-placeholder { color: #999; }
.demo-override .small-print { color: #999; }
.demo-override:after { content: none; background-image: none; }

.sign-in-main { height: 370px; }

.sign-in-password { height: 612px; }

.sign-in-email { height: 539px; }

.sign-in-forgot { height: 477px; }

.sign-in-demo { height: 270px; }

@media screen and (max-width: 480px) { .sign-in .position-inner-fixed { width: auto; height: auto; position: relative; } }
.dot { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 32px; display: block; }

.skill-business .dot, .skill-business.dot { color: #2D91EA; }
.skill-business .progress-bar, .skill-business .progress-bar-stage, .skill-business .progress-bar-complete { background-color: #2D91EA; }
.skill-business.active a .ok { color: #2D91EA; }

.skill-grammar .dot, .skill-grammar.dot { color: #46BFBD; }
.skill-grammar .progress-bar, .skill-grammar .progress-bar-stage, .skill-grammar .progress-bar-complete { background-color: #46BFBD; }
.skill-grammar.active a .ok { color: #46BFBD; }

.skill-listening .dot, .skill-listening.dot { color: #F7464A; }
.skill-listening .progress-bar, .skill-listening .progress-bar-stage, .skill-listening .progress-bar-complete { background-color: #F7464A; }
.skill-listening.active a .ok { color: #F7464A; }

.skill-reading .dot, .skill-reading.dot { color: #FDB45C; }
.skill-reading .progress-bar, .skill-reading .progress-bar-stage, .skill-reading .progress-bar-complete { background-color: #FDB45C; }
.skill-reading.active a .ok { color: #FDB45C; }

.skill-speaking .dot, .skill-speaking.dot { color: lightskyblue; }
.skill-speaking .progress-bar, .skill-speaking .progress-bar-stage, .skill-speaking .progress-bar-complete { background-color: lightskyblue; }
.skill-speaking.active a .ok { color: lightskyblue; }

.skill-vocabulary .dot, .skill-vocabulary.dot { color: darkmagenta; }
.skill-vocabulary .progress-bar, .skill-vocabulary .progress-bar-stage, .skill-vocabulary .progress-bar-complete { background-color: darkmagenta; }
.skill-vocabulary.active a .ok { color: darkmagenta; }

.skill-writing .dot, .skill-writing.dot { color: lightpink; }
.skill-writing .progress-bar, .skill-writing .progress-bar-stage, .skill-writing .progress-bar-complete { background-color: lightpink; }
.skill-writing.active a .ok { color: lightpink; }

.list-checkboxes li.skill-business a:hover, .list-chosen li.skill-business a:hover, .list-filter li.skill-business a:hover, .list-action li.skill-business a:hover, .list-incomplete li.skill-business a:hover, .list-bookings li.skill-business a:hover, .list-bookings-group li.skill-business a:hover, .list-bookings-alt li.skill-business a:hover, .list-static li.skill-business a:hover, .list-tasks li.skill-business a:hover, .list-rating li.skill-business a:hover, .module-objectives li.skill-business a:hover, .list-modules li.skill-business a:hover, .list-checkboxes li.skill-business.active a, .list-chosen li.skill-business.active a, .list-filter li.skill-business.active a, .list-action li.skill-business.active a, .list-incomplete li.skill-business.active a, .list-bookings li.skill-business.active a, .list-bookings-group li.skill-business.active a, .list-bookings-alt li.skill-business.active a, .list-static li.skill-business.active a, .list-tasks li.skill-business.active a, .list-rating li.skill-business.active a, .module-objectives li.skill-business.active a, .list-modules li.skill-business.active a { border-left-color: #2D91EA; }
.list-checkboxes li.skill-grammar a:hover, .list-chosen li.skill-grammar a:hover, .list-filter li.skill-grammar a:hover, .list-action li.skill-grammar a:hover, .list-incomplete li.skill-grammar a:hover, .list-bookings li.skill-grammar a:hover, .list-bookings-group li.skill-grammar a:hover, .list-bookings-alt li.skill-grammar a:hover, .list-static li.skill-grammar a:hover, .list-tasks li.skill-grammar a:hover, .list-rating li.skill-grammar a:hover, .module-objectives li.skill-grammar a:hover, .list-modules li.skill-grammar a:hover, .list-checkboxes li.skill-grammar.active a, .list-chosen li.skill-grammar.active a, .list-filter li.skill-grammar.active a, .list-action li.skill-grammar.active a, .list-incomplete li.skill-grammar.active a, .list-bookings li.skill-grammar.active a, .list-bookings-group li.skill-grammar.active a, .list-bookings-alt li.skill-grammar.active a, .list-static li.skill-grammar.active a, .list-tasks li.skill-grammar.active a, .list-rating li.skill-grammar.active a, .module-objectives li.skill-grammar.active a, .list-modules li.skill-grammar.active a { border-left-color: #46BFBD; }
.list-checkboxes li.skill-listening a:hover, .list-chosen li.skill-listening a:hover, .list-filter li.skill-listening a:hover, .list-action li.skill-listening a:hover, .list-incomplete li.skill-listening a:hover, .list-bookings li.skill-listening a:hover, .list-bookings-group li.skill-listening a:hover, .list-bookings-alt li.skill-listening a:hover, .list-static li.skill-listening a:hover, .list-tasks li.skill-listening a:hover, .list-rating li.skill-listening a:hover, .module-objectives li.skill-listening a:hover, .list-modules li.skill-listening a:hover, .list-checkboxes li.skill-listening.active a, .list-chosen li.skill-listening.active a, .list-filter li.skill-listening.active a, .list-action li.skill-listening.active a, .list-incomplete li.skill-listening.active a, .list-bookings li.skill-listening.active a, .list-bookings-group li.skill-listening.active a, .list-bookings-alt li.skill-listening.active a, .list-static li.skill-listening.active a, .list-tasks li.skill-listening.active a, .list-rating li.skill-listening.active a, .module-objectives li.skill-listening.active a, .list-modules li.skill-listening.active a { border-left-color: #F7464A; }
.list-checkboxes li.skill-reading a:hover, .list-chosen li.skill-reading a:hover, .list-filter li.skill-reading a:hover, .list-action li.skill-reading a:hover, .list-incomplete li.skill-reading a:hover, .list-bookings li.skill-reading a:hover, .list-bookings-group li.skill-reading a:hover, .list-bookings-alt li.skill-reading a:hover, .list-static li.skill-reading a:hover, .list-tasks li.skill-reading a:hover, .list-rating li.skill-reading a:hover, .module-objectives li.skill-reading a:hover, .list-modules li.skill-reading a:hover, .list-checkboxes li.skill-reading.active a, .list-chosen li.skill-reading.active a, .list-filter li.skill-reading.active a, .list-action li.skill-reading.active a, .list-incomplete li.skill-reading.active a, .list-bookings li.skill-reading.active a, .list-bookings-group li.skill-reading.active a, .list-bookings-alt li.skill-reading.active a, .list-static li.skill-reading.active a, .list-tasks li.skill-reading.active a, .list-rating li.skill-reading.active a, .module-objectives li.skill-reading.active a, .list-modules li.skill-reading.active a { border-left-color: #FDB45C; }
.list-checkboxes li.skill-speaking a:hover, .list-chosen li.skill-speaking a:hover, .list-filter li.skill-speaking a:hover, .list-action li.skill-speaking a:hover, .list-incomplete li.skill-speaking a:hover, .list-bookings li.skill-speaking a:hover, .list-bookings-group li.skill-speaking a:hover, .list-bookings-alt li.skill-speaking a:hover, .list-static li.skill-speaking a:hover, .list-tasks li.skill-speaking a:hover, .list-rating li.skill-speaking a:hover, .module-objectives li.skill-speaking a:hover, .list-modules li.skill-speaking a:hover, .list-checkboxes li.skill-speaking.active a, .list-chosen li.skill-speaking.active a, .list-filter li.skill-speaking.active a, .list-action li.skill-speaking.active a, .list-incomplete li.skill-speaking.active a, .list-bookings li.skill-speaking.active a, .list-bookings-group li.skill-speaking.active a, .list-bookings-alt li.skill-speaking.active a, .list-static li.skill-speaking.active a, .list-tasks li.skill-speaking.active a, .list-rating li.skill-speaking.active a, .module-objectives li.skill-speaking.active a, .list-modules li.skill-speaking.active a { border-left-color: lightskyblue; }
.list-checkboxes li.skill-vocabulary a:hover, .list-chosen li.skill-vocabulary a:hover, .list-filter li.skill-vocabulary a:hover, .list-action li.skill-vocabulary a:hover, .list-incomplete li.skill-vocabulary a:hover, .list-bookings li.skill-vocabulary a:hover, .list-bookings-group li.skill-vocabulary a:hover, .list-bookings-alt li.skill-vocabulary a:hover, .list-static li.skill-vocabulary a:hover, .list-tasks li.skill-vocabulary a:hover, .list-rating li.skill-vocabulary a:hover, .module-objectives li.skill-vocabulary a:hover, .list-modules li.skill-vocabulary a:hover, .list-checkboxes li.skill-vocabulary.active a, .list-chosen li.skill-vocabulary.active a, .list-filter li.skill-vocabulary.active a, .list-action li.skill-vocabulary.active a, .list-incomplete li.skill-vocabulary.active a, .list-bookings li.skill-vocabulary.active a, .list-bookings-group li.skill-vocabulary.active a, .list-bookings-alt li.skill-vocabulary.active a, .list-static li.skill-vocabulary.active a, .list-tasks li.skill-vocabulary.active a, .list-rating li.skill-vocabulary.active a, .module-objectives li.skill-vocabulary.active a, .list-modules li.skill-vocabulary.active a { border-left-color: darkmagenta; }
.list-checkboxes li.skill-writing a:hover, .list-chosen li.skill-writing a:hover, .list-filter li.skill-writing a:hover, .list-action li.skill-writing a:hover, .list-incomplete li.skill-writing a:hover, .list-bookings li.skill-writing a:hover, .list-bookings-group li.skill-writing a:hover, .list-bookings-alt li.skill-writing a:hover, .list-static li.skill-writing a:hover, .list-tasks li.skill-writing a:hover, .list-rating li.skill-writing a:hover, .module-objectives li.skill-writing a:hover, .list-modules li.skill-writing a:hover, .list-checkboxes li.skill-writing.active a, .list-chosen li.skill-writing.active a, .list-filter li.skill-writing.active a, .list-action li.skill-writing.active a, .list-incomplete li.skill-writing.active a, .list-bookings li.skill-writing.active a, .list-bookings-group li.skill-writing.active a, .list-bookings-alt li.skill-writing.active a, .list-static li.skill-writing.active a, .list-tasks li.skill-writing.active a, .list-rating li.skill-writing.active a, .module-objectives li.skill-writing.active a, .list-modules li.skill-writing.active a { border-left-color: lightpink; }

table.notifications, table.tests, table.history, table.attendance { width: 100%; text-align: center; }
table.notifications th, table.tests th, table.history th, table.attendance th { font-weight: normal; background-color: #D7D7D5; padding: 0 1em; height: 63px; line-height: 63px; position: relative; text-align: center; border-left: 1px dashed #D7D7D5; }
table.notifications td, table.tests td, table.history td, table.attendance td { background-color: white; color: #505050; padding: 1em; border-top: 3px solid #e3e9e9; vertical-align: middle; border-left: 1px dashed #e3e9e9; }
table.notifications th, table.tests th, table.history th, table.attendance th, table.notifications td, table.tests td, table.history td, table.attendance td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table.notifications th:first-child, table.tests th:first-child, table.history th:first-child, table.attendance th:first-child, table.notifications td:first-child, table.tests td:first-child, table.history td:first-child, table.attendance td:first-child { border-left: none; }
table.notifications tr.pagination td, table.tests tr.pagination td, table.history tr.pagination td, table.attendance tr.pagination td { background-color: transparent; padding: 0; }
table.notifications tr.pagination table, table.tests tr.pagination table, table.history tr.pagination table, table.attendance tr.pagination table { float: left; }
table.notifications tr.pagination .button, table.tests tr.pagination .button, table.history tr.pagination .button, table.attendance tr.pagination .button, table.notifications tr.pagination .button-alt, table.tests tr.pagination .button-alt, table.history tr.pagination .button-alt, table.attendance tr.pagination .button-alt, table.notifications tr.pagination .button-signout, table.tests tr.pagination .button-signout, table.history tr.pagination .button-signout, table.attendance tr.pagination .button-signout, table.notifications tr.pagination .button-cancel, table.tests tr.pagination .button-cancel, table.history tr.pagination .button-cancel, table.attendance tr.pagination .button-cancel, table.notifications tr.pagination .button-secondary, table.tests tr.pagination .button-secondary, table.history tr.pagination .button-secondary, table.attendance tr.pagination .button-secondary, table.notifications tr.pagination .button-alert, table.tests tr.pagination .button-alert, table.history tr.pagination .button-alert, table.attendance tr.pagination .button-alert, table.notifications tr.pagination .button-join, table.tests tr.pagination .button-join, table.history tr.pagination .button-join, table.attendance tr.pagination .button-join, table.notifications tr.pagination .test-item .button-test, .test-item table.notifications tr.pagination .button-test, table.tests tr.pagination .test-item .button-test, .test-item table.tests tr.pagination .button-test, table.history tr.pagination .test-item .button-test, .test-item table.history tr.pagination .button-test, table.attendance tr.pagination .test-item .button-test, .test-item table.attendance tr.pagination .button-test, table.notifications tr.pagination .button-ok, table.tests tr.pagination .button-ok, table.history tr.pagination .button-ok, table.attendance tr.pagination .button-ok, table.notifications tr.pagination .button-profile, table.tests tr.pagination .button-profile, table.history tr.pagination .button-profile, table.attendance tr.pagination .button-profile, table.notifications tr.pagination .button-search, table.tests tr.pagination .button-search, table.history tr.pagination .button-search, table.attendance tr.pagination .button-search, table.notifications tr.pagination .button-icon, table.tests tr.pagination .button-icon, table.history tr.pagination .button-icon, table.attendance tr.pagination .button-icon, table.notifications tr.pagination .button-notification, table.tests tr.pagination .button-notification, table.history tr.pagination .button-notification, table.attendance tr.pagination .button-notification, table.notifications tr.pagination .button-view-all, table.tests tr.pagination .button-view-all, table.history tr.pagination .button-view-all, table.attendance tr.pagination .button-view-all, table.notifications tr.pagination .button-book, table.tests tr.pagination .button-book, table.history tr.pagination .button-book, table.attendance tr.pagination .button-book, table.notifications tr.pagination .button-class, table.tests tr.pagination .button-class, table.history tr.pagination .button-class, table.attendance tr.pagination .button-class, table.notifications tr.pagination .button-send, table.tests tr.pagination .button-send, table.history tr.pagination .button-send, table.attendance tr.pagination .button-send, table.notifications tr.pagination .button-level, table.tests tr.pagination .button-level, table.history tr.pagination .button-level, table.attendance tr.pagination .button-level, table.notifications tr.pagination .button-purchase, table.tests tr.pagination .button-purchase, table.history tr.pagination .button-purchase, table.attendance tr.pagination .button-purchase, table.notifications tr.pagination .test-item .button-report, .test-item table.notifications tr.pagination .button-report, table.tests tr.pagination .test-item .button-report, .test-item table.tests tr.pagination .button-report, table.history tr.pagination .test-item .button-report, .test-item table.history tr.pagination .button-report, table.attendance tr.pagination .test-item .button-report, .test-item table.attendance tr.pagination .button-report { margin-right: 5px; margin-top: 20px; }
table.sortable.notifications th:hover, table.sortable.tests th:hover, table.sortable.history th:hover, table.sortable.attendance th:hover { cursor: pointer; }
table.sortable.notifications th.sorting_asc:after, table.sortable.tests th.sorting_asc:after, table.sortable.history th.sorting_asc:after, table.sortable.attendance th.sorting_asc:after { content: ""; position: absolute; color: #e3e9e9; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #e3e9e9; border-left: 15px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -15px; }
.lt-ie9 table.sortable.notifications th.sorting_asc, .lt-ie9 table.sortable.tests th.sorting_asc, .lt-ie9 table.sortable.history th.sorting_asc, .lt-ie9 table.sortable.attendance th.sorting_asc { bottom: -1px; }
table.sortable.notifications th.sorting_desc:after, table.sortable.tests th.sorting_desc:after, table.sortable.history th.sorting_desc:after, table.sortable.attendance th.sorting_desc:after { content: ""; position: absolute; color: #e3e9e9; z-index: 1010; border-top: 10px solid #e3e9e9; border-right: 15px solid transparent; border-bottom: none; border-left: 15px solid transparent; top: 0; right: auto; bottom: auto; left: auto; left: 50%; margin-left: -15px; }
table.clickable.notifications tbody tr:hover, table.clickable.tests tbody tr:hover, table.clickable.history tbody tr:hover, table.clickable.attendance tbody tr:hover { cursor: pointer; }
table.clickable.notifications tbody tr:hover td, table.clickable.tests tbody tr:hover td, table.clickable.history tbody tr:hover td, table.clickable.attendance tbody tr:hover td { background-color: #e3e9e9; }
table.notifications tr.disabled td, table.tests tr.disabled td, table.history tr.disabled td, table.attendance tr.disabled td { background-color: #D7D7D5; color: #999; pointer-events: none; }
table.notifications tr.empty td, table.tests tr.empty td, table.history tr.empty td, table.attendance tr.empty td { background-color: #D7D7D5; color: #999; pointer-events: none; }
table.notifications tr.unlocked td, table.tests tr.unlocked td, table.history tr.unlocked td, table.attendance tr.unlocked td { color: #FF2855; }
table.notifications td.truncate-line, table.tests td.truncate-line, table.history td.truncate-line, table.attendance td.truncate-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

table + table { margin-top: 20px; }

table.history th:first-child, table.history td:first-child { text-align: center; width: 70px; padding-left: 0; padding-right: 0; }
table.history td:last-child { text-align: right; min-width: 85px; }
table.history .glyphicons { padding-left: 28px; }
table.history .glyphicons:before { font: 28px/0.75em 'Glyphicons Regular'; }
table.history .badge .glyphicons, table.history .badge-alert .glyphicons, table.history .badge-ok .glyphicons, table.history .badge-key .glyphicons, table.history .badge-key-available .glyphicons, table.history .badge-key-class .glyphicons, table.history .badge-extra .glyphicons, table.history .badge-workshop .glyphicons, table.history .badge-conversation .glyphicons, table.history .badge-catalog .glyphicons { display: inline-block; float: none; margin-top: 8px; margin-right: 3px; padding-left: 10px; }
table.history .badge .glyphicons:before, table.history .badge-alert .glyphicons:before, table.history .badge-ok .glyphicons:before, table.history .badge-key .glyphicons:before, table.history .badge-key-available .glyphicons:before, table.history .badge-key-class .glyphicons:before, table.history .badge-extra .glyphicons:before, table.history .badge-workshop .glyphicons:before, table.history .badge-conversation .glyphicons:before, table.history .badge-catalog .glyphicons:before { font: 12px/0.5em 'Glyphicons Regular'; }

table.attendance td:last-child { text-align: right; min-width: 25px; }

h3 + table.table-static { margin-top: 10px; }

table.table-static + h3 { margin-top: 20px; }

table.table-static { width: 100%; }
table.table-static tbody { border-top: 1px solid #111; border-bottom: 1px solid #111; }
table.table-static tbody tr { background-color: white; }
table.table-static tbody tr:nth-child(even) { background-color: #e3e9e9; }
table.table-static th, table.table-static td { padding: 8px 10px; }
table.table-static .glyphicons:before { position: relative; }

.table-headerless td:first-child { width: 80px; font-weight: bold; }

.table-numeric th:first-child, .table-numeric td:first-child { text-align: center; width: 25px; font-weight: bold; }

.test-item { display: block; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px; background-color: #D7D7D5; }
.test-item .date { position: relative; padding: 10px 10px 10px 70px; background-color: white; }
.test-item .date:after { content: ""; position: absolute; color: #D7D7D5; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #D7D7D5; border-left: 15px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 24px; }
.test-item .date .glyphicons.signal { float: left; margin-left: -58px; }
.test-item .date .glyphicons.signal:before { font: 48px/48px 'Glyphicons Regular'; }
.test-item .date h2 { font-size: 1.7em; margin-top: 0; margin-bottom: 0; color: #505050; }
.test-item .date p { margin-bottom: 0; color: #999; }
.test-item .date .chart { position: relative; width: 74px; height: 74px; float: right; /* margin-left: -176px; */ margin-top: -10px; margin-right: -5px; }
.test-item .date .number { display: block; position: absolute; width: 74px; height: 74px; line-height: 74px; color: #505050; text-align: center; top: 0; right: 0; font-family: "Mark OT Bold", sans-serif; }
.no-canvas .test-item .date .number { font-size: 2em; }
.test-item .status { padding: 10px; /* margin-right: 176px; */ }
.test-item .status .chart { position: relative; width: 232px; height: 232px; float: right; margin-right: -242px; }
.test-item .status .number { display: block; position: absolute; width: 232px; height: 232px; line-height: 232px; color: #505050; text-align: center; top: 0; right: 0; font-size: 2.2em; font-family: "Mark OT Bold", sans-serif; }
.test-item .status .list-static, .test-item .status .list-tasks, .test-item .status .list-rating, .test-item .status .module-objectives { margin-bottom: 1em; }
.test-item .status .result { color: #C3C3C3; }
.test-item .button-test { width: 100%; }
.test-item .button-report { width: 100%; border-color: #e3e9e9; }
.test-item .button-report:hover { border-color: white; }

.toggle-container input { position: absolute; margin-left: -9999px; visibility: hidden; }

.toggle-container label { display: block; position: relative; cursor: pointer; outline: none; user-select: none; padding: 2px; width: 70px; height: 32px; background-color: white; border-radius: 32px; transition: background 0.4s; }

.toggle-container label:before, .toggle-container label:after { display: block; position: absolute; content: ""; }

.toggle-container label:before { top: 0; left: 0; bottom: 0; right: 0; background-color: white; border-radius: 16px; transition: background 0.4s; }

.toggle-container label:after { top: 4px; left: 4px; bottom: 4px; width: 28px; background-color: #C3C3C3; border-radius: 28px; transition: margin 0.4s, background 0.4s; }

.toggle-container input:checked + label { background-color: white; }

.toggle-container input:checked + label:after { margin-left: 38px; background-color: #32825A; }

.tab-pane-my-plan { position: relative; }
.tab-pane-my-plan .toggle-container { width: 74px; position: absolute; top: -15px; right: 10px; }

.toggle-label { display: block; text-align: center; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; }

.tooltip { position: relative; font-family: "Mark OT Book", sans-serif; font-weight: 400 !important; z-index: 1040; }
.tooltip:before { bottom: 100%; left: 50%; transform: translateX(-50%); transform-origin: top center; margin-bottom: 10px; }
.tooltip:after { margin-top: -2px; }
.tooltip:before { content: attr(data-text); position: absolute; z-index: 1040; padding: .5em 1em; border-radius: 2px; background: #505050; color: white !important; letter-spacing: normal !important; text-align: center; white-space: nowrap; font-size: 12px !important; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.tooltip:after { content: ""; position: absolute; color: #505050; z-index: 1010; border-top: 8px solid #505050; border-right: 12px solid transparent; border-bottom: none; border-left: 12px solid transparent; top: -8px; right: auto; bottom: auto; left: auto; left: 50%; margin-left: -12px; }
.tooltip:after { z-index: 1040; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.tooltip:hover:before, .tooltip:hover:after { opacity: 1; }

.tooltip.hide { display: none; }

.tooltip-top:before { bottom: 100%; left: 50%; transform: translateX(-50%); transform-origin: top center; margin-bottom: 10px; }
.tooltip-top:after { margin-top: -2px; }

.tooltip-bottom:before { bottom: auto; margin-bottom: 0; top: 100%; margin-top: 10px; transform: translateX(-50%); transform-origin: bottom center; }
.tooltip-bottom:after { top: auto; bottom: -8px; margin-top: 0; margin-bottom: -2px; border-top: none; border-bottom: 8px solid #505050; }

.tooltip-left:before { bottom: auto; left: auto; margin-bottom: 0; transform: translateX(0); right: 100%; top: 50%; transform: translateY(-50%); transform-origin: center left; margin-right: 8px; }
.tooltip-left:after { top: 50%; bottom: auto; right: auto; left: 0; transform: translateY(-50%); margin-top: 0; margin-left: -10px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 8px solid #505050; }

.tooltip-right:before { bottom: auto; left: auto; margin-bottom: 0; transform: translateX(0); left: 100%; top: 50%; transform: translateY(-50%); transform-origin: center left; margin-left: 8px; }
.tooltip-right:after { top: 50%; bottom: auto; right: 0; left: auto; transform: translateY(-50%); margin-top: 0; margin-right: -10px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 8px solid #505050; }

.video-wrap { position: relative; background-color: black; }
.video-wrap video, .video-wrap canvas { top: 0; left: 0; width: 100%; max-width: 100%; }
.video-wrap video { height: 100% !important; position: absolute; }
.video-wrap video div { width: 640px; margin: 0 auto; }

.video-background { object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; }

h1.metro-station-1 strong { color: #1BB3BC; }
h1.metro-station-2 strong { color: #9E3667; }
h1.metro-station-3 strong { color: #63BA68; }
h1.metro-station-4 strong { color: #990000; }
h1.metro-station-5 strong { color: #137E84; }
h1.metro-station-6 strong { color: #FFCC33; }
h1.metro-station-7 strong { color: #0032E6; }
h1.metro-station-8 strong { color: #946F00; }
h1.metro-station-9 strong { color: #6F7779; }
h1.metro-station-10 strong { color: #008D39; }
h1.metro-station-11 strong { color: #910041; }
h1.metro-station-12 strong { color: #3366FF; }
h1.metro-station-13 strong { color: #FF0000; }

.metro { margin: 120px 0; height: 20px; line-height: 20px; padding: 0 30px; background-color: transparent; }

.metro-track { position: relative; height: 20px; background-color: #e3e9e9; float: left; }
.metro-track:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.metro-track:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.panel-metro .metro-track { width: 35px; background-color: #505050; position: absolute; left: 0; top: 15px; border-radius: 0; }
.panel-metro .metro-track:after { border-color: #505050; }
.panel-metro .metro-track.metro-interchange:before, .panel-metro .metro-track.metro-interchange-extra:before { border-color: #505050; }

.metro-progress { background-color: #e3e9e9; position: relative; }
.metro-progress:before { content: " "; position: absolute; right: 0; top: 0; border-left: 3px solid #e3e9e9; border-right: 0px solid #e3e9e9; border-bottom: 85px solid #e3e9e9; width: auto; height: auto; z-index: 1001; }
.metro-progress .glyphicons { position: absolute; right: -7px; top: 105px; width: 20px; height: 20px; }

.metro-progress-points { position: absolute; right: -25px; top: 85px; font-size: 12px; font-weight: bold; color: #e3e9e9; width: 50px; height: 20px; text-align: center; }

.metro-track:before { content: " "; position: absolute; right: 11px; top: 3px; width: 13px; height: 13px; background: white; border-radius: 50%; z-index: 1002; }

.metro-track:after { content: " "; position: absolute; top: -12px; right: 10px; border-left: 15px solid #e3e9e9; border-right: 0px solid #e3e9e9; border-bottom: 12px solid #e3e9e9; }

.metro-interchange:before, .metro-interchange-extra:before { width: 23px; height: 23px; border: 5px solid #e3e9e9; right: 1px; top: -6px; z-index: 1002; }

.metro-interchange:after, .metro-interchange-extra:after { content: " "; position: absolute; top: -12px; right: 10px; border-left: 15px solid #e3e9e9; border-right: 0px solid #e3e9e9; border-bottom: 45px solid #e3e9e9; z-index: 1000; }

.metro-station { position: absolute; right: -60px; top: -68px; width: 100px; transform: rotate(-45deg); text-align: left; font-size: 12px; font-weight: bold; color: #e3e9e9; }
.metro-station .halflings { font-size: 15px; }

.metro-target { position: absolute; right: 28px; top: -18px; box-sizing: border-box; text-align: right; font-size: 11px; font-weight: bold; color: #e3e9e9; }

.metro-gamification .glyphicons, .metro-gamification-extra .glyphicons { background-color: #e3e9e9; height: 32px; width: 32px; display: block; position: absolute; right: 1px; bottom: -45px; }
.metro-gamification .glyphicons:before, .metro-gamification-extra .glyphicons:before { color: white; top: 6px; left: 6px; font-size: 20px; }
.metro-gamification .glyphicons.race:before, .metro-gamification-extra .glyphicons.race:before { font-size: 22px; top: 11px; left: 5px; }
.metro-gamification .glyphicons.basketball:before, .metro-gamification-extra .glyphicons.basketball:before { font-size: 22px; top: 5px; left: 5px; }
.metro-gamification .title, .metro-gamification-extra .title { font-size: 12px; color: #e3e9e9; font-weight: bold; display: block; position: absolute; right: -43px; bottom: -65px; width: 120px; height: 20px; text-align: center; }

.metro-interchange-extra:after { top: -15px; border-bottom-width: 48px; }
.metro-interchange-extra .metro-station { top: -102px; right: -63px; }

.metro-gamification-extra .glyphicons { bottom: auto; top: -47px; }

.metro-reward { position: absolute; right: 10px; top: 25px; width: 15px; height: 20px; }
.metro-reward .glyphicons { position: absolute; top: 0; right: 17px; color: #e3e9e9; }
.metro-reward .glyphicons:before { font-size: 20px; }
.metro-reward .title { font-size: 12px; color: #e3e9e9; font-weight: bold; display: block; position: absolute; right: -52px; bottom: -20px; width: 120px; height: 20px; text-align: center; }

.metro-track.metro-station-1.active { background-color: #b4e2e7; }
.metro-track.metro-station-1.active:after { border-color: #b4e2e7; }
.metro-track.metro-station-1.active .metro-progress { background-color: #1BB3BC; }
.metro-track.metro-station-1.active .metro-progress:before { border-color: #1BB3BC; }
.metro-track.metro-station-1.active .metro-progress-points { color: #1BB3BC; }
.metro-track.metro-station-1.active .metro-target { color: #505050; }
.metro-track.metro-station-1.active .metro-station { color: #1BB3BC; }
.metro-track.metro-station-1.active.metro-interchange:before, .metro-track.metro-station-1.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-1.active .metro-reward .glyphicons { color: #b4e2e7; }
.metro-track.metro-station-1.active .metro-reward .title { color: #b4e2e7; }
.metro-track.metro-station-1.active .metro-gamification .glyphicons, .metro-track.metro-station-1.active .metro-gamification-extra .glyphicons { background-color: #b4e2e7; }
.metro-track.metro-station-1.active .metro-gamification .title, .metro-track.metro-station-1.active .metro-gamification-extra .title { color: #b4e2e7; }
.metro-track.metro-station-1.complete { background-color: #1BB3BC; }
.metro-track.metro-station-1.complete:after { border-color: #1BB3BC; }
.metro-track.metro-station-1.complete .metro-target { color: #505050; }
.metro-track.metro-station-1.complete .metro-station { color: #1BB3BC; }
.metro-track.metro-station-1.complete.metro-interchange:before, .metro-track.metro-station-1.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-1.complete .metro-reward .glyphicons { color: #1BB3BC; }
.metro-track.metro-station-1.complete .metro-reward .title { color: #1BB3BC; }
.metro-track.metro-station-1.complete .metro-gamification .glyphicons, .metro-track.metro-station-1.complete .metro-gamification-extra .glyphicons { background-color: #1BB3BC; }
.metro-track.metro-station-1.complete .metro-gamification .title, .metro-track.metro-station-1.complete .metro-gamification-extra .title { color: #1BB3BC; }
.metro-track.metro-station-2.active { background-color: #f4dfe9; }
.metro-track.metro-station-2.active:after { border-color: #f4dfe9; }
.metro-track.metro-station-2.active .metro-progress { background-color: #9E3667; }
.metro-track.metro-station-2.active .metro-progress:before { border-color: #9E3667; }
.metro-track.metro-station-2.active .metro-progress-points { color: #9E3667; }
.metro-track.metro-station-2.active .metro-target { color: #505050; }
.metro-track.metro-station-2.active .metro-station { color: #9E3667; }
.metro-track.metro-station-2.active.metro-interchange:before, .metro-track.metro-station-2.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-2.active .metro-reward .glyphicons { color: #f4dfe9; }
.metro-track.metro-station-2.active .metro-reward .title { color: #f4dfe9; }
.metro-track.metro-station-2.active .metro-gamification .glyphicons, .metro-track.metro-station-2.active .metro-gamification-extra .glyphicons { background-color: #f4dfe9; }
.metro-track.metro-station-2.active .metro-gamification .title, .metro-track.metro-station-2.active .metro-gamification-extra .title { color: #f4dfe9; }
.metro-track.metro-station-2.complete { background-color: #9E3667; }
.metro-track.metro-station-2.complete:after { border-color: #9E3667; }
.metro-track.metro-station-2.complete .metro-target { color: #505050; }
.metro-track.metro-station-2.complete .metro-station { color: #9E3667; }
.metro-track.metro-station-2.complete.metro-interchange:before, .metro-track.metro-station-2.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-2.complete .metro-reward .glyphicons { color: #9E3667; }
.metro-track.metro-station-2.complete .metro-reward .title { color: #9E3667; }
.metro-track.metro-station-2.complete .metro-gamification .glyphicons, .metro-track.metro-station-2.complete .metro-gamification-extra .glyphicons { background-color: #9E3667; }
.metro-track.metro-station-2.complete .metro-gamification .title, .metro-track.metro-station-2.complete .metro-gamification-extra .title { color: #9E3667; }
.metro-track.metro-station-3.active { background-color: #cfebd0; }
.metro-track.metro-station-3.active:after { border-color: #cfebd0; }
.metro-track.metro-station-3.active .metro-progress { background-color: #63BA68; }
.metro-track.metro-station-3.active .metro-progress:before { border-color: #63BA68; }
.metro-track.metro-station-3.active .metro-progress-points { color: #63BA68; }
.metro-track.metro-station-3.active .metro-target { color: #505050; }
.metro-track.metro-station-3.active .metro-station { color: #63BA68; }
.metro-track.metro-station-3.active.metro-interchange:before, .metro-track.metro-station-3.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-3.active .metro-reward .glyphicons { color: #cfebd0; }
.metro-track.metro-station-3.active .metro-reward .title { color: #cfebd0; }
.metro-track.metro-station-3.active .metro-gamification .glyphicons, .metro-track.metro-station-3.active .metro-gamification-extra .glyphicons { background-color: #cfebd0; }
.metro-track.metro-station-3.active .metro-gamification .title, .metro-track.metro-station-3.active .metro-gamification-extra .title { color: #cfebd0; }
.metro-track.metro-station-3.complete { background-color: #63BA68; }
.metro-track.metro-station-3.complete:after { border-color: #63BA68; }
.metro-track.metro-station-3.complete .metro-target { color: #505050; }
.metro-track.metro-station-3.complete .metro-station { color: #63BA68; }
.metro-track.metro-station-3.complete.metro-interchange:before, .metro-track.metro-station-3.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-3.complete .metro-reward .glyphicons { color: #63BA68; }
.metro-track.metro-station-3.complete .metro-reward .title { color: #63BA68; }
.metro-track.metro-station-3.complete .metro-gamification .glyphicons, .metro-track.metro-station-3.complete .metro-gamification-extra .glyphicons { background-color: #63BA68; }
.metro-track.metro-station-3.complete .metro-gamification .title, .metro-track.metro-station-3.complete .metro-gamification-extra .title { color: #63BA68; }
.metro-track.metro-station-4.active { background-color: #e1b2b1; }
.metro-track.metro-station-4.active:after { border-color: #e1b2b1; }
.metro-track.metro-station-4.active .metro-progress { background-color: #990000; }
.metro-track.metro-station-4.active .metro-progress:before { border-color: #990000; }
.metro-track.metro-station-4.active .metro-progress-points { color: #990000; }
.metro-track.metro-station-4.active .metro-target { color: #505050; }
.metro-track.metro-station-4.active .metro-station { color: #990000; }
.metro-track.metro-station-4.active.metro-interchange:before, .metro-track.metro-station-4.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-4.active .metro-reward .glyphicons { color: #e1b2b1; }
.metro-track.metro-station-4.active .metro-reward .title { color: #e1b2b1; }
.metro-track.metro-station-4.active .metro-gamification .glyphicons, .metro-track.metro-station-4.active .metro-gamification-extra .glyphicons { background-color: #e1b2b1; }
.metro-track.metro-station-4.active .metro-gamification .title, .metro-track.metro-station-4.active .metro-gamification-extra .title { color: #e1b2b1; }
.metro-track.metro-station-4.complete { background-color: #990000; }
.metro-track.metro-station-4.complete:after { border-color: #990000; }
.metro-track.metro-station-4.complete .metro-target { color: #505050; }
.metro-track.metro-station-4.complete .metro-station { color: #990000; }
.metro-track.metro-station-4.complete.metro-interchange:before, .metro-track.metro-station-4.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-4.complete .metro-reward .glyphicons { color: #990000; }
.metro-track.metro-station-4.complete .metro-reward .title { color: #990000; }
.metro-track.metro-station-4.complete .metro-gamification .glyphicons, .metro-track.metro-station-4.complete .metro-gamification-extra .glyphicons { background-color: #990000; }
.metro-track.metro-station-4.complete .metro-gamification .title, .metro-track.metro-station-4.complete .metro-gamification-extra .title { color: #990000; }
.metro-track.metro-station-5.active { background-color: #b7d8da; }
.metro-track.metro-station-5.active:after { border-color: #b7d8da; }
.metro-track.metro-station-5.active .metro-progress { background-color: #137E84; }
.metro-track.metro-station-5.active .metro-progress:before { border-color: #137E84; }
.metro-track.metro-station-5.active .metro-progress-points { color: #137E84; }
.metro-track.metro-station-5.active .metro-target { color: #505050; }
.metro-track.metro-station-5.active .metro-station { color: #137E84; }
.metro-track.metro-station-5.active.metro-interchange:before, .metro-track.metro-station-5.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-5.active .metro-reward .glyphicons { color: #b7d8da; }
.metro-track.metro-station-5.active .metro-reward .title { color: #b7d8da; }
.metro-track.metro-station-5.active .metro-gamification .glyphicons, .metro-track.metro-station-5.active .metro-gamification-extra .glyphicons { background-color: #b7d8da; }
.metro-track.metro-station-5.active .metro-gamification .title, .metro-track.metro-station-5.active .metro-gamification-extra .title { color: #b7d8da; }
.metro-track.metro-station-5.complete { background-color: #137E84; }
.metro-track.metro-station-5.complete:after { border-color: #137E84; }
.metro-track.metro-station-5.complete .metro-target { color: #505050; }
.metro-track.metro-station-5.complete .metro-station { color: #137E84; }
.metro-track.metro-station-5.complete.metro-interchange:before, .metro-track.metro-station-5.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-5.complete .metro-reward .glyphicons { color: #137E84; }
.metro-track.metro-station-5.complete .metro-reward .title { color: #137E84; }
.metro-track.metro-station-5.complete .metro-gamification .glyphicons, .metro-track.metro-station-5.complete .metro-gamification-extra .glyphicons { background-color: #137E84; }
.metro-track.metro-station-5.complete .metro-gamification .title, .metro-track.metro-station-5.complete .metro-gamification-extra .title { color: #137E84; }
.metro-track.metro-station-6.active { background-color: #ffe794; }
.metro-track.metro-station-6.active:after { border-color: #ffe794; }
.metro-track.metro-station-6.active .metro-progress { background-color: #FFCC33; }
.metro-track.metro-station-6.active .metro-progress:before { border-color: #FFCC33; }
.metro-track.metro-station-6.active .metro-progress-points { color: #FFCC33; }
.metro-track.metro-station-6.active .metro-target { color: #505050; }
.metro-track.metro-station-6.active .metro-station { color: #FFCC33; }
.metro-track.metro-station-6.active.metro-interchange:before, .metro-track.metro-station-6.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-6.active .metro-reward .glyphicons { color: #ffe794; }
.metro-track.metro-station-6.active .metro-reward .title { color: #ffe794; }
.metro-track.metro-station-6.active .metro-gamification .glyphicons, .metro-track.metro-station-6.active .metro-gamification-extra .glyphicons { background-color: #ffe794; }
.metro-track.metro-station-6.active .metro-gamification .title, .metro-track.metro-station-6.active .metro-gamification-extra .title { color: #ffe794; }
.metro-track.metro-station-6.complete { background-color: #FFCC33; }
.metro-track.metro-station-6.complete:after { border-color: #FFCC33; }
.metro-track.metro-station-6.complete .metro-target { color: #505050; }
.metro-track.metro-station-6.complete .metro-station { color: #FFCC33; }
.metro-track.metro-station-6.complete.metro-interchange:before, .metro-track.metro-station-6.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-6.complete .metro-reward .glyphicons { color: #FFCC33; }
.metro-track.metro-station-6.complete .metro-reward .title { color: #FFCC33; }
.metro-track.metro-station-6.complete .metro-gamification .glyphicons, .metro-track.metro-station-6.complete .metro-gamification-extra .glyphicons { background-color: #FFCC33; }
.metro-track.metro-station-6.complete .metro-gamification .title, .metro-track.metro-station-6.complete .metro-gamification-extra .title { color: #FFCC33; }
.metro-track.metro-station-7.active { background-color: #b1c0fa; }
.metro-track.metro-station-7.active:after { border-color: #b1c0fa; }
.metro-track.metro-station-7.active .metro-progress { background-color: #0032E6; }
.metro-track.metro-station-7.active .metro-progress:before { border-color: #0032E6; }
.metro-track.metro-station-7.active .metro-progress-points { color: #0032E6; }
.metro-track.metro-station-7.active .metro-target { color: #505050; }
.metro-track.metro-station-7.active .metro-station { color: #0032E6; }
.metro-track.metro-station-7.active.metro-interchange:before, .metro-track.metro-station-7.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-7.active .metro-reward .glyphicons { color: #b1c0fa; }
.metro-track.metro-station-7.active .metro-reward .title { color: #b1c0fa; }
.metro-track.metro-station-7.active .metro-gamification .glyphicons, .metro-track.metro-station-7.active .metro-gamification-extra .glyphicons { background-color: #b1c0fa; }
.metro-track.metro-station-7.active .metro-gamification .title, .metro-track.metro-station-7.active .metro-gamification-extra .title { color: #b1c0fa; }
.metro-track.metro-station-7.complete { background-color: #0032E6; }
.metro-track.metro-station-7.complete:after { border-color: #0032E6; }
.metro-track.metro-station-7.complete .metro-target { color: #505050; }
.metro-track.metro-station-7.complete .metro-station { color: #0032E6; }
.metro-track.metro-station-7.complete.metro-interchange:before, .metro-track.metro-station-7.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-7.complete .metro-reward .glyphicons { color: #0032E6; }
.metro-track.metro-station-7.complete .metro-reward .title { color: #0032E6; }
.metro-track.metro-station-7.complete .metro-gamification .glyphicons, .metro-track.metro-station-7.complete .metro-gamification-extra .glyphicons { background-color: #0032E6; }
.metro-track.metro-station-7.complete .metro-gamification .title, .metro-track.metro-station-7.complete .metro-gamification-extra .title { color: #0032E6; }
.metro-track.metro-station-8.active { background-color: #dfd4b0; }
.metro-track.metro-station-8.active:after { border-color: #dfd4b0; }
.metro-track.metro-station-8.active .metro-progress { background-color: #946F00; }
.metro-track.metro-station-8.active .metro-progress:before { border-color: #946F00; }
.metro-track.metro-station-8.active .metro-progress-points { color: #946F00; }
.metro-track.metro-station-8.active .metro-target { color: #505050; }
.metro-track.metro-station-8.active .metro-station { color: #946F00; }
.metro-track.metro-station-8.active.metro-interchange:before, .metro-track.metro-station-8.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-8.active .metro-reward .glyphicons { color: #dfd4b0; }
.metro-track.metro-station-8.active .metro-reward .title { color: #dfd4b0; }
.metro-track.metro-station-8.active .metro-gamification .glyphicons, .metro-track.metro-station-8.active .metro-gamification-extra .glyphicons { background-color: #dfd4b0; }
.metro-track.metro-station-8.active .metro-gamification .title, .metro-track.metro-station-8.active .metro-gamification-extra .title { color: #dfd4b0; }
.metro-track.metro-station-8.complete { background-color: #946F00; }
.metro-track.metro-station-8.complete:after { border-color: #946F00; }
.metro-track.metro-station-8.complete .metro-target { color: #505050; }
.metro-track.metro-station-8.complete .metro-station { color: #946F00; }
.metro-track.metro-station-8.complete.metro-interchange:before, .metro-track.metro-station-8.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-8.complete .metro-reward .glyphicons { color: #946F00; }
.metro-track.metro-station-8.complete .metro-reward .title { color: #946F00; }
.metro-track.metro-station-8.complete .metro-gamification .glyphicons, .metro-track.metro-station-8.complete .metro-gamification-extra .glyphicons { background-color: #946F00; }
.metro-track.metro-station-8.complete .metro-gamification .title, .metro-track.metro-station-8.complete .metro-gamification-extra .title { color: #946F00; }
.metro-track.metro-station-9.active { background-color: #d3d6d6; }
.metro-track.metro-station-9.active:after { border-color: #d3d6d6; }
.metro-track.metro-station-9.active .metro-progress { background-color: #6F7779; }
.metro-track.metro-station-9.active .metro-progress:before { border-color: #6F7779; }
.metro-track.metro-station-9.active .metro-progress-points { color: #6F7779; }
.metro-track.metro-station-9.active .metro-target { color: #505050; }
.metro-track.metro-station-9.active .metro-station { color: #6F7779; }
.metro-track.metro-station-9.active.metro-interchange:before, .metro-track.metro-station-9.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-9.active .metro-reward .glyphicons { color: #d3d6d6; }
.metro-track.metro-station-9.active .metro-reward .title { color: #d3d6d6; }
.metro-track.metro-station-9.active .metro-gamification .glyphicons, .metro-track.metro-station-9.active .metro-gamification-extra .glyphicons { background-color: #d3d6d6; }
.metro-track.metro-station-9.active .metro-gamification .title, .metro-track.metro-station-9.active .metro-gamification-extra .title { color: #d3d6d6; }
.metro-track.metro-station-9.complete { background-color: #6F7779; }
.metro-track.metro-station-9.complete:after { border-color: #6F7779; }
.metro-track.metro-station-9.complete .metro-target { color: #505050; }
.metro-track.metro-station-9.complete .metro-station { color: #6F7779; }
.metro-track.metro-station-9.complete.metro-interchange:before, .metro-track.metro-station-9.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-9.complete .metro-reward .glyphicons { color: #6F7779; }
.metro-track.metro-station-9.complete .metro-reward .title { color: #6F7779; }
.metro-track.metro-station-9.complete .metro-gamification .glyphicons, .metro-track.metro-station-9.complete .metro-gamification-extra .glyphicons { background-color: #6F7779; }
.metro-track.metro-station-9.complete .metro-gamification .title, .metro-track.metro-station-9.complete .metro-gamification-extra .title { color: #6F7779; }
.metro-track.metro-station-10.active { background-color: #b1dec2; }
.metro-track.metro-station-10.active:after { border-color: #b1dec2; }
.metro-track.metro-station-10.active .metro-progress { background-color: #008D39; }
.metro-track.metro-station-10.active .metro-progress:before { border-color: #008D39; }
.metro-track.metro-station-10.active .metro-progress-points { color: #008D39; }
.metro-track.metro-station-10.active .metro-target { color: #505050; }
.metro-track.metro-station-10.active .metro-station { color: #008D39; }
.metro-track.metro-station-10.active.metro-interchange:before, .metro-track.metro-station-10.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-10.active .metro-reward .glyphicons { color: #b1dec2; }
.metro-track.metro-station-10.active .metro-reward .title { color: #b1dec2; }
.metro-track.metro-station-10.active .metro-gamification .glyphicons, .metro-track.metro-station-10.active .metro-gamification-extra .glyphicons { background-color: #b1dec2; }
.metro-track.metro-station-10.active .metro-gamification .title, .metro-track.metro-station-10.active .metro-gamification-extra .title { color: #b1dec2; }
.metro-track.metro-station-10.complete { background-color: #008D39; }
.metro-track.metro-station-10.complete:after { border-color: #008D39; }
.metro-track.metro-station-10.complete .metro-target { color: #505050; }
.metro-track.metro-station-10.complete .metro-station { color: #008D39; }
.metro-track.metro-station-10.complete.metro-interchange:before, .metro-track.metro-station-10.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-10.complete .metro-reward .glyphicons { color: #008D39; }
.metro-track.metro-station-10.complete .metro-reward .title { color: #008D39; }
.metro-track.metro-station-10.complete .metro-gamification .glyphicons, .metro-track.metro-station-10.complete .metro-gamification-extra .glyphicons { background-color: #008D39; }
.metro-track.metro-station-10.complete .metro-gamification .title, .metro-track.metro-station-10.complete .metro-gamification-extra .title { color: #008D39; }
.metro-track.metro-station-11.active { background-color: #d6bdc7; }
.metro-track.metro-station-11.active:after { border-color: #d6bdc7; }
.metro-track.metro-station-11.active .metro-progress { background-color: #910041; }
.metro-track.metro-station-11.active .metro-progress:before { border-color: #910041; }
.metro-track.metro-station-11.active .metro-progress-points { color: #910041; }
.metro-track.metro-station-11.active .metro-target { color: #505050; }
.metro-track.metro-station-11.active .metro-station { color: #910041; }
.metro-track.metro-station-11.active.metro-interchange:before, .metro-track.metro-station-11.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-11.active .metro-reward .glyphicons { color: #d6bdc7; }
.metro-track.metro-station-11.active .metro-reward .title { color: #d6bdc7; }
.metro-track.metro-station-11.active .metro-gamification .glyphicons, .metro-track.metro-station-11.active .metro-gamification-extra .glyphicons { background-color: #d6bdc7; }
.metro-track.metro-station-11.active .metro-gamification .title, .metro-track.metro-station-11.active .metro-gamification-extra .title { color: #d6bdc7; }
.metro-track.metro-station-11.complete { background-color: #910041; }
.metro-track.metro-station-11.complete:after { border-color: #910041; }
.metro-track.metro-station-11.complete .metro-target { color: #505050; }
.metro-track.metro-station-11.complete .metro-station { color: #910041; }
.metro-track.metro-station-11.complete.metro-interchange:before, .metro-track.metro-station-11.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-11.complete .metro-reward .glyphicons { color: #910041; }
.metro-track.metro-station-11.complete .metro-reward .title { color: #910041; }
.metro-track.metro-station-11.complete .metro-gamification .glyphicons, .metro-track.metro-station-11.complete .metro-gamification-extra .glyphicons { background-color: #910041; }
.metro-track.metro-station-11.complete .metro-gamification .title, .metro-track.metro-station-11.complete .metro-gamification-extra .title { color: #910041; }
.metro-track.metro-station-12.active { background-color: #c0d0ff; }
.metro-track.metro-station-12.active:after { border-color: #c0d0ff; }
.metro-track.metro-station-12.active .metro-progress { background-color: #3366FF; }
.metro-track.metro-station-12.active .metro-progress:before { border-color: #3366FF; }
.metro-track.metro-station-12.active .metro-progress-points { color: #3366FF; }
.metro-track.metro-station-12.active .metro-target { color: #505050; }
.metro-track.metro-station-12.active .metro-station { color: #3366FF; }
.metro-track.metro-station-12.active.metro-interchange:before, .metro-track.metro-station-12.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-12.active .metro-reward .glyphicons { color: #c0d0ff; }
.metro-track.metro-station-12.active .metro-reward .title { color: #c0d0ff; }
.metro-track.metro-station-12.active .metro-gamification .glyphicons, .metro-track.metro-station-12.active .metro-gamification-extra .glyphicons { background-color: #c0d0ff; }
.metro-track.metro-station-12.active .metro-gamification .title, .metro-track.metro-station-12.active .metro-gamification-extra .title { color: #c0d0ff; }
.metro-track.metro-station-12.complete { background-color: #3366FF; }
.metro-track.metro-station-12.complete:after { border-color: #3366FF; }
.metro-track.metro-station-12.complete .metro-target { color: #505050; }
.metro-track.metro-station-12.complete .metro-station { color: #3366FF; }
.metro-track.metro-station-12.complete.metro-interchange:before, .metro-track.metro-station-12.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-12.complete .metro-reward .glyphicons { color: #3366FF; }
.metro-track.metro-station-12.complete .metro-reward .title { color: #3366FF; }
.metro-track.metro-station-12.complete .metro-gamification .glyphicons, .metro-track.metro-station-12.complete .metro-gamification-extra .glyphicons { background-color: #3366FF; }
.metro-track.metro-station-12.complete .metro-gamification .title, .metro-track.metro-station-12.complete .metro-gamification-extra .title { color: #3366FF; }
.metro-track.metro-station-13.active { background-color: #fcb2b1; }
.metro-track.metro-station-13.active:after { border-color: #fcb2b1; }
.metro-track.metro-station-13.active .metro-progress { background-color: #FF0000; }
.metro-track.metro-station-13.active .metro-progress:before { border-color: #FF0000; }
.metro-track.metro-station-13.active .metro-progress-points { color: #FF0000; }
.metro-track.metro-station-13.active .metro-target { color: #505050; }
.metro-track.metro-station-13.active .metro-station { color: #FF0000; }
.metro-track.metro-station-13.active.metro-interchange:before, .metro-track.metro-station-13.active.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-13.active .metro-reward .glyphicons { color: #fcb2b1; }
.metro-track.metro-station-13.active .metro-reward .title { color: #fcb2b1; }
.metro-track.metro-station-13.active .metro-gamification .glyphicons, .metro-track.metro-station-13.active .metro-gamification-extra .glyphicons { background-color: #fcb2b1; }
.metro-track.metro-station-13.active .metro-gamification .title, .metro-track.metro-station-13.active .metro-gamification-extra .title { color: #fcb2b1; }
.metro-track.metro-station-13.complete { background-color: #FF0000; }
.metro-track.metro-station-13.complete:after { border-color: #FF0000; }
.metro-track.metro-station-13.complete .metro-target { color: #505050; }
.metro-track.metro-station-13.complete .metro-station { color: #FF0000; }
.metro-track.metro-station-13.complete.metro-interchange:before, .metro-track.metro-station-13.complete.metro-interchange-extra:before { border-color: #505050; }
.metro-track.metro-station-13.complete .metro-reward .glyphicons { color: #FF0000; }
.metro-track.metro-station-13.complete .metro-reward .title { color: #FF0000; }
.metro-track.metro-station-13.complete .metro-gamification .glyphicons, .metro-track.metro-station-13.complete .metro-gamification-extra .glyphicons { background-color: #FF0000; }
.metro-track.metro-station-13.complete .metro-gamification .title, .metro-track.metro-station-13.complete .metro-gamification-extra .title { color: #FF0000; }

.tab-pane-metro { border-bottom: 1px solid #C3C3C3; }
.tab-pane-metro .grid-25, .tab-pane-metro .grid-33, .tab-pane-metro .grid-50 { border-left: 1px solid #C3C3C3; }
.tab-pane-metro .grid-25:first-child, .tab-pane-metro .grid-33:first-child, .tab-pane-metro .grid-50:first-child { border-left: none; }

.modal-metro h4 { padding-bottom: 15px; }
.modal-metro h4 .badge, .modal-metro h4 .badge-alert, .modal-metro h4 .badge-ok, .modal-metro h4 .badge-key, .modal-metro h4 .badge-key-available, .modal-metro h4 .badge-key-class, .modal-metro h4 .badge-extra, .modal-metro h4 .badge-workshop, .modal-metro h4 .badge-conversation, .modal-metro h4 .badge-catalog, .modal-metro h4 .badge-alert, .modal-metro h4 .badge-ok { margin-left: 12px; margin-top: -2px; }
.modal-metro .metro-track { width: 100%; padding: 0 10px; margin-left: -10px; border-radius: 0; }
.modal-metro .metro-track:before { left: 29px; right: auto; }
.modal-metro .metro-track:after { left: 28px; right: auto; }
.modal-metro .metro-track.metro-interchange:before, .modal-metro .metro-track.metro-interchange-extra:before { left: 20px; right: auto; border-color: #505050; }
.modal-metro .modal-body { padding-top: 35px; }
.modal-metro .modal-footer { border-top: 1px solid #D7D7D5; }
.modal-metro .class-info-panel .primary { background-color: #e3e9e9; border-color: #e3e9e9; }
.modal-metro .metro-gamification .glyphicons, .modal-metro .metro-gamification-extra .glyphicons { position: absolute; left: 15px; top: 15px; width: 50px; height: 50px; background-color: #505050; }
.modal-metro .metro-gamification .glyphicons:before, .modal-metro .metro-gamification-extra .glyphicons:before { left: 8px; top: 1px; margin: 0; font-size: 36px; }
.modal-metro .metro-gamification .glyphicons.race, .modal-metro .metro-gamification-extra .glyphicons.race { position: absolute; left: 15px; top: 15px; width: 50px; height: 50px; background-color: #505050; }
.modal-metro .metro-gamification .glyphicons.race:before, .modal-metro .metro-gamification-extra .glyphicons.race:before { left: 7px; top: 8px; margin: 0; font-size: 36px; }
.modal-metro .metro-gamification .glyphicons.headset, .modal-metro .metro-gamification-extra .glyphicons.headset { position: absolute; left: 15px; top: 15px; width: 50px; height: 50px; background-color: #505050; margin-top: 0; }
.modal-metro .metro-gamification .glyphicons.headset:before, .modal-metro .metro-gamification-extra .glyphicons.headset:before { left: 7px; top: 0px; margin: 0; font-size: 36px; }
.modal-metro .class-info-panel .button, .modal-metro .class-info-panel .button-alt, .modal-metro .class-info-panel .button-signout, .modal-metro .class-info-panel .button-cancel, .modal-metro .class-info-panel .button-secondary, .modal-metro .class-info-panel .button-alert, .modal-metro .class-info-panel .button-join, .modal-metro .class-info-panel .test-item .button-test, .test-item .modal-metro .class-info-panel .button-test, .modal-metro .class-info-panel .button-ok, .modal-metro .class-info-panel .button-profile, .modal-metro .class-info-panel .button-search, .modal-metro .class-info-panel .button-icon, .modal-metro .class-info-panel .button-notification, .modal-metro .class-info-panel .button-view-all, .modal-metro .class-info-panel .button-book, .modal-metro .class-info-panel .button-class, .modal-metro .class-info-panel .button-send, .modal-metro .class-info-panel .button-level, .modal-metro .class-info-panel .button-purchase, .modal-metro .class-info-panel .test-item .button-report, .test-item .modal-metro .class-info-panel .button-report { position: absolute; right: 10px; top: 10px; }
.modal-metro.book .class-info-panel p { margin-right: 145px; }
.modal-metro.metro-station-1 h4 { color: #1BB3BC; }
.modal-metro.metro-station-1 .metro-track { background-color: #1BB3BC; }
.modal-metro.metro-station-1 .metro-track:after { border-color: #1BB3BC; }
.modal-metro.metro-station-1 .alert-info { background-color: #1BB3BC; }
.modal-metro.metro-station-2 h4 { color: #9E3667; }
.modal-metro.metro-station-2 .metro-track { background-color: #9E3667; }
.modal-metro.metro-station-2 .metro-track:after { border-color: #9E3667; }
.modal-metro.metro-station-2 .alert-info { background-color: #9E3667; }
.modal-metro.metro-station-3 h4 { color: #63BA68; }
.modal-metro.metro-station-3 .metro-track { background-color: #63BA68; }
.modal-metro.metro-station-3 .metro-track:after { border-color: #63BA68; }
.modal-metro.metro-station-3 .alert-info { background-color: #63BA68; }
.modal-metro.metro-station-4 h4 { color: #990000; }
.modal-metro.metro-station-4 .metro-track { background-color: #990000; }
.modal-metro.metro-station-4 .metro-track:after { border-color: #990000; }
.modal-metro.metro-station-4 .alert-info { background-color: #990000; }
.modal-metro.metro-station-5 h4 { color: #137E84; }
.modal-metro.metro-station-5 .metro-track { background-color: #137E84; }
.modal-metro.metro-station-5 .metro-track:after { border-color: #137E84; }
.modal-metro.metro-station-5 .alert-info { background-color: #137E84; }
.modal-metro.metro-station-6 h4 { color: #FFCC33; }
.modal-metro.metro-station-6 .metro-track { background-color: #FFCC33; }
.modal-metro.metro-station-6 .metro-track:after { border-color: #FFCC33; }
.modal-metro.metro-station-6 .alert-info { background-color: #FFCC33; }
.modal-metro.metro-station-7 h4 { color: #0032E6; }
.modal-metro.metro-station-7 .metro-track { background-color: #0032E6; }
.modal-metro.metro-station-7 .metro-track:after { border-color: #0032E6; }
.modal-metro.metro-station-7 .alert-info { background-color: #0032E6; }
.modal-metro.metro-station-8 h4 { color: #946F00; }
.modal-metro.metro-station-8 .metro-track { background-color: #946F00; }
.modal-metro.metro-station-8 .metro-track:after { border-color: #946F00; }
.modal-metro.metro-station-8 .alert-info { background-color: #946F00; }
.modal-metro.metro-station-9 h4 { color: #6F7779; }
.modal-metro.metro-station-9 .metro-track { background-color: #6F7779; }
.modal-metro.metro-station-9 .metro-track:after { border-color: #6F7779; }
.modal-metro.metro-station-9 .alert-info { background-color: #6F7779; }
.modal-metro.metro-station-10 h4 { color: #008D39; }
.modal-metro.metro-station-10 .metro-track { background-color: #008D39; }
.modal-metro.metro-station-10 .metro-track:after { border-color: #008D39; }
.modal-metro.metro-station-10 .alert-info { background-color: #008D39; }
.modal-metro.metro-station-11 h4 { color: #910041; }
.modal-metro.metro-station-11 .metro-track { background-color: #910041; }
.modal-metro.metro-station-11 .metro-track:after { border-color: #910041; }
.modal-metro.metro-station-11 .alert-info { background-color: #910041; }
.modal-metro.metro-station-12 h4 { color: #3366FF; }
.modal-metro.metro-station-12 .metro-track { background-color: #3366FF; }
.modal-metro.metro-station-12 .metro-track:after { border-color: #3366FF; }
.modal-metro.metro-station-12 .alert-info { background-color: #3366FF; }
.modal-metro.metro-station-13 h4 { color: #FF0000; }
.modal-metro.metro-station-13 .metro-track { background-color: #FF0000; }
.modal-metro.metro-station-13 .metro-track:after { border-color: #FF0000; }
.modal-metro.metro-station-13 .alert-info { background-color: #FF0000; }
.modal-metro.disabled h4 { color: #D7D7D5; }
.modal-metro.disabled .metro-track { background-color: #D7D7D5; }
.modal-metro.disabled .metro-track:after { border-color: #D7D7D5; }
.modal-metro.disabled .alert-info { background-color: #D7D7D5; }
.modal-metro.disabled .metro-interchange:before, .modal-metro.disabled .metro-interchange-extra:before { border-color: #D7D7D5; }

.chart-monthly-progress { position: relative; padding: 10px 0 20px; margin: 0 auto; display: block; height: 200px !important; }

.grid-25 .panel-metro { padding-right: 20px; }

.grid-33 .panel-metro { padding-right: 20px; }

@media only screen and (min-width: 641px) { .metro-progress { height: 20px !important; } }
@media only screen and (max-width: 840px) { .metro-station { right: -31px; top: -78px; transform: rotate(-90deg); }
  .metro-interchange-extra .metro-station { top: -114px; right: -31px; }
  .tab-pane-metro .grid-25:nth-child(1), .tab-pane-metro .grid-25:nth-child(2) { border-bottom: 1px solid #C3C3C3; padding-bottom: 40px; margin-bottom: 0; }
  .tab-pane-metro .grid-25:nth-child(3) { border-left: none; }
  .tab-pane-metro .grid-25:nth-child(3), .tab-pane-metro .grid-25:nth-child(4) { padding-top: 40px; padding-bottom: 40px; } }
@media only screen and (max-width: 640px) { .metro { margin: 50px auto; padding-bottom: 150px; width: 20px; }
  .metro .metro-track { height: 50px; }
  .metro.metro-stops-13 .metro-track { height: 50px; }
  .metro.metro-stops-6 .metro-track { height: 100px; }
  .metro.metro-stops-3 .metro-track { height: 150px; }
  .metro .metro-track { width: 20px !important; float: left; clear: both; }
  .metro .metro-track:before { top: auto; bottom: 11px; left: 50%; margin-left: -6px; }
  .metro .metro-track:after { top: auto; bottom: 10px; right: -12px; border-left: 12px solid #e3e9e9; border-right: 0px solid #e3e9e9; border-bottom: 15px solid #e3e9e9; }
  .metro .metro-track:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; }
  .metro .metro-track:last-child { border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 50px; }
  .metro .metro-progress { width: 20px !important; }
  .metro .metro-progress:before { content: " "; position: absolute; right: 0; top: auto; bottom: 0; border-left: 125px solid #e3e9e9; border-right: 0px solid #e3e9e9; border-bottom: 3px solid #e3e9e9; width: auto; height: auto; }
  .metro .metro-progress .metro-progress-points { right: 113px; top: auto; bottom: -30px; }
  .metro .metro-progress .glyphicons { position: absolute; right: 130px; top: auto; bottom: -7px; }
  .metro .metro-station { transform: none; top: auto; bottom: 8px; left: 40px; }
  .metro .metro-interchange-extra .metro-station { left: 72px; }
  .metro .metro-target { top: auto; bottom: 23px; right: auto; left: 23px; margin-right: -23px; text-align: left; }
  .metro .metro-interchange-extra .metro-target { bottom: 33px; }
  .metro .metro-interchange:before, .metro .metro-interchange-extra:before { top: auto; bottom: 2px; left: 50%; margin-left: -16px; }
  .metro .metro-interchange:after, .metro .metro-interchange-extra:after { border-left: 45px solid #e3e9e9; border-right: 0px solid #e3e9e9; border-bottom: 15px solid #e3e9e9; }
  .metro .metro-reward { right: 30px; top: auto; bottom: 7px; }
  .metro .metro-reward .title { bottom: -18px; right: -4px; text-align: right; }
  .metro .metro-gamification .glyphicons, .metro .metro-gamification-extra .glyphicons { bottom: 3px; right: 30px; }
  .metro .metro-gamification .title, .metro .metro-gamification-extra .title { bottom: -15px; right: 30px; text-align: right; }
  .metro .metro-gamification-extra .glyphicons { top: auto; bottom: 3px; right: -44px; }
  .tab-pane-metro .grid-50 { border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #C3C3C3; padding-top: 40px; padding-bottom: 40px; margin-bottom: 0; }
  .tab-pane-metro .grid-50:first-child { border-top: none; padding-top: 0; }
  .tab-pane-metro .grid-33 { border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #C3C3C3; padding-top: 40px; padding-bottom: 40px; margin-bottom: 0; }
  .tab-pane-metro .grid-33:first-child { border-top: none; padding-top: 0; } }
@media only screen and (max-width: 480px) { .tab-pane-metro .grid-25 { border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #C3C3C3; padding-top: 40px; padding-bottom: 40px; margin-bottom: 0; }
  .tab-pane-metro .grid-25:first-child { border-top: none; padding-top: 0; } }
.col-container-1-5, .col-container-2-5, .col-container-3-5, .col-container-4-5, .col-container-5-5 { float: left; position: relative; width: 100%; background-color: #e3e9e9; }
.experiences .col-container-1-5, .experiences .col-container-2-5, .experiences .col-container-3-5, .experiences .col-container-4-5, .experiences .col-container-5-5 { background-color: transparent; }

.col-container-1-5 { right: 22%; }

.col-container-2-5 { right: 15%; }

.col-container-3-5 { right: 28%; }

.col-container-4-5 { right: 15%; }

.col-container-5-5 { overflow: hidden; }
.experiences .col-container-5-5 { margin-bottom: 10px; }

.column-1-5, .column-2-5, .column-3-5, .column-4-5, .column-5-5 { float: left; position: relative; left: 80%; min-height: 190px; display: table; }
.experiences .column-1-5, .experiences .column-2-5, .experiences .column-3-5, .experiences .column-4-5, .experiences .column-5-5 { min-height: 0; }
.experiences .column-1-5 .content-wrap, .experiences .column-2-5 .content-wrap, .experiences .column-3-5 .content-wrap, .experiences .column-4-5 .content-wrap, .experiences .column-5-5 .content-wrap { padding: 10px; color: #999; text-align: center; }

.column-1-5 { width: 20%; }

.column-2-5 { width: 22%; }

.column-3-5 { width: 15%; }

.column-4-5 { width: 28%; }

.column-5-5 { width: 15%; }

.training-program { display: table; margin-bottom: 20px; }
.training-program .content-wrap { padding: 20px 10px; display: table-cell; vertical-align: middle; }
.training-program ul { margin-bottom: 0; }
.training-program li { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #C3C3C3; }
.training-program li:first-child { border-top: none; }
.training-program .col-container-3-5, .training-program .col-container-5-5 { background-color: #D7D7D5; }
.training-program .column-1-5 { position: relative; text-align: center; }
.training-program .column-1-5 h2 { margin-bottom: 0.5em; font-size: 2em; }
.training-program .column-1-5 p { margin-bottom: 0; }
.training-program .column-1-5 h2 + p { margin-bottom: 10px; }
.training-program .column-1-5 small a { text-decoration: none; font-size: 12px; cursor: pointer; }
.training-program .column-1-5 .content-wrap:after { content: ""; position: absolute; color: #C3C3C3; z-index: 1010; border-top: 19.5px solid transparent; border-right: none; border-bottom: 19.5px solid transparent; border-left: 13px solid #C3C3C3; top: auto; right: -13px; bottom: auto; left: auto; top: 50%; margin-top: -19.5px; }
.training-program .column-1-5 .button-rating { color: white; margin: 10px 10px -10px; }
.training-program .column-1-5 [class^="glyphicons"]:before, .training-program .column-1-5 [class*=" glyphicons"]:before { position: relative; }
.training-program .column-2-5 .content-wrap { padding-left: 20px; }
.training-program .column-3-5 { text-align: center; }
.training-program .column-4-5 ul { list-style-type: disc; list-style-position: inside; }
.training-program .column-5-5 { position: relative; text-align: center; }
.training-program .column-5-5 a { text-decoration: none; }
.training-program .column-5-5 [class^="glyphicons"]:before, .training-program .column-5-5 [class*=" glyphicons"]:before { font-size: 72px; position: relative; }
.training-program .column-5-5 .content-wrap:after { content: ""; position: absolute; color: #e3e9e9; z-index: 1010; border-top: 19.5px solid transparent; border-right: none; border-bottom: 19.5px solid transparent; border-left: 13px solid #e3e9e9; top: auto; right: auto; bottom: auto; left: 0; top: 50%; margin-top: -19.5px; }
.training-program.immersion .col-container-1-5 { background-color: red; }
.training-program.immersion .column-1-5 { color: white; }
.training-program.immersion .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.immersion .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.immersion .column-1-5 h2 { color: #ffa8a8; }
.training-program.immersion .column-1-5 p, .training-program.immersion .column-1-5 a { color: white; }
.training-program.immersion .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.immersion .column-1-5 { background-color: red; }
  .training-program.immersion .column-1-5 .content-wrap:after { content: none; }
  .training-program.immersion .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.grammar .col-container-1-5 { background-color: red; }
.training-program.grammar .column-1-5 { color: white; }
.training-program.grammar .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.grammar .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.grammar .column-1-5 h2 { color: #ffa8a8; }
.training-program.grammar .column-1-5 p, .training-program.grammar .column-1-5 a { color: white; }
.training-program.grammar .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.grammar .column-1-5 { background-color: red; }
  .training-program.grammar .column-1-5 .content-wrap:after { content: none; }
  .training-program.grammar .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.fluency .col-container-1-5 { background-color: red; }
.training-program.fluency .column-1-5 { color: white; }
.training-program.fluency .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.fluency .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.fluency .column-1-5 h2 { color: #ffa8a8; }
.training-program.fluency .column-1-5 p, .training-program.fluency .column-1-5 a { color: white; }
.training-program.fluency .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.fluency .column-1-5 { background-color: red; }
  .training-program.fluency .column-1-5 .content-wrap:after { content: none; }
  .training-program.fluency .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.test .col-container-1-5 { background-color: red; }
.training-program.test .column-1-5 { color: white; }
.training-program.test .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.test .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.test .column-1-5 h2 { color: #ffa8a8; }
.training-program.test .column-1-5 p, .training-program.test .column-1-5 a { color: white; }
.training-program.test .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.test .column-1-5 { background-color: red; }
  .training-program.test .column-1-5 .content-wrap:after { content: none; }
  .training-program.test .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.free .col-container-1-5 { background-color: red; }
.training-program.free .column-1-5 { color: white; }
.training-program.free .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.free .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.free .column-1-5 h2 { color: #ffa8a8; }
.training-program.free .column-1-5 p, .training-program.free .column-1-5 a { color: white; }
.training-program.free .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.free .column-1-5 { background-color: red; }
  .training-program.free .column-1-5 .content-wrap:after { content: none; }
  .training-program.free .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.writing .col-container-1-5 { background-color: red; }
.training-program.writing .column-1-5 { color: white; }
.training-program.writing .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.writing .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.writing .column-1-5 h2 { color: #ffa8a8; }
.training-program.writing .column-1-5 p, .training-program.writing .column-1-5 a { color: white; }
.training-program.writing .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.writing .column-1-5 { background-color: red; }
  .training-program.writing .column-1-5 .content-wrap:after { content: none; }
  .training-program.writing .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.business .col-container-1-5 { background-color: red; }
.training-program.business .column-1-5 { color: white; }
.training-program.business .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.business .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.business .column-1-5 h2 { color: #ffa8a8; }
.training-program.business .column-1-5 p, .training-program.business .column-1-5 a { color: white; }
.training-program.business .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.business .column-1-5 { background-color: red; }
  .training-program.business .column-1-5 .content-wrap:after { content: none; }
  .training-program.business .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.colloquial .col-container-1-5 { background-color: red; }
.training-program.colloquial .column-1-5 { color: white; }
.training-program.colloquial .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.colloquial .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.colloquial .column-1-5 h2 { color: #ffa8a8; }
.training-program.colloquial .column-1-5 p, .training-program.colloquial .column-1-5 a { color: white; }
.training-program.colloquial .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.colloquial .column-1-5 { background-color: red; }
  .training-program.colloquial .column-1-5 .content-wrap:after { content: none; }
  .training-program.colloquial .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }
.training-program.debate .col-container-1-5 { background-color: red; }
.training-program.debate .column-1-5 { color: white; }
.training-program.debate .column-1-5 .content-wrap:after { border-left-color: red; }
.training-program.debate .column-1-5 li { border-top-color: #ff4d4d; }
.training-program.debate .column-1-5 h2 { color: #ffa8a8; }
.training-program.debate .column-1-5 p, .training-program.debate .column-1-5 a { color: white; }
.training-program.debate .column-5-5 a { color: red; }
@media screen and (max-width: 840px) { .training-program.debate .column-1-5 { background-color: red; }
  .training-program.debate .column-1-5 .content-wrap:after { content: none; }
  .training-program.debate .column-1-5 .content-wrap:after { content: ""; position: absolute; color: red; z-index: 1010; border-top: 13px solid red; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; } }

@media screen and (max-width: 840px) { .training-program .col-container-1-5, .training-program .col-container-2-5, .training-program .col-container-3-5, .training-program .col-container-4-5, .training-program .col-container-5-5 { background-color: transparent; float: none; }
  .training-program .column-1-5, .training-program .column-2-5, .training-program .column-3-5, .training-program .column-4-5, .training-program .column-5-5 { width: 100%; min-height: 0; }
  .training-program .column-2-5, .training-program .column-4-5 { background-color: #e3e9e9; }
  .training-program .column-3-5, .training-program .column-5-5 { background-color: #D7D7D5; }
  .training-program .column-5-5 .content-wrap:after { content: none; }
  .training-program .column-5-5 .content-wrap:after { content: ""; position: absolute; color: "aqua"; z-index: 1010; border-top: 13px solid "aqua"; border-right: 19.5px solid transparent; border-bottom: none; border-left: 19.5px solid transparent; top: auto; right: auto; bottom: -13px; left: auto; left: 50%; margin-left: -19.5px; }
  .experiences { display: none; }
  .experiences + .classroom-events { margin-top: 20px; } }
.button-join, .button-alert, .button-join, .test-item .button-test { display: block; }

.button-join + .button-alert, .button-join + .button-join, .test-item .button-join + .button-test, .button-alert + .button-join, .button-join + .button-join, .test-item .button-test + .button-join, .button-join + h3 { margin-top: 20px; }

.list-filter.booking li + h4 { margin-top: 20px; }

.list-filter.booking h4 { font-size: 18px; font-family: "Mark OT Book", sans-serif; }

.ratingItem.Empty { float: none !important; }
.ratingItem.Empty:before { position: relative; content: "\E049"; font-family: "Glyphicons Regular" !important; font-size: 42px; top: 50%; left: 0px; margin-top: -18px; color: white; }

body.show-edit .tooltip.source { display: none; }
body.show-edit .tooltip.hidden { display: block; }
body.show-edit .tooltip.plan-edit:before { content: attr(data-text-alt); }
body.show-edit .astex-icon-circle-remove { opacity: 1; }
body.show-edit .astex-icon-circle-pencil:before { color: #FF2855; }
body.show-edit li.grid-25 a.shake { animation-play-state: running; }
body.show-edit li.grid-25 a.shake:hover { animation-play-state: paused; animation-duration: 0; animation: none; }

body.hide-edit li.grid-25 a.shake { animation-play-state: paused; animation-duration: 0; animation: none; }

body.show-assistant .assistant { opacity: 1; width: 380px; height: 80%; min-height: 300px; max-height: 800px; }
body.show-assistant .ali.tooltip:before { content: attr(data-text-alt); }

.tab-pane-my-plan h3, .tab-pane-my-recommended h3, .tab-pane-my-browse h3, .tab-pane-my-again h3 { margin-left: 13px; }

[class^="astex-icon-"]:before, [class*="astex-icon-"]:before { position: absolute; font-size: 32px; z-index: 2; color: #505050; }

[class^="astex-icon-"]:after, [class*="astex-icon-"]:after { position: absolute; top: 1px; left: 1px; content: " "; background-color: white; width: 30px; height: 30px; border-radius: 16px; z-index: 1; }

.astex-icon-circle-remove { display: block; opacity: 0; width: 32px; height: 32px; position: absolute; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.astex-icon-circle-remove:before { color: #FF2855; }

.astex-icon-circle-add:before, .astex-icon-circle-redo:before { color: #001478; }

.astex-icon-circle-pencil { cursor: pointer; }

h3 [class^="astex-icon-"]:before, h3 [class*="astex-icon-"]:before { color: #C3C3C3; }

.lesson-panel [class^="astex-icon-"], .lesson-class-panel [class^="astex-icon-"], .course-panel [class^="astex-icon-"], .lesson-panel [class*="astex-icon-"], .lesson-class-panel [class*="astex-icon-"], .course-panel [class*="astex-icon-"] { position: absolute; left: -12px; top: -12px; }
.lesson-panel .tooltip, .lesson-class-panel .tooltip, .course-panel .tooltip { position: absolute; left: 0; }
.lesson-panel .tooltip:before, .lesson-class-panel .tooltip:before, .course-panel .tooltip:before { margin-left: 6px; margin-bottom: 20px; }
.lesson-panel .tooltip:after, .lesson-class-panel .tooltip:after, .course-panel .tooltip:after { margin-left: -8px; top: -18px; }

h3 .tooltip { display: inline-block; width: 32px; height: 32px; margin-left: 10px; margin-bottom: -8px; }

.ali-container { position: fixed; bottom: 20px; right: 20px; z-index: 1045; display: block; width: 100px; height: 100px; background-color: white; border: 4px solid #AAA; border-radius: 50px; box-sizing: border-box; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16); cursor: pointer; }

.ali { position: absolute; bottom: 0; background-image: url("../img/ali.png"); background-size: cover !important; background-position: center bottom -5px; background-repeat: no-repeat; width: 92px; height: 120px; border-radius: 200px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .ali { background-image: url("../img/ali_2x.png"); background-size: 92px 120px; } }
.ali:hover { width: 92px; height: 130px; }

.assistant { background-color: white; padding: 0 0 45px; border-top: 10px solid #fafafa; box-sizing: border-box; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: fixed; bottom: 90px; right: 20px; z-index: 1043; border-radius: 10px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16); width: 380px; height: 0px; }

.assistant-speaking { background-color: white; padding: 10px 10px 40px; box-sizing: border-box; width: 100%; border-radius: 10px; }

.added-hide:before { content: "\e732"; font: 80px/1.1em 'Glyphicons Regular'; color: #001478; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -42px; z-index: 1030; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; transition-delay: 100ms; }
.added-hide:after { content: ""; position: absolute; top: 0; left: 0; background-color: white; opacity: 0; width: 100%; height: 100%; z-index: 1020; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; transition-delay: 100ms; }

.added-show:before { opacity: 1; }
.added-show:after { opacity: 0.8; filter: alpha(opacity=80); }

.panel-speaking { position: relative; margin-left: 13px; }

a.link-speaking { display: block; position: absolute; left: 0; width: 250px; height: 250px; background-color: white; border-radius: 10px; background-image: url("../img/ali.png"); background-position: right -55px bottom -22px; background-repeat: no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { a.link-speaking { background-image: url("../img/ali_2x.png"); background-size: 206px 220px; } }
a.link-speaking h2 { font-size: 1.75em; margin-left: 10px; margin-bottom: 2px; margin-top: 12px !important; }
a.link-speaking h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: "Mark OT Book", sans-serif; letter-spacing: normal; color: #001478; }
a.link-speaking h4 { display: block; background-color: #001478; color: white; padding: 10px 20px; position: absolute; bottom: 2px; left: 10px; border-radius: 8px; font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: "Mark OT Book", sans-serif; letter-spacing: normal; }

.chart-weekly-progress { background-color: white; border-radius: 10px; margin-left: 270px; padding: 20px; box-sizing: border-box; height: 250px; margin-bottom: 60px; }

@media only screen and (max-width: 640px) { a.link-speaking { position: relative; width: 100%; background-image: url("../img/ali.png"); } }
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 640px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 640px) and (min-resolution: 125dpi), only screen and (max-width: 640px) and (min-resolution: 1.3dppx) { a.link-speaking { background-image: url("../img/ali_2x.png"); background-size: 234px 250px; } }
@media only screen and (max-width: 640px) { a.link-speaking h2 { padding-top: 12px; }
  .chart-weekly-progress { margin-left: 0; margin-top: 20px; } }
@media screen and (max-width: 840px) { .tab-pane-history .alert p, .tab-pane-history .alert-info p, .tab-pane-history .modal .alert-rating p, .modal .tab-pane-history .alert-rating p, .tab-pane-history .modal .alert-immersion p, .modal .tab-pane-history .alert-immersion p, .tab-pane-history .modal .alert-fluency p, .modal .tab-pane-history .alert-fluency p, .tab-pane-history .modal .alert-grammar p, .modal .tab-pane-history .alert-grammar p, .tab-pane-history .modal .alert-test p, .modal .tab-pane-history .alert-test p, .tab-pane-history .modal .alert-free p, .modal .tab-pane-history .alert-free p, .tab-pane-history .modal .alert-writing p, .modal .tab-pane-history .alert-writing p, .tab-pane-history .modal .alert-business p, .modal .tab-pane-history .alert-business p, .tab-pane-history .modal .alert-colloquial p, .modal .tab-pane-history .alert-colloquial p, .tab-pane-history .modal .alert-debate p, .modal .tab-pane-history .alert-debate p, .tab-pane-history .push-right .alert p, .tab-pane-history .push-right .alert-info p, .tab-pane-history .push-right .modal .alert-rating p, .modal .tab-pane-history .push-right .alert-rating p, .tab-pane-history .push-right .modal .alert-immersion p, .modal .tab-pane-history .push-right .alert-immersion p, .tab-pane-history .push-right .modal .alert-fluency p, .modal .tab-pane-history .push-right .alert-fluency p, .tab-pane-history .push-right .modal .alert-grammar p, .modal .tab-pane-history .push-right .alert-grammar p, .tab-pane-history .push-right .modal .alert-test p, .modal .tab-pane-history .push-right .alert-test p, .tab-pane-history .push-right .modal .alert-free p, .modal .tab-pane-history .push-right .alert-free p, .tab-pane-history .push-right .modal .alert-writing p, .modal .tab-pane-history .push-right .alert-writing p, .tab-pane-history .push-right .modal .alert-business p, .modal .tab-pane-history .push-right .alert-business p, .tab-pane-history .push-right .modal .alert-colloquial p, .modal .tab-pane-history .push-right .alert-colloquial p, .tab-pane-history .push-right .modal .alert-debate p, .modal .tab-pane-history .push-right .alert-debate p, .tab-pane-conversation-list .alert p, .tab-pane-conversation-list .alert-info p, .tab-pane-conversation-list .modal .alert-rating p, .modal .tab-pane-conversation-list .alert-rating p, .tab-pane-conversation-list .modal .alert-immersion p, .modal .tab-pane-conversation-list .alert-immersion p, .tab-pane-conversation-list .modal .alert-fluency p, .modal .tab-pane-conversation-list .alert-fluency p, .tab-pane-conversation-list .modal .alert-grammar p, .modal .tab-pane-conversation-list .alert-grammar p, .tab-pane-conversation-list .modal .alert-test p, .modal .tab-pane-conversation-list .alert-test p, .tab-pane-conversation-list .modal .alert-free p, .modal .tab-pane-conversation-list .alert-free p, .tab-pane-conversation-list .modal .alert-writing p, .modal .tab-pane-conversation-list .alert-writing p, .tab-pane-conversation-list .modal .alert-business p, .modal .tab-pane-conversation-list .alert-business p, .tab-pane-conversation-list .modal .alert-colloquial p, .modal .tab-pane-conversation-list .alert-colloquial p, .tab-pane-conversation-list .modal .alert-debate p, .modal .tab-pane-conversation-list .alert-debate p, .tab-pane-conversation-list .push-right .alert p, .tab-pane-conversation-list .push-right .alert-info p, .tab-pane-conversation-list .push-right .modal .alert-rating p, .modal .tab-pane-conversation-list .push-right .alert-rating p, .tab-pane-conversation-list .push-right .modal .alert-immersion p, .modal .tab-pane-conversation-list .push-right .alert-immersion p, .tab-pane-conversation-list .push-right .modal .alert-fluency p, .modal .tab-pane-conversation-list .push-right .alert-fluency p, .tab-pane-conversation-list .push-right .modal .alert-grammar p, .modal .tab-pane-conversation-list .push-right .alert-grammar p, .tab-pane-conversation-list .push-right .modal .alert-test p, .modal .tab-pane-conversation-list .push-right .alert-test p, .tab-pane-conversation-list .push-right .modal .alert-free p, .modal .tab-pane-conversation-list .push-right .alert-free p, .tab-pane-conversation-list .push-right .modal .alert-writing p, .modal .tab-pane-conversation-list .push-right .alert-writing p, .tab-pane-conversation-list .push-right .modal .alert-business p, .modal .tab-pane-conversation-list .push-right .alert-business p, .tab-pane-conversation-list .push-right .modal .alert-colloquial p, .modal .tab-pane-conversation-list .push-right .alert-colloquial p, .tab-pane-conversation-list .push-right .modal .alert-debate p, .modal .tab-pane-conversation-list .push-right .alert-debate p { margin-left: 40px; }
  .tab-pane-history .alert:after, .tab-pane-history .alert-info:after, .tab-pane-history .modal .alert-rating:after, .modal .tab-pane-history .alert-rating:after, .tab-pane-history .modal .alert-immersion:after, .modal .tab-pane-history .alert-immersion:after, .tab-pane-history .modal .alert-fluency:after, .modal .tab-pane-history .alert-fluency:after, .tab-pane-history .modal .alert-grammar:after, .modal .tab-pane-history .alert-grammar:after, .tab-pane-history .modal .alert-test:after, .modal .tab-pane-history .alert-test:after, .tab-pane-history .modal .alert-free:after, .modal .tab-pane-history .alert-free:after, .tab-pane-history .modal .alert-writing:after, .modal .tab-pane-history .alert-writing:after, .tab-pane-history .modal .alert-business:after, .modal .tab-pane-history .alert-business:after, .tab-pane-history .modal .alert-colloquial:after, .modal .tab-pane-history .alert-colloquial:after, .tab-pane-history .modal .alert-debate:after, .modal .tab-pane-history .alert-debate:after, .tab-pane-history .alert:before, .tab-pane-history .alert-info:before, .tab-pane-history .modal .alert-rating:before, .modal .tab-pane-history .alert-rating:before, .tab-pane-history .modal .alert-immersion:before, .modal .tab-pane-history .alert-immersion:before, .tab-pane-history .modal .alert-fluency:before, .modal .tab-pane-history .alert-fluency:before, .tab-pane-history .modal .alert-grammar:before, .modal .tab-pane-history .alert-grammar:before, .tab-pane-history .modal .alert-test:before, .modal .tab-pane-history .alert-test:before, .tab-pane-history .modal .alert-free:before, .modal .tab-pane-history .alert-free:before, .tab-pane-history .modal .alert-writing:before, .modal .tab-pane-history .alert-writing:before, .tab-pane-history .modal .alert-business:before, .modal .tab-pane-history .alert-business:before, .tab-pane-history .modal .alert-colloquial:before, .modal .tab-pane-history .alert-colloquial:before, .tab-pane-history .modal .alert-debate:before, .modal .tab-pane-history .alert-debate:before, .tab-pane-history .push-right .alert:after, .tab-pane-history .push-right .alert-info:after, .tab-pane-history .push-right .modal .alert-rating:after, .modal .tab-pane-history .push-right .alert-rating:after, .tab-pane-history .push-right .modal .alert-immersion:after, .modal .tab-pane-history .push-right .alert-immersion:after, .tab-pane-history .push-right .modal .alert-fluency:after, .modal .tab-pane-history .push-right .alert-fluency:after, .tab-pane-history .push-right .modal .alert-grammar:after, .modal .tab-pane-history .push-right .alert-grammar:after, .tab-pane-history .push-right .modal .alert-test:after, .modal .tab-pane-history .push-right .alert-test:after, .tab-pane-history .push-right .modal .alert-free:after, .modal .tab-pane-history .push-right .alert-free:after, .tab-pane-history .push-right .modal .alert-writing:after, .modal .tab-pane-history .push-right .alert-writing:after, .tab-pane-history .push-right .modal .alert-business:after, .modal .tab-pane-history .push-right .alert-business:after, .tab-pane-history .push-right .modal .alert-colloquial:after, .modal .tab-pane-history .push-right .alert-colloquial:after, .tab-pane-history .push-right .modal .alert-debate:after, .modal .tab-pane-history .push-right .alert-debate:after, .tab-pane-history .push-right .alert:before, .tab-pane-history .push-right .alert-info:before, .tab-pane-history .push-right .modal .alert-rating:before, .modal .tab-pane-history .push-right .alert-rating:before, .tab-pane-history .push-right .modal .alert-immersion:before, .modal .tab-pane-history .push-right .alert-immersion:before, .tab-pane-history .push-right .modal .alert-fluency:before, .modal .tab-pane-history .push-right .alert-fluency:before, .tab-pane-history .push-right .modal .alert-grammar:before, .modal .tab-pane-history .push-right .alert-grammar:before, .tab-pane-history .push-right .modal .alert-test:before, .modal .tab-pane-history .push-right .alert-test:before, .tab-pane-history .push-right .modal .alert-free:before, .modal .tab-pane-history .push-right .alert-free:before, .tab-pane-history .push-right .modal .alert-writing:before, .modal .tab-pane-history .push-right .alert-writing:before, .tab-pane-history .push-right .modal .alert-business:before, .modal .tab-pane-history .push-right .alert-business:before, .tab-pane-history .push-right .modal .alert-colloquial:before, .modal .tab-pane-history .push-right .alert-colloquial:before, .tab-pane-history .push-right .modal .alert-debate:before, .modal .tab-pane-history .push-right .alert-debate:before, .tab-pane-conversation-list .alert:after, .tab-pane-conversation-list .alert-info:after, .tab-pane-conversation-list .modal .alert-rating:after, .modal .tab-pane-conversation-list .alert-rating:after, .tab-pane-conversation-list .modal .alert-immersion:after, .modal .tab-pane-conversation-list .alert-immersion:after, .tab-pane-conversation-list .modal .alert-fluency:after, .modal .tab-pane-conversation-list .alert-fluency:after, .tab-pane-conversation-list .modal .alert-grammar:after, .modal .tab-pane-conversation-list .alert-grammar:after, .tab-pane-conversation-list .modal .alert-test:after, .modal .tab-pane-conversation-list .alert-test:after, .tab-pane-conversation-list .modal .alert-free:after, .modal .tab-pane-conversation-list .alert-free:after, .tab-pane-conversation-list .modal .alert-writing:after, .modal .tab-pane-conversation-list .alert-writing:after, .tab-pane-conversation-list .modal .alert-business:after, .modal .tab-pane-conversation-list .alert-business:after, .tab-pane-conversation-list .modal .alert-colloquial:after, .modal .tab-pane-conversation-list .alert-colloquial:after, .tab-pane-conversation-list .modal .alert-debate:after, .modal .tab-pane-conversation-list .alert-debate:after, .tab-pane-conversation-list .alert:before, .tab-pane-conversation-list .alert-info:before, .tab-pane-conversation-list .modal .alert-rating:before, .modal .tab-pane-conversation-list .alert-rating:before, .tab-pane-conversation-list .modal .alert-immersion:before, .modal .tab-pane-conversation-list .alert-immersion:before, .tab-pane-conversation-list .modal .alert-fluency:before, .modal .tab-pane-conversation-list .alert-fluency:before, .tab-pane-conversation-list .modal .alert-grammar:before, .modal .tab-pane-conversation-list .alert-grammar:before, .tab-pane-conversation-list .modal .alert-test:before, .modal .tab-pane-conversation-list .alert-test:before, .tab-pane-conversation-list .modal .alert-free:before, .modal .tab-pane-conversation-list .alert-free:before, .tab-pane-conversation-list .modal .alert-writing:before, .modal .tab-pane-conversation-list .alert-writing:before, .tab-pane-conversation-list .modal .alert-business:before, .modal .tab-pane-conversation-list .alert-business:before, .tab-pane-conversation-list .modal .alert-colloquial:before, .modal .tab-pane-conversation-list .alert-colloquial:before, .tab-pane-conversation-list .modal .alert-debate:before, .modal .tab-pane-conversation-list .alert-debate:before, .tab-pane-conversation-list .push-right .alert:after, .tab-pane-conversation-list .push-right .alert-info:after, .tab-pane-conversation-list .push-right .modal .alert-rating:after, .modal .tab-pane-conversation-list .push-right .alert-rating:after, .tab-pane-conversation-list .push-right .modal .alert-immersion:after, .modal .tab-pane-conversation-list .push-right .alert-immersion:after, .tab-pane-conversation-list .push-right .modal .alert-fluency:after, .modal .tab-pane-conversation-list .push-right .alert-fluency:after, .tab-pane-conversation-list .push-right .modal .alert-grammar:after, .modal .tab-pane-conversation-list .push-right .alert-grammar:after, .tab-pane-conversation-list .push-right .modal .alert-test:after, .modal .tab-pane-conversation-list .push-right .alert-test:after, .tab-pane-conversation-list .push-right .modal .alert-free:after, .modal .tab-pane-conversation-list .push-right .alert-free:after, .tab-pane-conversation-list .push-right .modal .alert-writing:after, .modal .tab-pane-conversation-list .push-right .alert-writing:after, .tab-pane-conversation-list .push-right .modal .alert-business:after, .modal .tab-pane-conversation-list .push-right .alert-business:after, .tab-pane-conversation-list .push-right .modal .alert-colloquial:after, .modal .tab-pane-conversation-list .push-right .alert-colloquial:after, .tab-pane-conversation-list .push-right .modal .alert-debate:after, .modal .tab-pane-conversation-list .push-right .alert-debate:after, .tab-pane-conversation-list .push-right .alert:before, .tab-pane-conversation-list .push-right .alert-info:before, .tab-pane-conversation-list .push-right .modal .alert-rating:before, .modal .tab-pane-conversation-list .push-right .alert-rating:before, .tab-pane-conversation-list .push-right .modal .alert-immersion:before, .modal .tab-pane-conversation-list .push-right .alert-immersion:before, .tab-pane-conversation-list .push-right .modal .alert-fluency:before, .modal .tab-pane-conversation-list .push-right .alert-fluency:before, .tab-pane-conversation-list .push-right .modal .alert-grammar:before, .modal .tab-pane-conversation-list .push-right .alert-grammar:before, .tab-pane-conversation-list .push-right .modal .alert-test:before, .modal .tab-pane-conversation-list .push-right .alert-test:before, .tab-pane-conversation-list .push-right .modal .alert-free:before, .modal .tab-pane-conversation-list .push-right .alert-free:before, .tab-pane-conversation-list .push-right .modal .alert-writing:before, .modal .tab-pane-conversation-list .push-right .alert-writing:before, .tab-pane-conversation-list .push-right .modal .alert-business:before, .modal .tab-pane-conversation-list .push-right .alert-business:before, .tab-pane-conversation-list .push-right .modal .alert-colloquial:before, .modal .tab-pane-conversation-list .push-right .alert-colloquial:before, .tab-pane-conversation-list .push-right .modal .alert-debate:before, .modal .tab-pane-conversation-list .push-right .alert-debate:before { content: none; }
  .tab-pane-history .alert .glyphicons, .tab-pane-history .alert-info .glyphicons, .tab-pane-history .modal .alert-rating .glyphicons, .modal .tab-pane-history .alert-rating .glyphicons, .tab-pane-history .modal .alert-immersion .glyphicons, .modal .tab-pane-history .alert-immersion .glyphicons, .tab-pane-history .modal .alert-fluency .glyphicons, .modal .tab-pane-history .alert-fluency .glyphicons, .tab-pane-history .modal .alert-grammar .glyphicons, .modal .tab-pane-history .alert-grammar .glyphicons, .tab-pane-history .modal .alert-test .glyphicons, .modal .tab-pane-history .alert-test .glyphicons, .tab-pane-history .modal .alert-free .glyphicons, .modal .tab-pane-history .alert-free .glyphicons, .tab-pane-history .modal .alert-writing .glyphicons, .modal .tab-pane-history .alert-writing .glyphicons, .tab-pane-history .modal .alert-business .glyphicons, .modal .tab-pane-history .alert-business .glyphicons, .tab-pane-history .modal .alert-colloquial .glyphicons, .modal .tab-pane-history .alert-colloquial .glyphicons, .tab-pane-history .modal .alert-debate .glyphicons, .modal .tab-pane-history .alert-debate .glyphicons, .tab-pane-history .push-right .alert .glyphicons, .tab-pane-history .push-right .alert-info .glyphicons, .tab-pane-history .push-right .modal .alert-rating .glyphicons, .modal .tab-pane-history .push-right .alert-rating .glyphicons, .tab-pane-history .push-right .modal .alert-immersion .glyphicons, .modal .tab-pane-history .push-right .alert-immersion .glyphicons, .tab-pane-history .push-right .modal .alert-fluency .glyphicons, .modal .tab-pane-history .push-right .alert-fluency .glyphicons, .tab-pane-history .push-right .modal .alert-grammar .glyphicons, .modal .tab-pane-history .push-right .alert-grammar .glyphicons, .tab-pane-history .push-right .modal .alert-test .glyphicons, .modal .tab-pane-history .push-right .alert-test .glyphicons, .tab-pane-history .push-right .modal .alert-free .glyphicons, .modal .tab-pane-history .push-right .alert-free .glyphicons, .tab-pane-history .push-right .modal .alert-writing .glyphicons, .modal .tab-pane-history .push-right .alert-writing .glyphicons, .tab-pane-history .push-right .modal .alert-business .glyphicons, .modal .tab-pane-history .push-right .alert-business .glyphicons, .tab-pane-history .push-right .modal .alert-colloquial .glyphicons, .modal .tab-pane-history .push-right .alert-colloquial .glyphicons, .tab-pane-history .push-right .modal .alert-debate .glyphicons, .modal .tab-pane-history .push-right .alert-debate .glyphicons, .tab-pane-conversation-list .alert .glyphicons, .tab-pane-conversation-list .alert-info .glyphicons, .tab-pane-conversation-list .modal .alert-rating .glyphicons, .modal .tab-pane-conversation-list .alert-rating .glyphicons, .tab-pane-conversation-list .modal .alert-immersion .glyphicons, .modal .tab-pane-conversation-list .alert-immersion .glyphicons, .tab-pane-conversation-list .modal .alert-fluency .glyphicons, .modal .tab-pane-conversation-list .alert-fluency .glyphicons, .tab-pane-conversation-list .modal .alert-grammar .glyphicons, .modal .tab-pane-conversation-list .alert-grammar .glyphicons, .tab-pane-conversation-list .modal .alert-test .glyphicons, .modal .tab-pane-conversation-list .alert-test .glyphicons, .tab-pane-conversation-list .modal .alert-free .glyphicons, .modal .tab-pane-conversation-list .alert-free .glyphicons, .tab-pane-conversation-list .modal .alert-writing .glyphicons, .modal .tab-pane-conversation-list .alert-writing .glyphicons, .tab-pane-conversation-list .modal .alert-business .glyphicons, .modal .tab-pane-conversation-list .alert-business .glyphicons, .tab-pane-conversation-list .modal .alert-colloquial .glyphicons, .modal .tab-pane-conversation-list .alert-colloquial .glyphicons, .tab-pane-conversation-list .modal .alert-debate .glyphicons, .modal .tab-pane-conversation-list .alert-debate .glyphicons, .tab-pane-conversation-list .push-right .alert .glyphicons, .tab-pane-conversation-list .push-right .alert-info .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-rating .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-rating .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-immersion .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-immersion .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-fluency .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-fluency .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-grammar .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-grammar .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-test .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-test .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-free .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-free .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-writing .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-writing .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-business .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-business .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-colloquial .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-colloquial .glyphicons, .tab-pane-conversation-list .push-right .modal .alert-debate .glyphicons, .modal .tab-pane-conversation-list .push-right .alert-debate .glyphicons { left: 12px; } }
@media screen and (max-width: 640px) { .tab-pane-tests-list .alert p, .tab-pane-tests-list .alert-info p, .tab-pane-tests-list .modal .alert-rating p, .modal .tab-pane-tests-list .alert-rating p, .tab-pane-tests-list .modal .alert-immersion p, .modal .tab-pane-tests-list .alert-immersion p, .tab-pane-tests-list .modal .alert-fluency p, .modal .tab-pane-tests-list .alert-fluency p, .tab-pane-tests-list .modal .alert-grammar p, .modal .tab-pane-tests-list .alert-grammar p, .tab-pane-tests-list .modal .alert-test p, .modal .tab-pane-tests-list .alert-test p, .tab-pane-tests-list .modal .alert-free p, .modal .tab-pane-tests-list .alert-free p, .tab-pane-tests-list .modal .alert-writing p, .modal .tab-pane-tests-list .alert-writing p, .tab-pane-tests-list .modal .alert-business p, .modal .tab-pane-tests-list .alert-business p, .tab-pane-tests-list .modal .alert-colloquial p, .modal .tab-pane-tests-list .alert-colloquial p, .tab-pane-tests-list .modal .alert-debate p, .modal .tab-pane-tests-list .alert-debate p, .tab-pane-tests-list .push-right .alert p, .tab-pane-tests-list .push-right .alert-info p, .tab-pane-tests-list .push-right .modal .alert-rating p, .modal .tab-pane-tests-list .push-right .alert-rating p, .tab-pane-tests-list .push-right .modal .alert-immersion p, .modal .tab-pane-tests-list .push-right .alert-immersion p, .tab-pane-tests-list .push-right .modal .alert-fluency p, .modal .tab-pane-tests-list .push-right .alert-fluency p, .tab-pane-tests-list .push-right .modal .alert-grammar p, .modal .tab-pane-tests-list .push-right .alert-grammar p, .tab-pane-tests-list .push-right .modal .alert-test p, .modal .tab-pane-tests-list .push-right .alert-test p, .tab-pane-tests-list .push-right .modal .alert-free p, .modal .tab-pane-tests-list .push-right .alert-free p, .tab-pane-tests-list .push-right .modal .alert-writing p, .modal .tab-pane-tests-list .push-right .alert-writing p, .tab-pane-tests-list .push-right .modal .alert-business p, .modal .tab-pane-tests-list .push-right .alert-business p, .tab-pane-tests-list .push-right .modal .alert-colloquial p, .modal .tab-pane-tests-list .push-right .alert-colloquial p, .tab-pane-tests-list .push-right .modal .alert-debate p, .modal .tab-pane-tests-list .push-right .alert-debate p { margin-left: 40px; }
  .tab-pane-tests-list .alert:after, .tab-pane-tests-list .alert-info:after, .tab-pane-tests-list .modal .alert-rating:after, .modal .tab-pane-tests-list .alert-rating:after, .tab-pane-tests-list .modal .alert-immersion:after, .modal .tab-pane-tests-list .alert-immersion:after, .tab-pane-tests-list .modal .alert-fluency:after, .modal .tab-pane-tests-list .alert-fluency:after, .tab-pane-tests-list .modal .alert-grammar:after, .modal .tab-pane-tests-list .alert-grammar:after, .tab-pane-tests-list .modal .alert-test:after, .modal .tab-pane-tests-list .alert-test:after, .tab-pane-tests-list .modal .alert-free:after, .modal .tab-pane-tests-list .alert-free:after, .tab-pane-tests-list .modal .alert-writing:after, .modal .tab-pane-tests-list .alert-writing:after, .tab-pane-tests-list .modal .alert-business:after, .modal .tab-pane-tests-list .alert-business:after, .tab-pane-tests-list .modal .alert-colloquial:after, .modal .tab-pane-tests-list .alert-colloquial:after, .tab-pane-tests-list .modal .alert-debate:after, .modal .tab-pane-tests-list .alert-debate:after, .tab-pane-tests-list .alert:before, .tab-pane-tests-list .alert-info:before, .tab-pane-tests-list .modal .alert-rating:before, .modal .tab-pane-tests-list .alert-rating:before, .tab-pane-tests-list .modal .alert-immersion:before, .modal .tab-pane-tests-list .alert-immersion:before, .tab-pane-tests-list .modal .alert-fluency:before, .modal .tab-pane-tests-list .alert-fluency:before, .tab-pane-tests-list .modal .alert-grammar:before, .modal .tab-pane-tests-list .alert-grammar:before, .tab-pane-tests-list .modal .alert-test:before, .modal .tab-pane-tests-list .alert-test:before, .tab-pane-tests-list .modal .alert-free:before, .modal .tab-pane-tests-list .alert-free:before, .tab-pane-tests-list .modal .alert-writing:before, .modal .tab-pane-tests-list .alert-writing:before, .tab-pane-tests-list .modal .alert-business:before, .modal .tab-pane-tests-list .alert-business:before, .tab-pane-tests-list .modal .alert-colloquial:before, .modal .tab-pane-tests-list .alert-colloquial:before, .tab-pane-tests-list .modal .alert-debate:before, .modal .tab-pane-tests-list .alert-debate:before, .tab-pane-tests-list .push-right .alert:after, .tab-pane-tests-list .push-right .alert-info:after, .tab-pane-tests-list .push-right .modal .alert-rating:after, .modal .tab-pane-tests-list .push-right .alert-rating:after, .tab-pane-tests-list .push-right .modal .alert-immersion:after, .modal .tab-pane-tests-list .push-right .alert-immersion:after, .tab-pane-tests-list .push-right .modal .alert-fluency:after, .modal .tab-pane-tests-list .push-right .alert-fluency:after, .tab-pane-tests-list .push-right .modal .alert-grammar:after, .modal .tab-pane-tests-list .push-right .alert-grammar:after, .tab-pane-tests-list .push-right .modal .alert-test:after, .modal .tab-pane-tests-list .push-right .alert-test:after, .tab-pane-tests-list .push-right .modal .alert-free:after, .modal .tab-pane-tests-list .push-right .alert-free:after, .tab-pane-tests-list .push-right .modal .alert-writing:after, .modal .tab-pane-tests-list .push-right .alert-writing:after, .tab-pane-tests-list .push-right .modal .alert-business:after, .modal .tab-pane-tests-list .push-right .alert-business:after, .tab-pane-tests-list .push-right .modal .alert-colloquial:after, .modal .tab-pane-tests-list .push-right .alert-colloquial:after, .tab-pane-tests-list .push-right .modal .alert-debate:after, .modal .tab-pane-tests-list .push-right .alert-debate:after, .tab-pane-tests-list .push-right .alert:before, .tab-pane-tests-list .push-right .alert-info:before, .tab-pane-tests-list .push-right .modal .alert-rating:before, .modal .tab-pane-tests-list .push-right .alert-rating:before, .tab-pane-tests-list .push-right .modal .alert-immersion:before, .modal .tab-pane-tests-list .push-right .alert-immersion:before, .tab-pane-tests-list .push-right .modal .alert-fluency:before, .modal .tab-pane-tests-list .push-right .alert-fluency:before, .tab-pane-tests-list .push-right .modal .alert-grammar:before, .modal .tab-pane-tests-list .push-right .alert-grammar:before, .tab-pane-tests-list .push-right .modal .alert-test:before, .modal .tab-pane-tests-list .push-right .alert-test:before, .tab-pane-tests-list .push-right .modal .alert-free:before, .modal .tab-pane-tests-list .push-right .alert-free:before, .tab-pane-tests-list .push-right .modal .alert-writing:before, .modal .tab-pane-tests-list .push-right .alert-writing:before, .tab-pane-tests-list .push-right .modal .alert-business:before, .modal .tab-pane-tests-list .push-right .alert-business:before, .tab-pane-tests-list .push-right .modal .alert-colloquial:before, .modal .tab-pane-tests-list .push-right .alert-colloquial:before, .tab-pane-tests-list .push-right .modal .alert-debate:before, .modal .tab-pane-tests-list .push-right .alert-debate:before { content: none; }
  .tab-pane-tests-list .alert .glyphicons, .tab-pane-tests-list .alert-info .glyphicons, .tab-pane-tests-list .modal .alert-rating .glyphicons, .modal .tab-pane-tests-list .alert-rating .glyphicons, .tab-pane-tests-list .modal .alert-immersion .glyphicons, .modal .tab-pane-tests-list .alert-immersion .glyphicons, .tab-pane-tests-list .modal .alert-fluency .glyphicons, .modal .tab-pane-tests-list .alert-fluency .glyphicons, .tab-pane-tests-list .modal .alert-grammar .glyphicons, .modal .tab-pane-tests-list .alert-grammar .glyphicons, .tab-pane-tests-list .modal .alert-test .glyphicons, .modal .tab-pane-tests-list .alert-test .glyphicons, .tab-pane-tests-list .modal .alert-free .glyphicons, .modal .tab-pane-tests-list .alert-free .glyphicons, .tab-pane-tests-list .modal .alert-writing .glyphicons, .modal .tab-pane-tests-list .alert-writing .glyphicons, .tab-pane-tests-list .modal .alert-business .glyphicons, .modal .tab-pane-tests-list .alert-business .glyphicons, .tab-pane-tests-list .modal .alert-colloquial .glyphicons, .modal .tab-pane-tests-list .alert-colloquial .glyphicons, .tab-pane-tests-list .modal .alert-debate .glyphicons, .modal .tab-pane-tests-list .alert-debate .glyphicons, .tab-pane-tests-list .push-right .alert .glyphicons, .tab-pane-tests-list .push-right .alert-info .glyphicons, .tab-pane-tests-list .push-right .modal .alert-rating .glyphicons, .modal .tab-pane-tests-list .push-right .alert-rating .glyphicons, .tab-pane-tests-list .push-right .modal .alert-immersion .glyphicons, .modal .tab-pane-tests-list .push-right .alert-immersion .glyphicons, .tab-pane-tests-list .push-right .modal .alert-fluency .glyphicons, .modal .tab-pane-tests-list .push-right .alert-fluency .glyphicons, .tab-pane-tests-list .push-right .modal .alert-grammar .glyphicons, .modal .tab-pane-tests-list .push-right .alert-grammar .glyphicons, .tab-pane-tests-list .push-right .modal .alert-test .glyphicons, .modal .tab-pane-tests-list .push-right .alert-test .glyphicons, .tab-pane-tests-list .push-right .modal .alert-free .glyphicons, .modal .tab-pane-tests-list .push-right .alert-free .glyphicons, .tab-pane-tests-list .push-right .modal .alert-writing .glyphicons, .modal .tab-pane-tests-list .push-right .alert-writing .glyphicons, .tab-pane-tests-list .push-right .modal .alert-business .glyphicons, .modal .tab-pane-tests-list .push-right .alert-business .glyphicons, .tab-pane-tests-list .push-right .modal .alert-colloquial .glyphicons, .modal .tab-pane-tests-list .push-right .alert-colloquial .glyphicons, .tab-pane-tests-list .push-right .modal .alert-debate .glyphicons, .modal .tab-pane-tests-list .push-right .alert-debate .glyphicons { left: 12px; } }
@media screen and (max-width: 840px) { .tab-pane-summary .alert p, .tab-pane-summary .alert-info p, .tab-pane-summary .modal .alert-rating p, .modal .tab-pane-summary .alert-rating p, .tab-pane-summary .modal .alert-immersion p, .modal .tab-pane-summary .alert-immersion p, .tab-pane-summary .modal .alert-fluency p, .modal .tab-pane-summary .alert-fluency p, .tab-pane-summary .modal .alert-grammar p, .modal .tab-pane-summary .alert-grammar p, .tab-pane-summary .modal .alert-test p, .modal .tab-pane-summary .alert-test p, .tab-pane-summary .modal .alert-free p, .modal .tab-pane-summary .alert-free p, .tab-pane-summary .modal .alert-writing p, .modal .tab-pane-summary .alert-writing p, .tab-pane-summary .modal .alert-business p, .modal .tab-pane-summary .alert-business p, .tab-pane-summary .modal .alert-colloquial p, .modal .tab-pane-summary .alert-colloquial p, .tab-pane-summary .modal .alert-debate p, .modal .tab-pane-summary .alert-debate p, .tab-pane-summary .push-right .alert p, .tab-pane-summary .push-right .alert-info p, .tab-pane-summary .push-right .modal .alert-rating p, .modal .tab-pane-summary .push-right .alert-rating p, .tab-pane-summary .push-right .modal .alert-immersion p, .modal .tab-pane-summary .push-right .alert-immersion p, .tab-pane-summary .push-right .modal .alert-fluency p, .modal .tab-pane-summary .push-right .alert-fluency p, .tab-pane-summary .push-right .modal .alert-grammar p, .modal .tab-pane-summary .push-right .alert-grammar p, .tab-pane-summary .push-right .modal .alert-test p, .modal .tab-pane-summary .push-right .alert-test p, .tab-pane-summary .push-right .modal .alert-free p, .modal .tab-pane-summary .push-right .alert-free p, .tab-pane-summary .push-right .modal .alert-writing p, .modal .tab-pane-summary .push-right .alert-writing p, .tab-pane-summary .push-right .modal .alert-business p, .modal .tab-pane-summary .push-right .alert-business p, .tab-pane-summary .push-right .modal .alert-colloquial p, .modal .tab-pane-summary .push-right .alert-colloquial p, .tab-pane-summary .push-right .modal .alert-debate p, .modal .tab-pane-summary .push-right .alert-debate p { margin-left: 40px; }
  .tab-pane-summary .alert .glyphicons, .tab-pane-summary .alert-info .glyphicons, .tab-pane-summary .modal .alert-rating .glyphicons, .modal .tab-pane-summary .alert-rating .glyphicons, .tab-pane-summary .modal .alert-immersion .glyphicons, .modal .tab-pane-summary .alert-immersion .glyphicons, .tab-pane-summary .modal .alert-fluency .glyphicons, .modal .tab-pane-summary .alert-fluency .glyphicons, .tab-pane-summary .modal .alert-grammar .glyphicons, .modal .tab-pane-summary .alert-grammar .glyphicons, .tab-pane-summary .modal .alert-test .glyphicons, .modal .tab-pane-summary .alert-test .glyphicons, .tab-pane-summary .modal .alert-free .glyphicons, .modal .tab-pane-summary .alert-free .glyphicons, .tab-pane-summary .modal .alert-writing .glyphicons, .modal .tab-pane-summary .alert-writing .glyphicons, .tab-pane-summary .modal .alert-business .glyphicons, .modal .tab-pane-summary .alert-business .glyphicons, .tab-pane-summary .modal .alert-colloquial .glyphicons, .modal .tab-pane-summary .alert-colloquial .glyphicons, .tab-pane-summary .modal .alert-debate .glyphicons, .modal .tab-pane-summary .alert-debate .glyphicons, .tab-pane-summary .push-right .alert .glyphicons, .tab-pane-summary .push-right .alert-info .glyphicons, .tab-pane-summary .push-right .modal .alert-rating .glyphicons, .modal .tab-pane-summary .push-right .alert-rating .glyphicons, .tab-pane-summary .push-right .modal .alert-immersion .glyphicons, .modal .tab-pane-summary .push-right .alert-immersion .glyphicons, .tab-pane-summary .push-right .modal .alert-fluency .glyphicons, .modal .tab-pane-summary .push-right .alert-fluency .glyphicons, .tab-pane-summary .push-right .modal .alert-grammar .glyphicons, .modal .tab-pane-summary .push-right .alert-grammar .glyphicons, .tab-pane-summary .push-right .modal .alert-test .glyphicons, .modal .tab-pane-summary .push-right .alert-test .glyphicons, .tab-pane-summary .push-right .modal .alert-free .glyphicons, .modal .tab-pane-summary .push-right .alert-free .glyphicons, .tab-pane-summary .push-right .modal .alert-writing .glyphicons, .modal .tab-pane-summary .push-right .alert-writing .glyphicons, .tab-pane-summary .push-right .modal .alert-business .glyphicons, .modal .tab-pane-summary .push-right .alert-business .glyphicons, .tab-pane-summary .push-right .modal .alert-colloquial .glyphicons, .modal .tab-pane-summary .push-right .alert-colloquial .glyphicons, .tab-pane-summary .push-right .modal .alert-debate .glyphicons, .modal .tab-pane-summary .push-right .alert-debate .glyphicons { left: 12px; }
  .tab-pane-summary .alert:after, .tab-pane-summary .alert-info:after, .tab-pane-summary .modal .alert-rating:after, .modal .tab-pane-summary .alert-rating:after, .tab-pane-summary .modal .alert-immersion:after, .modal .tab-pane-summary .alert-immersion:after, .tab-pane-summary .modal .alert-fluency:after, .modal .tab-pane-summary .alert-fluency:after, .tab-pane-summary .modal .alert-grammar:after, .modal .tab-pane-summary .alert-grammar:after, .tab-pane-summary .modal .alert-test:after, .modal .tab-pane-summary .alert-test:after, .tab-pane-summary .modal .alert-free:after, .modal .tab-pane-summary .alert-free:after, .tab-pane-summary .modal .alert-writing:after, .modal .tab-pane-summary .alert-writing:after, .tab-pane-summary .modal .alert-business:after, .modal .tab-pane-summary .alert-business:after, .tab-pane-summary .modal .alert-colloquial:after, .modal .tab-pane-summary .alert-colloquial:after, .tab-pane-summary .modal .alert-debate:after, .modal .tab-pane-summary .alert-debate:after, .tab-pane-summary .push-right .alert:after, .tab-pane-summary .push-right .alert-info:after, .tab-pane-summary .push-right .modal .alert-rating:after, .modal .tab-pane-summary .push-right .alert-rating:after, .tab-pane-summary .push-right .modal .alert-immersion:after, .modal .tab-pane-summary .push-right .alert-immersion:after, .tab-pane-summary .push-right .modal .alert-fluency:after, .modal .tab-pane-summary .push-right .alert-fluency:after, .tab-pane-summary .push-right .modal .alert-grammar:after, .modal .tab-pane-summary .push-right .alert-grammar:after, .tab-pane-summary .push-right .modal .alert-test:after, .modal .tab-pane-summary .push-right .alert-test:after, .tab-pane-summary .push-right .modal .alert-free:after, .modal .tab-pane-summary .push-right .alert-free:after, .tab-pane-summary .push-right .modal .alert-writing:after, .modal .tab-pane-summary .push-right .alert-writing:after, .tab-pane-summary .push-right .modal .alert-business:after, .modal .tab-pane-summary .push-right .alert-business:after, .tab-pane-summary .push-right .modal .alert-colloquial:after, .modal .tab-pane-summary .push-right .alert-colloquial:after, .tab-pane-summary .push-right .modal .alert-debate:after, .modal .tab-pane-summary .push-right .alert-debate:after { content: none; } }
@media screen and (max-width: 1200px) { table.attendance th, table.attendance td { padding-left: 0.5em; padding-right: 0.5em; } }
.tab-pane-what-next a h3 .glyphicons { padding-left: 40px; }

.calendar-panel { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px; background-color: white; position: relative; padding: 10px; }
.calendar-panel.disabled { background-color: #D7D7D5; }

.static-modal, .static-modal-planes { background-color: #e3e9e9; }
.static-modal .block-centered, .static-modal-planes .block-centered { max-width: 400px; background-color: white; border-radius: 18px; padding: 20px; }
.static-modal .block-centered .alert:after, .static-modal .block-centered .alert-info:after, .static-modal .block-centered .modal .alert-rating:after, .modal .static-modal .block-centered .alert-rating:after, .static-modal .block-centered .modal .alert-immersion:after, .modal .static-modal .block-centered .alert-immersion:after, .static-modal .block-centered .modal .alert-fluency:after, .modal .static-modal .block-centered .alert-fluency:after, .static-modal .block-centered .modal .alert-grammar:after, .modal .static-modal .block-centered .alert-grammar:after, .static-modal .block-centered .modal .alert-test:after, .modal .static-modal .block-centered .alert-test:after, .static-modal .block-centered .modal .alert-free:after, .modal .static-modal .block-centered .alert-free:after, .static-modal .block-centered .modal .alert-writing:after, .modal .static-modal .block-centered .alert-writing:after, .static-modal .block-centered .modal .alert-business:after, .modal .static-modal .block-centered .alert-business:after, .static-modal .block-centered .modal .alert-colloquial:after, .modal .static-modal .block-centered .alert-colloquial:after, .static-modal .block-centered .modal .alert-debate:after, .modal .static-modal .block-centered .alert-debate:after, .static-modal-planes .block-centered .alert:after, .static-modal-planes .block-centered .alert-info:after, .static-modal-planes .block-centered .modal .alert-rating:after, .modal .static-modal-planes .block-centered .alert-rating:after, .static-modal-planes .block-centered .modal .alert-immersion:after, .modal .static-modal-planes .block-centered .alert-immersion:after, .static-modal-planes .block-centered .modal .alert-fluency:after, .modal .static-modal-planes .block-centered .alert-fluency:after, .static-modal-planes .block-centered .modal .alert-grammar:after, .modal .static-modal-planes .block-centered .alert-grammar:after, .static-modal-planes .block-centered .modal .alert-test:after, .modal .static-modal-planes .block-centered .alert-test:after, .static-modal-planes .block-centered .modal .alert-free:after, .modal .static-modal-planes .block-centered .alert-free:after, .static-modal-planes .block-centered .modal .alert-writing:after, .modal .static-modal-planes .block-centered .alert-writing:after, .static-modal-planes .block-centered .modal .alert-business:after, .modal .static-modal-planes .block-centered .alert-business:after, .static-modal-planes .block-centered .modal .alert-colloquial:after, .modal .static-modal-planes .block-centered .alert-colloquial:after, .static-modal-planes .block-centered .modal .alert-debate:after, .modal .static-modal-planes .block-centered .alert-debate:after { content: none; }
.static-modal .block-centered .alert:after, .static-modal .block-centered .alert-info:after, .static-modal .block-centered .modal .alert-rating:after, .modal .static-modal .block-centered .alert-rating:after, .static-modal .block-centered .modal .alert-immersion:after, .modal .static-modal .block-centered .alert-immersion:after, .static-modal .block-centered .modal .alert-fluency:after, .modal .static-modal .block-centered .alert-fluency:after, .static-modal .block-centered .modal .alert-grammar:after, .modal .static-modal .block-centered .alert-grammar:after, .static-modal .block-centered .modal .alert-test:after, .modal .static-modal .block-centered .alert-test:after, .static-modal .block-centered .modal .alert-free:after, .modal .static-modal .block-centered .alert-free:after, .static-modal .block-centered .modal .alert-writing:after, .modal .static-modal .block-centered .alert-writing:after, .static-modal .block-centered .modal .alert-business:after, .modal .static-modal .block-centered .alert-business:after, .static-modal .block-centered .modal .alert-colloquial:after, .modal .static-modal .block-centered .alert-colloquial:after, .static-modal .block-centered .modal .alert-debate:after, .modal .static-modal .block-centered .alert-debate:after, .static-modal-planes .block-centered .alert:after, .static-modal-planes .block-centered .alert-info:after, .static-modal-planes .block-centered .modal .alert-rating:after, .modal .static-modal-planes .block-centered .alert-rating:after, .static-modal-planes .block-centered .modal .alert-immersion:after, .modal .static-modal-planes .block-centered .alert-immersion:after, .static-modal-planes .block-centered .modal .alert-fluency:after, .modal .static-modal-planes .block-centered .alert-fluency:after, .static-modal-planes .block-centered .modal .alert-grammar:after, .modal .static-modal-planes .block-centered .alert-grammar:after, .static-modal-planes .block-centered .modal .alert-test:after, .modal .static-modal-planes .block-centered .alert-test:after, .static-modal-planes .block-centered .modal .alert-free:after, .modal .static-modal-planes .block-centered .alert-free:after, .static-modal-planes .block-centered .modal .alert-writing:after, .modal .static-modal-planes .block-centered .alert-writing:after, .static-modal-planes .block-centered .modal .alert-business:after, .modal .static-modal-planes .block-centered .alert-business:after, .static-modal-planes .block-centered .modal .alert-colloquial:after, .modal .static-modal-planes .block-centered .alert-colloquial:after, .static-modal-planes .block-centered .modal .alert-debate:after, .modal .static-modal-planes .block-centered .alert-debate:after { content: ""; position: absolute; color: #FF2855; z-index: 1010; border-top: 20px solid #FF2855; border-right: 30px solid transparent; border-bottom: none; border-left: 30px solid transparent; top: auto; right: auto; bottom: -20px; left: auto; left: 50%; margin-left: -30px; }
.static-modal .block-centered .alert-info:after, .static-modal-planes .block-centered .alert-info:after { content: none; }
.static-modal .block-centered .alert-info:after, .static-modal-planes .block-centered .alert-info:after { content: ""; position: absolute; color: #002B44; z-index: 1010; border-top: 20px solid #002B44; border-right: 30px solid transparent; border-bottom: none; border-left: 30px solid transparent; top: auto; right: auto; bottom: -20px; left: auto; left: 50%; margin-left: -30px; }
.static-modal .block-centered .task-panel-1.flag, .static-modal-planes .block-centered .task-panel-1.flag { box-shadow: none; }
.static-modal .block-centered .task-panel-1.flag .secondary, .static-modal-planes .block-centered .task-panel-1.flag .secondary { margin-left: 90px; text-align: left; border-top: 3px solid #D7D7D5; border-right: 3px solid #D7D7D5; border-bottom: 3px solid #D7D7D5; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; }
.static-modal .block-centered .task-panel-1.single, .static-modal-planes .block-centered .task-panel-1.single { box-shadow: none; }
.static-modal .block-centered .task-panel-1.single .primary .glyphicons:before, .static-modal-planes .block-centered .task-panel-1.single .primary .glyphicons:before { left: 0; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .static-modal .block-centered .task-panel-1.single .primary .glyphicons:before, .static-modal-planes .block-centered .task-panel-1.single .primary .glyphicons:before { /* IE10+ CSS styles go here */ left: 50%; } }
.static-modal .block-centered .task-panel-1.single .secondary, .static-modal-planes .block-centered .task-panel-1.single .secondary { text-align: left; border-top: 3px solid #D7D7D5; border-right: 3px solid #D7D7D5; border-bottom: 3px solid #D7D7D5; padding-top: 7px; padding-bottom: 7px; padding-left: 20px; }
.static-modal .block-centered .task-panel-1.single .secondary h2, .static-modal-planes .block-centered .task-panel-1.single .secondary h2 { line-height: 50px !important; }
.static-modal .block-centered .test-item, .static-modal-planes .block-centered .test-item { margin-bottom: 20px; }
.static-modal .block-centered .test-item .date, .static-modal-planes .block-centered .test-item .date { text-align: left; border-top: 3px solid #D7D7D5; border-right: 3px solid #D7D7D5; border-left: 3px solid #D7D7D5; }
.static-modal .block-centered .test-item .list-static, .static-modal .block-centered .test-item .list-tasks, .static-modal .block-centered .test-item .list-rating, .static-modal .block-centered .test-item .module-objectives, .static-modal-planes .block-centered .test-item .list-static, .static-modal-planes .block-centered .test-item .list-tasks, .static-modal-planes .block-centered .test-item .list-rating, .static-modal-planes .block-centered .test-item .module-objectives { text-align: left; }

.static-modal-planes .block-centered { background-color: transparent; max-width: none; }
@media screen and (max-width: 1200px) { .static-modal-planes .block { height: auto; } }