@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: 'Klavika Medium'; src: url("../fonts/KlavikaWebBasic-Medium.eot"); src: url("../fonts/KlavikaWebBasic-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/KlavikaWebBasic-Medium.woff2") format("woff2"), url("../fonts/KlavikaWebBasic-Medium.woff") format("woff"), url("../fonts/KlavikaWebBasic-Medium.ttf") format("truetype"), url("../fonts/KlavikaWebBasic-Medium.svg#KlavikaWebBasic-Medium") format("svg"); font-weight: 500; 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: #5b6270; width: 100%; }

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

@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 { width: 66.66667%; }
  .tab-pane-base .grid-25, .tab-pane-join .grid-25, .tab-pane-downloads .grid-25, .tab-pane-search .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 { 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 { 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 { 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 { 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%; } }
@media screen and (max-width: 840px) { .tab-pane-base .grid-75, .tab-pane-join .grid-75, .tab-pane-search .grid-75 { width: 60%; }
  .tab-pane-base .grid-25, .tab-pane-join .grid-25, .tab-pane-search .grid-25 { width: 40%; }
  .tab-pane-base .grid-33, .tab-pane-join .grid-33, .tab-pane-search .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 { 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 { 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 { 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 { width: 66.66667%; }
  .tab-pane-tests-grid .grid-25, .tab-pane-account .grid-25 { width: 33.33333%; }
  .tab-pane-tests-grid .grid-50, .tab-pane-account .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%; } }
@media screen and (max-width: 640px) { .tab-pane-base .grid-75, .tab-pane-join .grid-75, .tab-pane-search .grid-75 { width: 50%; }
  .tab-pane-base .grid-25, .tab-pane-join .grid-25, .tab-pane-search .grid-25 { width: 50%; }
  .tab-pane-base .grid-33, .tab-pane-join .grid-33, .tab-pane-search .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 { 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 { 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 { 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 { 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 { 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 { width: 100%; }
  .tab-pane-modify-class .grid-67, .tab-pane-contratar .grid-67, .tab-pane-premium .grid-67 { width: 100%; }
  .tab-pane-modify-class .grid-33, .tab-pane-contratar .grid-33, .tab-pane-premium .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%; } }
@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 { 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 { 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 { 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%; } }
html, body { height: 100%; }

body { background-color: #ecedf0; }

.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 #006799; }
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-redelectrica.png"); display: block; float: left; background-repeat: no-repeat; background-position: left 21px; text-indent: -9999px; width: 193px; height: 58px; background-color: transparent; padding: 21px 0; 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-redelectrica_2x.png"); background-size: 193px 58px; } }

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

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

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

nav { width: 93.75%; margin-left: auto; margin-right: auto; display: block; height: 100px; max-width: 1440px; box-sizing: border-box; }
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: #5b6270; font-family: "Open Sans Regular", 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: #004c7f; font-weight: normal; }
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: #006799; z-index: 1010; border-top: none; border-right: 30px solid transparent; border-bottom: 20px solid #006799; border-left: 30px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -30px; }
nav > ul li.nav-premium a { font-weight: bold; color: #cc0000; }
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: #006799; 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: "Open Sans Regular", sans-serif; font-size: 1.25em; background-color: rgba(255, 255, 255, 0.2); }
.nav-notifications a:hover { background-color: rgba(255, 255, 255, 0.2); }
.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: white; 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: rgba(255, 255, 255, 0.2); }
.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: #cc0000; }
.nav-notifications.unread a:hover { background-color: #990000; }

.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: #006799; 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: #5b6270; 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: #999999; 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: #aaafba; z-index: 1010; border-top: 15px solid transparent; border-right: none; border-bottom: 15px solid transparent; border-left: 10px solid #aaafba; 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: "Open Sans Regular", sans-serif; text-align: left; color: #999999; }
  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: #CCC; color: #5b6270; 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: #CCC; color: #CCC; }
  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: #CCC; }
  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: #cc0000; 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: #cc0000; color: #cc0000; } }
@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: "Klavika Medium", "Helvetica Neue", Helvetica, sans-serif; line-height: 1.2em; color: #CCC; cursor: pointer; }
.section-tabs a .glyphicons:before { font-size: 30px; line-height: 33px; position: relative; margin-top: -5px; }
.section-tabs .active a { color: #69b1d6; }
.section-tabs .active a:after { content: ""; position: absolute; color: #ecedf0; z-index: 1010; border-top: none; border-right: 30px solid transparent; border-bottom: 20px solid #ecedf0; 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: #CCC; }
.lt-ie9 .section-tabs .active a .glyphicons:before { color: #69b1d6; }
.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 "; }
.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: #ecedf0; }
.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 "Open Sans Regular", sans-serif; color: #5b6270; font-weight: normal; }

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

h1, h2, h3, h4, h5, h6 { font-family: "Klavika Medium", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; letter-spacing: -1px; color: #5b6270; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #CCC; }

h1 { margin-bottom: 0.3em; font-size: 3em; /* 48 / 16 */ line-height: 1.4; text-align: center; color: #5b6270; }
@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: #5b6270; /*
	-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; }

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 { 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: "”"; }

.alert, .alert-info, .modal .alert-rating { position: relative; display: block; padding: 10px; background: #cc0000; color: white; margin-bottom: 20px; min-height: 44px; word-break: break-word; text-align: left; }
.alert p, .alert-info p, .modal .alert-rating p { margin-bottom: 0; margin-left: 40px; }
.alert .glyphicons, .alert-info .glyphicons, .modal .alert-rating .glyphicons { position: absolute; left: 12px; top: 50%; margin-top: -15px; }
.alert .glyphicons:before, .alert-info .glyphicons:before, .modal .alert-rating .glyphicons:before { font: 27px/1.1em 'Glyphicons Regular'; }
.alert:after, .alert-info:after, .modal .alert-rating:after { content: ""; position: absolute; color: #cc0000; z-index: 1010; border-top: 30px solid transparent; border-right: none; border-bottom: 30px solid transparent; border-left: 20px solid #cc0000; 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 { margin-left: 30px; }
.push-right .alert .glyphicons, .push-right .alert-info .glyphicons, .push-right .modal .alert-rating .glyphicons, .modal .push-right .alert-rating .glyphicons { left: 4px; }
.push-right .alert:after, .push-right .alert-info:after, .push-right .modal .alert-rating:after, .modal .push-right .alert-rating:after { content: ""; position: absolute; color: #cc0000; z-index: 1010; border-top: 30px solid transparent; border-right: 20px solid #cc0000; 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 { content: none; }
.alert.no-arrow p, .no-arrow.alert-info p, .modal .no-arrow.alert-rating p { margin-left: 40px; }
.alert.no-arrow .glyphicons, .no-arrow.alert-info .glyphicons, .modal .no-arrow.alert-rating .glyphicons { left: 12px; }

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

.sign-in .alert, .sign-in .alert-info, .sign-in .modal .alert-rating, .modal .sign-in .alert-rating { background-color: #cc0000; 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 { content: ""; position: absolute; color: #cc0000; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #cc0000; 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 { margin-top: 0; }
.sign-in .alert p, .sign-in .alert-info p, .sign-in .modal .alert-rating p, .modal .sign-in .alert-rating p { color: white; }

.modal .alert:after, .modal .alert-info:after, .modal .alert-rating:after { content: none; }
.modal .alert:after, .modal .alert-info:after, .modal .alert-rating:after { content: ""; position: absolute; color: #cc0000; z-index: 1010; border-top: 20px solid #cc0000; 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 { margin-left: 40px; }
.modal .alert .glyphicons, .modal .alert-info .glyphicons, .modal .alert-rating .glyphicons { left: 12px; }
.modal .alert.no-arrow:after, .modal .no-arrow.alert-info:after, .modal .no-arrow.alert-rating:after { content: none; }

.modal .alert-info:after { border-top-color: #5b6270; color: #5b6270; }

.modal .alert-rating { background-color: #85b201; }
.modal .alert-rating:after { border-top-color: #85b201; color: #85b201; }
.modal .alert-rating .rating-block { text-align: center; display: block; line-height: 42px; font-size: 42px; box-sizing: border-box; }
.modal .alert-rating .glyphicons { position: relative; display: inline-block; width: 42px; height: 42px; left: 0; top: 12px; }
.modal .alert-rating .glyphicons:before { font-size: 42px; }

@media screen and (max-width: 640px) { .tab-pane-new .alert-info p, .tab-pane-new .push-right .alert-info p { margin-left: 40px; }
  .tab-pane-new .alert-info .glyphicons, .tab-pane-new .push-right .alert-info .glyphicons { left: 12px; }
  .tab-pane-new .alert-info:after, .tab-pane-new .push-right .alert-info:after { content: none; }
  .tab-pane-new .alert-info:after, .tab-pane-new .push-right .alert-info:after { content: ""; position: absolute; color: #5b6270; z-index: 1010; border-top: 20px solid #5b6270; 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 { content: none; } }
@media screen and (max-width: 480px) { .alert p, .alert-info p, .modal .alert-rating p, .push-right .alert p, .push-right .alert-info p, .push-right .modal .alert-rating p, .modal .push-right .alert-rating p { margin-left: 40px; }
  .alert .glyphicons, .alert-info .glyphicons, .modal .alert-rating .glyphicons, .push-right .alert .glyphicons, .push-right .alert-info .glyphicons, .push-right .modal .alert-rating .glyphicons, .modal .push-right .alert-rating .glyphicons { left: 12px; }
  .alert:after, .alert-info:after, .modal .alert-rating:after, .push-right .alert:after, .push-right .alert-info:after, .push-right .modal .alert-rating:after, .modal .push-right .alert-rating:after { content: none; }
  .alert:after, .alert-info:after, .modal .alert-rating:after, .push-right .alert:after, .push-right .alert-info:after, .push-right .modal .alert-rating:after, .modal .push-right .alert-rating:after { content: ""; position: absolute; color: #cc0000; z-index: 1010; border-top: 20px solid #cc0000; 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, .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 { 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: #5b6270; z-index: 1010; border-top: 20px solid #5b6270; 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; } }
.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: #CCC; color: #848584; 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: #CCC; z-index: 1010; border-top: 11px solid transparent; border-right: 7px solid #CCC; 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: "Open Sans Regular", 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; }

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

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

.badge-key, .badge-key-available, .badge-key-class { background-color: #DEDEDE; }
.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: #009dcc; color: white; }

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

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

button, .button, .button-alt, .button-signout, .button-cancel, .button-secondary, .button-alert, .button-join, .test-item .button-test, .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: "Open Sans Regular", sans-serif; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; border: 3px solid #DEDEDE; color: #848584; 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-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: #c5c5c5; color: #5b6270; }
#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-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-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-filter button, .list-action button, .list-incomplete button, .list-bookings button, .list-static button, .list-tasks button, .list-rating button, .module-objectives button, .list-modules button, .list-checkboxes .button, .list-filter .button, .list-action .button, .list-incomplete .button, .list-bookings .button, .list-static .button, .list-tasks .button, .list-rating .button, .module-objectives .button, .list-modules .button, .list-checkboxes .button-alt, .list-filter .button-alt, .list-action .button-alt, .list-incomplete .button-alt, .list-bookings .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-filter .button-signout, .list-action .button-signout, .list-incomplete .button-signout, .list-bookings .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-filter .button-cancel, .list-action .button-cancel, .list-incomplete .button-cancel, .list-bookings .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-filter .button-secondary, .list-action .button-secondary, .list-incomplete .button-secondary, .list-bookings .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-filter .button-alert, .list-action .button-alert, .list-incomplete .button-alert, .list-bookings .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-filter .button-join, .list-action .button-join, .list-incomplete .button-join, .list-bookings .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-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-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-profile, .list-filter .button-profile, .list-action .button-profile, .list-incomplete .button-profile, .list-bookings .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-filter .button-search, .list-action .button-search, .list-incomplete .button-search, .list-bookings .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-filter .button-icon, .list-action .button-icon, .list-incomplete .button-icon, .list-bookings .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-filter .button-notification, .list-action .button-notification, .list-incomplete .button-notification, .list-bookings .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-filter .button-view-all, .list-action .button-view-all, .list-incomplete .button-view-all, .list-bookings .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-filter .button-book, .list-action .button-book, .list-incomplete .button-book, .list-bookings .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-filter .button-class, .list-action .button-class, .list-incomplete .button-class, .list-bookings .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-filter .button-send, .list-action .button-send, .list-incomplete .button-send, .list-bookings .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-filter .button-level, .list-action .button-level, .list-incomplete .button-level, .list-bookings .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-filter .button-purchase, .list-action .button-purchase, .list-incomplete .button-purchase, .list-bookings .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-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-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 #DEDEDE; }
.list-checkboxes button:hover, .list-filter button:hover, .list-action button:hover, .list-incomplete button:hover, .list-bookings 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-filter .button:hover, .list-action .button:hover, .list-incomplete .button:hover, .list-bookings .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-filter .button-alt:hover, .list-action .button-alt:hover, .list-incomplete .button-alt:hover, .list-bookings .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-filter .button-signout:hover, .list-action .button-signout:hover, .list-incomplete .button-signout:hover, .list-bookings .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-filter .button-cancel:hover, .list-action .button-cancel:hover, .list-incomplete .button-cancel:hover, .list-bookings .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-filter .button-secondary:hover, .list-action .button-secondary:hover, .list-incomplete .button-secondary:hover, .list-bookings .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-filter .button-alert:hover, .list-action .button-alert:hover, .list-incomplete .button-alert:hover, .list-bookings .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-filter .button-join:hover, .list-action .button-join:hover, .list-incomplete .button-join:hover, .list-bookings .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-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-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-profile:hover, .list-filter .button-profile:hover, .list-action .button-profile:hover, .list-incomplete .button-profile:hover, .list-bookings .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-filter .button-search:hover, .list-action .button-search:hover, .list-incomplete .button-search:hover, .list-bookings .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-filter .button-icon:hover, .list-action .button-icon:hover, .list-incomplete .button-icon:hover, .list-bookings .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-filter .button-notification:hover, .list-action .button-notification:hover, .list-incomplete .button-notification:hover, .list-bookings .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-filter .button-view-all:hover, .list-action .button-view-all:hover, .list-incomplete .button-view-all:hover, .list-bookings .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-filter .button-book:hover, .list-action .button-book:hover, .list-incomplete .button-book:hover, .list-bookings .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-filter .button-class:hover, .list-action .button-class:hover, .list-incomplete .button-class:hover, .list-bookings .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-filter .button-send:hover, .list-action .button-send:hover, .list-incomplete .button-send:hover, .list-bookings .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-filter .button-level:hover, .list-action .button-level:hover, .list-incomplete .button-level:hover, .list-bookings .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-filter .button-purchase:hover, .list-action .button-purchase:hover, .list-incomplete .button-purchase:hover, .list-bookings .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-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-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: #c5c5c5; color: #5b6270; }

.button-alt, .button-signout, .button-cancel { background-color: #DEDEDE; border-color: #DEDEDE; color: #848584; }
.button-alt:hover, .button-signout:hover, .button-cancel:hover { background-color: #c5c5c5; border-color: #c5c5c5; color: #5b6270; }

.button-secondary { background-color: transparent; border-color: #DEDEDE; color: #c5c5c5; }
.button-secondary:hover { background-color: transparent; border-color: #ababab; color: #929292; }

.button-alert, .button-join, .test-item .button-test { background-color: #cc0000; border-color: #cc0000; color: white; }
.button-alert:hover, .button-join:hover, .test-item .button-test:hover { background-color: #990000; border-color: #990000; 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: #AAA; 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: #cc0000; border-color: #DEDEDE; }
.button-join:hover { background-color: #660000; border-color: #660000; }

.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: #85b201; 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-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-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: #848584; }
.button-close:hover { background-color: transparent; border-color: #c5c5c5; color: #5b6270; }
.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: #009dcc; color: #009dcc; }
.button-book:hover { border-color: #009dcc; color: #009dcc; }

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

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

.button-level { display: block; padding: 6px 0; margin-top: 0; background-color: #DEDEDE; color: #848584; border: none; }
.button-level:hover { background-color: #DEDEDE; }
.button-level:empty { height: 34px; background-color: #ecedf0; color: #AAA; }
.button-level.active { background-color: #006799 !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: #85b201; border: none; color: white; font-family: "Klavika Medium", "Helvetica Neue", Helvetica, sans-serif; }
.button-purchase:hover { background-color: #5f7f01; 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: #DEDEDE; z-index: 1010; border-top: none; border-right: 22.5px solid transparent; border-bottom: 15px solid #DEDEDE; 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: "Klavika Medium", "Helvetica Neue", Helvetica, 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: #848584; }
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: #cc0000; 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: #DEDEDE; color: #848584; }
@media screen and (max-width: 1000px) { div.calendar tbody td span { width: 100%; } }
div.calendar tbody td span.available { background-color: #009dcc; color: white; cursor: pointer; }
div.calendar tbody td span.class { background-color: #85b201; color: white; cursor: pointer; }
div.calendar tbody td.weekend span { background-color: #d1d1d1; }

/* Canvas ========================================================================== */
canvas { width: 100% !important; max-width: 800px; }
.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 #CCC; 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 #ecedf0; background-color: #ecedf0; background-clip: padding-box; color: #5b6270; text-decoration: none; white-space: nowrap; line-height: 24px; }

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

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

.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 #CCC; padding: 0.5em; }

.dictionary-az { margin-bottom: 40px; }
.dictionary-az h3 { padding-bottom: 0; margin-bottom: 0.3em; border-bottom: 1px solid #CCC; }
.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: #85b201; color: white; }
.dictionary-word.unknown { background-color: #ccc; color: #5b6270; }
.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 #ecedf0; background-color: transparent; color: #CCC; 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 #DEDEDE; }
.dictionary-letter.known { background-color: #85b201; color: white; }
.dictionary-letter.known:before { border-color: #85b201; }
.dictionary-letter.unknown { background-color: #ccc; color: #5b6270; }
.dictionary-letter.unknown:before { border-color: #ccc; }

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

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

.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-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-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 #CCC; border-right: 1px solid #CCC; }
.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 #999999; border-bottom: 1px solid #999999; 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: #5b6270; }
  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-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 #999999; 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: #737373; color: white; }
  nav #dropdown-search input:focus { color: #5b6270; }
  nav #dropdown-search .button-search { top: 5px; right: 5px; }
  nav .dropdown-language { display: block !important; padding: 20px 0 20px; 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-empty { float: left; margin-top: 0; margin-left: 13px; }
  nav .dropdown-language .flag-empty { display: block; }
  nav .dropdown-language a:first-child { margin-left: 0; }
  nav .dropdown-level { display: block !important; border-top: 1px solid #999999; 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: #999999; }
  nav .dropdown-level.dropdown.dropdown-tip:after { content: none; }
  nav .dropdown-level .button-level { background-color: #999999; color: #5b6270; }
  nav .dropdown-level .button-level:empty { background-color: #737373; } }
.flag-english .primary, .flag-spanish .primary, .flag-portuguese .primary, .flag-portuguese-pt .primary, .flag-portuguese-br .primary, .flag-turkish .primary { width: 90px !important; background-color: #DEDEDE; 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 { 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 { border-left-color: #DEDEDE; color: #DEDEDE; }
.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 { 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 { 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; } }

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

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

h3.foldable .halflings { float: right; margin-top: 10px; margin-right: 20px; }
h3.foldable .halflings:before { color: #d0d0d0; font-size: 0.57143em; }
h3.foldable:hover { cursor: pointer; }
h3.foldable:hover .halflings:before { color: #AAA; }
h3.foldable.in { border-bottom: 1px solid #CCC; }
h3.foldable.in .halflings:before { content: "\E113"; }
@media screen and (max-width: 480px) { h3.foldable { border-bottom: 1px solid #CCC; }
  h3.foldable + .list-checkboxes, h3.foldable + .list-filter, h3.foldable + .list-action, h3.foldable + .list-incomplete, h3.foldable + .list-bookings, h3.foldable + .list-static, h3.foldable + .list-tasks, h3.foldable + .list-rating, h3.foldable + .module-objectives, h3.foldable + .list-modules { display: none; }
  h3.foldable .halflings:before { content: "\E113"; }
  h3.foldable.out { border-bottom: none; }
  h3.foldable.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: #ecedf0; border-radius: 0; font-size: 1em; color: #5b6270; }
input:focus, textarea:focus { outline: none; background-color: white !important; border: 1px solid white; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #AAA; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #AAA; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #AAA; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #AAA; }
.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-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-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: #CCC; }
.modal .chosen-container, .modal textarea, .modal .input-subject { margin-bottom: 10px; }

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

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

.form-search-dropdown input, .form-search-results input { border-bottom: 1px solid #DEDEDE; -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: #69b1d6; }

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

.list-checkboxes li.form-select, .list-filter li.form-select, .list-action li.form-select, .list-incomplete li.form-select, .list-bookings 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-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-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 #CCC; margin-bottom: 0; }
.list-checkboxes 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-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: #AAA; }
.list-checkboxes 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-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: #AAA; }
.list-checkboxes li.form-textarea, .list-filter li.form-textarea, .list-action li.form-textarea, .list-incomplete li.form-textarea, .list-bookings 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; }

#guia_gramatical { background-color: white; padding: 20px; }
#guia_gramatical p a span { font-family: "Klavika Medium", "Helvetica Neue", Helvetica, sans-serif !important; font-size: 28px; color: #85b201 !important; }
#guia_gramatical p u span { font-family: "Klavika Medium", "Helvetica Neue", Helvetica, sans-serif !important; font-size: 18px; color: #5b6270 !important; }
#guia_gramatical span { font-family: "Open Sans Regular", 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: #ecedf0; color: #5b6270; 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.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.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.settings:before { content: "\E281"; }
.glyphicons.cardio:before { content: "\E283"; }
.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.restart:before { content: "\E366"; }
.glyphicons.global:before { content: "\E372"; }
.glyphicons.earphone:before { content: "\E443"; }

@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-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.question-sign:before { content: "\E085"; }
.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-filter, .list-action, .list-incomplete, .list-bookings, .list-static, .list-tasks, .list-rating, .module-objectives, .list-modules { margin-bottom: 0; }
.list-checkboxes + h3, .list-filter + h3, .list-action + h3, .list-incomplete + h3, .list-bookings + h3, .list-static + h3, .list-tasks + h3, .list-rating + h3, .module-objectives + h3, .list-modules + h3 { margin-top: 0.85714em; }
.list-checkboxes li, .list-filter li, .list-action li, .list-incomplete li, .list-bookings li, .list-static li, .list-tasks li, .list-rating li, .module-objectives li, .list-modules li { border-bottom: 1px solid #CCC; position: relative; }
.list-checkboxes li > a, .list-filter li > a, .list-action li > a, .list-incomplete li > a, .list-bookings 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: #5b6270; cursor: pointer; }
.list-checkboxes li > a:hover, .list-filter li > a:hover, .list-action li > a:hover, .list-incomplete li > a:hover, .list-bookings 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: #5b6270; }
.list-checkboxes p, .list-filter p, .list-action p, .list-incomplete p, .list-bookings 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: #848584; }

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

ol.list-checkboxes, ol.list-filter, ol.list-action, ol.list-incomplete, ol.list-bookings, 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-filter li, .disabled.list-action li, .disabled.list-incomplete li, .disabled.list-bookings 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-filter li a, .disabled.list-action li a, .disabled.list-incomplete li a, .disabled.list-bookings 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-filter li.disabled, .list-action li.disabled, .list-incomplete li.disabled, .list-bookings 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-filter li.disabled a, .list-action li.disabled a, .list-incomplete li.disabled a, .list-bookings 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: #AAA; pointer-events: none; }
.disabled.list-checkboxes li .halflings, .disabled.list-filter li .halflings, .disabled.list-action li .halflings, .disabled.list-incomplete li .halflings, .disabled.list-bookings 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-filter li .glyphicons, .disabled.list-action li .glyphicons, .disabled.list-incomplete li .glyphicons, .disabled.list-bookings 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-filter li a .halflings, .disabled.list-action li a .halflings, .disabled.list-incomplete li a .halflings, .disabled.list-bookings 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-filter li a .glyphicons, .disabled.list-action li a .glyphicons, .disabled.list-incomplete li a .glyphicons, .disabled.list-bookings 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-filter li.disabled .halflings, .list-action li.disabled .halflings, .list-incomplete li.disabled .halflings, .list-bookings 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-filter li.disabled .glyphicons, .list-action li.disabled .glyphicons, .list-incomplete li.disabled .glyphicons, .list-bookings 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-filter li.disabled a .halflings, .list-action li.disabled a .halflings, .list-incomplete li.disabled a .halflings, .list-bookings 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-filter li.disabled a .glyphicons, .list-action li.disabled a .glyphicons, .list-incomplete li.disabled a .glyphicons, .list-bookings 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: #CCC; }
.list-checkboxes .active, .list-filter .active, .list-action .active, .list-incomplete .active, .list-bookings .active, .list-static .active, .list-tasks .active, .list-rating .active, .module-objectives .active, .list-modules .active, .list-checkboxes .active a, .list-filter .active a, .list-action .active a, .list-incomplete .active a, .list-bookings .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-filter .complete, .list-action .complete, .list-incomplete .complete, .list-bookings .complete, .list-static .complete, .list-tasks .complete, .list-rating .complete, .module-objectives .complete, .list-modules .complete, .list-checkboxes .complete a, .list-filter .complete a, .list-action .complete a, .list-incomplete .complete a, .list-bookings .complete a, .list-static .complete a, .list-tasks .complete a, .list-rating .complete a, .module-objectives .complete a, .list-modules .complete a { color: #5b6270; }
.list-checkboxes .incomplete, .list-filter .incomplete, .list-action .incomplete, .list-incomplete .incomplete, .list-bookings .incomplete, .list-static .incomplete, .list-tasks .incomplete, .list-rating .incomplete, .module-objectives .incomplete, .list-modules .incomplete, .list-checkboxes .incomplete a, .list-filter .incomplete a, .list-action .incomplete a, .list-incomplete .incomplete a, .list-bookings .incomplete a, .list-static .incomplete a, .list-tasks .incomplete a, .list-rating .incomplete a, .module-objectives .incomplete a, .list-modules .incomplete a { color: #cc0000; }

/* 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-filter a { color: #AAA; }

.list-action .active, .list-incomplete .active { background-color: white; }

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

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

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

.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: #AAA; }
.list-incomplete a:hover .date, .list-incomplete a:hover .glyphicons { color: #5b6270; }

.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: #8e95a3; }
.lt-ie9 .module-objectives ul li { text-indent: -1.4em; padding-left: 2em; }

/* List element decorations
--------------------------------------------- */
.list-checkboxes .icon-block, .list-filter .icon-block, .list-action .icon-block, .list-incomplete .icon-block, .list-bookings .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-filter .halflings, .list-action .halflings, .list-incomplete .halflings, .list-bookings .halflings, .list-static .halflings, .list-tasks .halflings, .list-rating .halflings, .module-objectives .halflings, .list-modules .halflings, .list-checkboxes .glyphicons, .list-filter .glyphicons, .list-action .glyphicons, .list-incomplete .glyphicons, .list-bookings .glyphicons, .list-static .glyphicons, .list-tasks .glyphicons, .list-rating .glyphicons, .module-objectives .glyphicons, .list-modules .glyphicons { float: right; }
.list-checkboxes .halflings, .list-filter .halflings, .list-action .halflings, .list-incomplete .halflings, .list-bookings .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-filter .glyphicons, .list-action .glyphicons, .list-incomplete .glyphicons, .list-bookings .glyphicons, .list-static .glyphicons, .list-tasks .glyphicons, .list-rating .glyphicons, .module-objectives .glyphicons, .list-modules .glyphicons { padding-left: 19px; }
.list-checkboxes .glyphicons:before, .list-filter .glyphicons:before, .list-action .glyphicons:before, .list-incomplete .glyphicons:before, .list-bookings .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-filter .glyphicons.circle_info, .list-action .glyphicons.circle_info, .list-incomplete .glyphicons.circle_info, .list-bookings .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-filter .halflings + .glyphicons, .list-action .halflings + .glyphicons, .list-incomplete .halflings + .glyphicons, .list-bookings .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-filter .glyphicons + .glyphicons, .list-action .glyphicons + .glyphicons, .list-incomplete .glyphicons + .glyphicons, .list-bookings .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-filter .halflings + .glyphicons + .glyphicons, .list-action .halflings + .glyphicons + .glyphicons, .list-incomplete .halflings + .glyphicons + .glyphicons, .list-bookings .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-filter .dot, .list-action .dot, .list-incomplete .dot, .list-bookings .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-filter .halflings + .dot, .list-action .halflings + .dot, .list-incomplete .halflings + .dot, .list-bookings .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-filter .badge, .list-action .badge, .list-incomplete .badge, .list-bookings .badge, .list-static .badge, .list-tasks .badge, .list-rating .badge, .module-objectives .badge, .list-modules .badge, .list-checkboxes .badge-alert, .list-filter .badge-alert, .list-action .badge-alert, .list-incomplete .badge-alert, .list-bookings .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-filter .badge-ok, .list-action .badge-ok, .list-incomplete .badge-ok, .list-bookings .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-filter .badge-key, .list-action .badge-key, .list-incomplete .badge-key, .list-bookings .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-filter .badge-key-available, .list-action .badge-key-available, .list-incomplete .badge-key-available, .list-bookings .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-filter .badge-key-class, .list-action .badge-key-class, .list-incomplete .badge-key-class, .list-bookings .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-filter .badge-extra, .list-action .badge-extra, .list-incomplete .badge-extra, .list-bookings .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-filter .badge-workshop, .list-action .badge-workshop, .list-incomplete .badge-workshop, .list-bookings .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-filter .badge-conversation, .list-action .badge-conversation, .list-incomplete .badge-conversation, .list-bookings .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-filter .badge-catalog, .list-action .badge-catalog, .list-incomplete .badge-catalog, .list-bookings .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-filter .badge .halflings, .list-action .badge .halflings, .list-incomplete .badge .halflings, .list-bookings .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-filter .badge-alert .halflings, .list-action .badge-alert .halflings, .list-incomplete .badge-alert .halflings, .list-bookings .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-filter .badge-ok .halflings, .list-action .badge-ok .halflings, .list-incomplete .badge-ok .halflings, .list-bookings .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-filter .badge-key .halflings, .list-action .badge-key .halflings, .list-incomplete .badge-key .halflings, .list-bookings .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-filter .badge-key-available .halflings, .list-action .badge-key-available .halflings, .list-incomplete .badge-key-available .halflings, .list-bookings .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-filter .badge-key-class .halflings, .list-action .badge-key-class .halflings, .list-incomplete .badge-key-class .halflings, .list-bookings .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-filter .badge-extra .halflings, .list-action .badge-extra .halflings, .list-incomplete .badge-extra .halflings, .list-bookings .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-filter .badge-workshop .halflings, .list-action .badge-workshop .halflings, .list-incomplete .badge-workshop .halflings, .list-bookings .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-filter .badge-conversation .halflings, .list-action .badge-conversation .halflings, .list-incomplete .badge-conversation .halflings, .list-bookings .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-filter .badge-catalog .halflings, .list-action .badge-catalog .halflings, .list-incomplete .badge-catalog .halflings, .list-bookings .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-filter .badge .glyphicons, .list-action .badge .glyphicons, .list-incomplete .badge .glyphicons, .list-bookings .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-filter .badge-alert .glyphicons, .list-action .badge-alert .glyphicons, .list-incomplete .badge-alert .glyphicons, .list-bookings .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-filter .badge-ok .glyphicons, .list-action .badge-ok .glyphicons, .list-incomplete .badge-ok .glyphicons, .list-bookings .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-filter .badge-key .glyphicons, .list-action .badge-key .glyphicons, .list-incomplete .badge-key .glyphicons, .list-bookings .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-filter .badge-key-available .glyphicons, .list-action .badge-key-available .glyphicons, .list-incomplete .badge-key-available .glyphicons, .list-bookings .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-filter .badge-key-class .glyphicons, .list-action .badge-key-class .glyphicons, .list-incomplete .badge-key-class .glyphicons, .list-bookings .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-filter .badge-extra .glyphicons, .list-action .badge-extra .glyphicons, .list-incomplete .badge-extra .glyphicons, .list-bookings .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-filter .badge-workshop .glyphicons, .list-action .badge-workshop .glyphicons, .list-incomplete .badge-workshop .glyphicons, .list-bookings .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-filter .badge-conversation .glyphicons, .list-action .badge-conversation .glyphicons, .list-incomplete .badge-conversation .glyphicons, .list-bookings .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-filter .badge-catalog .glyphicons, .list-action .badge-catalog .glyphicons, .list-incomplete .badge-catalog .glyphicons, .list-bookings .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-filter .badge .glyphicons:before, .list-action .badge .glyphicons:before, .list-incomplete .badge .glyphicons:before, .list-bookings .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-filter .badge-alert .glyphicons:before, .list-action .badge-alert .glyphicons:before, .list-incomplete .badge-alert .glyphicons:before, .list-bookings .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-filter .badge-ok .glyphicons:before, .list-action .badge-ok .glyphicons:before, .list-incomplete .badge-ok .glyphicons:before, .list-bookings .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-filter .badge-key .glyphicons:before, .list-action .badge-key .glyphicons:before, .list-incomplete .badge-key .glyphicons:before, .list-bookings .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-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-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-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-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-filter .badge-extra .glyphicons:before, .list-action .badge-extra .glyphicons:before, .list-incomplete .badge-extra .glyphicons:before, .list-bookings .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-filter .badge-workshop .glyphicons:before, .list-action .badge-workshop .glyphicons:before, .list-incomplete .badge-workshop .glyphicons:before, .list-bookings .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-filter .badge-conversation .glyphicons:before, .list-action .badge-conversation .glyphicons:before, .list-incomplete .badge-conversation .glyphicons:before, .list-bookings .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-filter .badge-catalog .glyphicons:before, .list-action .badge-catalog .glyphicons:before, .list-incomplete .badge-catalog .glyphicons:before, .list-bookings .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-filter li.active .badge, .list-action li.active .badge, .list-incomplete li.active .badge, .list-bookings 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-filter li.active .badge-alert, .list-action li.active .badge-alert, .list-incomplete li.active .badge-alert, .list-bookings 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-filter li.active .badge-ok, .list-action li.active .badge-ok, .list-incomplete li.active .badge-ok, .list-bookings 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-filter li.active .badge-key, .list-action li.active .badge-key, .list-incomplete li.active .badge-key, .list-bookings 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-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-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-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-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-filter li.active .badge-extra, .list-action li.active .badge-extra, .list-incomplete li.active .badge-extra, .list-bookings 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-filter li.active .badge-workshop, .list-action li.active .badge-workshop, .list-incomplete li.active .badge-workshop, .list-bookings 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-filter li.active .badge-conversation, .list-action li.active .badge-conversation, .list-incomplete li.active .badge-conversation, .list-bookings 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-filter li.active .badge-catalog, .list-action li.active .badge-catalog, .list-incomplete li.active .badge-catalog, .list-bookings 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: #5b6270; color: white; }
.list-checkboxes 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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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: #5b6270; color: #5b6270; }
.list-checkboxes .rating-block, .list-filter .rating-block, .list-action .rating-block, .list-incomplete .rating-block, .list-bookings .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-filter .rating-block .glyphicons, .list-action .rating-block .glyphicons, .list-incomplete .rating-block .glyphicons, .list-bookings .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-filter .rating-block .glyphicons.dislikes, .list-action .rating-block .glyphicons.dislikes, .list-incomplete .rating-block .glyphicons.dislikes, .list-bookings .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: #CCC; }
.list-checkboxes .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-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-filter .dot + .rating-block, .list-action .dot + .rating-block, .list-incomplete .dot + .rating-block, .list-bookings .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-filter .date, .list-action .date, .list-incomplete .date, .list-bookings .date, .list-static .date, .list-tasks .date, .list-rating .date, .module-objectives .date, .list-modules .date, .list-checkboxes .result, .list-filter .result, .list-action .result, .list-incomplete .result, .list-bookings .result, .list-static .result, .list-tasks .result, .list-rating .result, .module-objectives .result, .list-modules .result { float: right; color: #AAA; margin-right: 5px; }
.list-checkboxes .glyphicons + .date, .list-filter .glyphicons + .date, .list-action .glyphicons + .date, .list-incomplete .glyphicons + .date, .list-bookings .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-filter .comments p:before, .list-action .comments p:before, .list-incomplete .comments p:before, .list-bookings .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-filter .comments p:after, .list-action .comments p:after, .list-incomplete .comments p:after, .list-bookings .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: #DEDEDE; background-color: #cccccc; }
table.mini-calendar th { font-weight: normal; }
table.mini-calendar td { width: 14.28571%; padding: 0.55em 0.45em; font-size: 0.8125em; text-align: center; vertical-align: middle; position: relative; border-left: 2px solid white; border-top: 2px solid white; background-color: #DEDEDE; color: #848584; }
table.mini-calendar td:first-child { border-left-width: 0px; }
table.mini-calendar td:empty { background-color: #ecedf0; color: #AAA; height: 32px; padding: 0; }
table.mini-calendar td.class { background-color: #85b201; 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: #009dcc; 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: #cc0000; background-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: "Klavika Medium", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -1px; color: #5b6270; 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: "Open Sans Regular", 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: #999999; }
  nav table.mini-calendar td { background-color: #999999; color: #5b6270; }
  nav table.mini-calendar td:empty { background-color: #737373; } }

.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: #cc0000; }
.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: #ecedf0; }
.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-header { border-bottom: 1px solid #DEDEDE; }
.modal-header h4 { font-size: 2em; margin-bottom: 0; }
.modal-header h4 sup { font-family: "Open Sans Regular", sans-serif; font-size: 13px; color: #AAA; }

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

.modal .class-info-panel { box-shadow: none; }
.modal .class-info-panel .primary { background-color: white; border: 3px solid #DEDEDE; position: relative; }
.modal .class-info-panel .primary:before, .modal .class-info-panel .primary:after { content: none; }
.modal .class-info-panel.disabled .primary { background-color: #ecedf0; border: 3px solid #ecedf0; }
.modal .class-info-panel.down-arrow .primary:after { content: ""; position: absolute; color: #ecedf0; z-index: 1010; border-top: 20px solid #ecedf0; 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 #DEDEDE; border-right: 3px solid #DEDEDE; border-bottom: 3px solid #DEDEDE; 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 { 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: #ecedf0; 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 #DEDEDE; color: #DEDEDE; padding: 1em; text-align: center; }
ul.notifications .dot { position: absolute; line-height: 12px; left: 6px; top: 50%; margin-top: -6px; vertical-align: middle; color: #cc0000; display: block; }
ul.notifications .date { float: right; font-size: 0.8125em; color: #AAA; }
ul.notifications h4 { margin-bottom: 0; font-family: "Open Sans Regular", 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: "Open Sans Regular", 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: #AAA; }
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: #cc0000; display: inline; line-height: 63px; }
table.notifications .read td { color: #848584; }
table.notifications .read td h3 { font-family: "Klavika Medium", "Helvetica Neue", Helvetica, 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-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, .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, .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, .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, .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, .purchase-info-panel .primary:after { content: ""; position: absolute; color: #DEDEDE; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #DEDEDE; 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, .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, .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, .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, .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, .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: #5b6270; }
.class-panel .primary p, .class-info-panel .primary p, .module-info-panel .primary p, .course-info-panel .primary p, .summary-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: #AAA; }
.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, .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, .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, .purchase-info-panel .secondary { background-color: #DEDEDE; 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, .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, .purchase-info-panel .tertiary { background-color: #DEDEDE; 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, .purchase-info-panel .tertiary p { font-size: 0.8125em; height: 36px; line-height: 36px; color: #848584; }
.class-panel .tertiary .badge, .class-info-panel .tertiary .badge, .module-info-panel .tertiary .badge, .course-info-panel .tertiary .badge, .summary-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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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.purchase-info-panel { height: 194px; border: 3px dashed #DEDEDE; color: #DEDEDE; 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.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.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.purchase-info-panel { border-color: #cc0000; color: #cc0000; /*
			&: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.purchase-info-panel:before { content: ""; font-family: 'Glyphicons Regular'; color: 80px; position: absolute; font-size: 80px; line-height: 80px; width: #cc0000; 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.purchase-info-panel:before { content: "\E194"; font: 80px/1.1em 'Glyphicons Regular'; color: #85b201; 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.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.purchase-info-panel:before { content: "\E204"; color: #AAA; 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.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.purchase-info-panel .primary:before { font-family: 'Glyphicons Regular'; content: "\E205"; position: absolute; font-size: 0.8125em; color: #d1d1d1; 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: #848584; }
.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 { 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 { 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 .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 .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 { height: 5px; }
.lesson-panel.complete:before, .complete.lesson-class-panel:before, .complete.course-panel:before { content: "\e194"; font: 80px/1.1em 'Glyphicons Regular'; color: #85b201; 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 #DEDEDE; color: #DEDEDE; 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.disabled, .disabled.lesson-class-panel, .disabled.course-panel { background-color: #DEDEDE; }
.lesson-panel.disabled img, .disabled.lesson-class-panel img, .disabled.course-panel img { -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: #8e95a3; }
.lesson-panel.disabled .primary:after, .disabled.lesson-class-panel .primary:after, .disabled.course-panel .primary:after { border-bottom-color: #DEDEDE; color: #DEDEDE; }
.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 { 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 #cc0000; }

.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; } }
.course-panel .secondary { position: relative; background-color: #DEDEDE; color: #848584; }
.course-panel .secondary:after { content: ""; position: absolute; color: #DEDEDE; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #DEDEDE; 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 { background-color: #c4c4c4; }
.course-panel .progress .progress-bar, .course-panel .progress-main .progress-bar, .course-panel .progress .progress-bar-stage, .course-panel .progress-main .progress-bar-stage, .course-panel .progress .progress-bar-complete, .course-panel .progress-main .progress-bar-complete { background-color: #5b6270; }
.course-panel.empty { padding-bottom: 143px; position: relative; border: 3px dashed #DEDEDE; color: #DEDEDE; box-shadow: none; background-color: transparent; text-align: center; }
.course-panel.empty img { visibility: hidden; float: none; }
.course-panel.add: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; }

.class-info-panel, .module-info-panel, .course-info-panel, .summary-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 { height: auto; }
.class-info-panel .progress, .class-info-panel .progress-main, .module-info-panel .progress, .module-info-panel .progress-main, .course-info-panel .progress, .course-info-panel .progress-main, .summary-info-panel .progress, .summary-info-panel .progress-main { margin: 0; height: 5px; background-color: #c4c4c4; }
.no-boxshadow .class-info-panel .progress, .no-boxshadow .class-info-panel .progress-main, .no-boxshadow .module-info-panel .progress, .no-boxshadow .module-info-panel .progress-main, .no-boxshadow .course-info-panel .progress, .no-boxshadow .course-info-panel .progress-main, .no-boxshadow .summary-info-panel .progress, .no-boxshadow .summary-info-panel .progress-main { background-color: #e2e2e2; }
.class-info-panel .progress .progress-bar, .class-info-panel .progress-main .progress-bar, .class-info-panel .progress .progress-bar-stage, .class-info-panel .progress-main .progress-bar-stage, .class-info-panel .progress .progress-bar-complete, .class-info-panel .progress-main .progress-bar-complete, .module-info-panel .progress .progress-bar, .module-info-panel .progress-main .progress-bar, .module-info-panel .progress .progress-bar-stage, .module-info-panel .progress-main .progress-bar-stage, .module-info-panel .progress .progress-bar-complete, .module-info-panel .progress-main .progress-bar-complete, .course-info-panel .progress .progress-bar, .course-info-panel .progress-main .progress-bar, .course-info-panel .progress .progress-bar-stage, .course-info-panel .progress-main .progress-bar-stage, .course-info-panel .progress .progress-bar-complete, .course-info-panel .progress-main .progress-bar-complete, .summary-info-panel .progress .progress-bar, .summary-info-panel .progress-main .progress-bar, .summary-info-panel .progress .progress-bar-stage, .summary-info-panel .progress-main .progress-bar-stage, .summary-info-panel .progress .progress-bar-complete, .summary-info-panel .progress-main .progress-bar-complete { height: 5px; background-color: #5b6270; }

.purchase-info-panel { border-radius: 18px; }
.purchase-info-panel .primary .glyphicons:before { color: #85b201; }
.purchase-info-panel .primary h2 { color: #85b201; }
.purchase-info-panel .secondary p { color: #5b6270; margin-bottom: 10px; display: block; height: auto; }
.purchase-info-panel .secondary p.small-print { text-align: left; color: #AAA; 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: 100px; }
  .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; } }

.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: #85b201; 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: "Klavika Medium", "Helvetica Neue", Helvetica, sans-serif; }
.panel-premium .hexagon span.glyphicons { top: 0; left: 0; transform: none; margin-left: 5px; margin-top: 28px; }
.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-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: #cc0000; border: none; color: white; font-family: "Klavika Medium", "Helvetica Neue", Helvetica, 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-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: #660000; color: white; }
.panel-premium .button-icon-circle { margin: 0 auto; background-color: #cc0000; 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: #660000; color: white; }
.panel-premium h2 + p { margin-top: -20px; }
.panel-premium ul { padding: 0 20px; }
.panel-premium li { list-style-type: none; border-top: 1px solid #CCC; padding: 5px 0; }
.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; } }

.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 { background-color: #CCC; border-radius: 18px; position: relative; border: 5px solid #CCC; 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-alt + .panel-premium-none, .panel-premium-none-alt + .panel-premium-none-alt { margin-top: -20px; }
@media screen and (max-width: 640px) { .panel-premium-none, .panel-premium-none-alt { margin-top: 0; } }
.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-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-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 { position: absolute; right: 5px; top: 50%; border-radius: 26px; background-color: #85b201; border: none; color: white; font-family: "Klavika Medium", "Helvetica Neue", Helvetica, 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-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-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 { background-color: #394d00; }

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

.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: #CCC; 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: #CCC; 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 { padding: 0 40px; }
.panel-progress h4 { font-size: 20px; margin-bottom: 20px; }
.panel-progress h5 { margin-bottom: 5px; font-family: "Open Sans Regular", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; }
.panel-progress .progress, .panel-progress .progress-main { position: relative; border-radius: 15px; margin-top: 0; }
.panel-progress .progress .progress-bar, .panel-progress .progress-main .progress-bar, .panel-progress .progress .progress-bar-stage, .panel-progress .progress-main .progress-bar-stage, .panel-progress .progress .progress-bar-complete, .panel-progress .progress-main .progress-bar-complete { height: 30px; border-radius: 15px; }
.panel-progress .progress-stat-number, .panel-progress .progress-level-target { font-family: "Open Sans Regular", sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: -0.5px; position: absolute; }
.panel-progress .progress-stat-number { right: 5px; }
.panel-progress .progress-level-target { color: #848584; }
.panel-progress .extra { position: relative; }
.panel-progress .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 { margin-top: 40px; }
.panel-progress .extra .progress-bar, .panel-progress .extra .progress-bar-stage, .panel-progress .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 { text-align: center; width: 50px; right: 0; margin-right: 0; }
.panel-progress .chart { position: relative; }
.panel-progress .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 { max-width: 350px; max-height: 350px; } }
.panel-progress .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: "Open Sans Regular", sans-serif; }
.panel-progress .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 { display: inline-block; text-transform: uppercase; font-size: 11px; border-bottom: 1px solid #5b6270; padding: 0 5px 5px; }
.panel-progress .chart .number span.number-target { display: block; padding-top: 5px; }
.panel-progress .item-extra { font-family: "Open Sans Regular", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .item-workshop { font-family: "Open Sans Regular", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .item-conversation { font-family: "Open Sans Regular", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .item-catalog { font-family: "Open Sans Regular", sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: -0.5px; color: red; }
.panel-progress .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 { background-color: red; }
.panel-progress .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 { background-color: red; }
.panel-progress .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 { background-color: red; }
.panel-progress .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 { background-color: red; }
.panel-progress .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 { background-color: red; }
.panel-progress .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 { background-color: red; }
.panel-progress .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 { background-color: red; }
.panel-progress .progress-bar.chart-workshop, .panel-progress .chart-workshop.progress-bar-stage, .panel-progress .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 { background-color: red; }
.panel-progress .progress-bar.chart-catalog, .panel-progress .chart-catalog.progress-bar-stage, .panel-progress .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 { 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) { 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 { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }

.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: #AAA; line-height: 20px; margin-bottom: 0; }
.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, .task-panel-2 .secondary.lesson p, .task-panel-3 .secondary.lesson p { font-size: 0.8125em; }
.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 { font-size: 0.8125em; height: 36px; line-height: 36px; margin-left: 0; color: #AAA; }
.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 #CCC; }
.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: 250px; 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: #85b201; }
.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: #85b201; }
.complete.task-panel-1 .secondary:after, .complete.task-panel-2 .secondary:after, .complete.task-panel-3 .secondary:after { border-left-color: #85b201; color: #85b201; }
.warning.task-panel-1 .primary, .warning.task-panel-2 .primary, .warning.task-panel-3 .primary { background-color: #cc0000; }
.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: #cc0000; }
.warning.task-panel-1 .secondary:after, .warning.task-panel-2 .secondary:after, .warning.task-panel-3 .secondary:after { border-left-color: #cc0000; color: #cc0000; }
.next.task-panel-1 .primary, .next.task-panel-2 .primary, .next.task-panel-3 .primary { background-color: #69b1d6; }
.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: #55a7d1 !important; }
.next.task-panel-1 .secondary:after, .next.task-panel-2 .secondary:after, .next.task-panel-3 .secondary:after { border-left-color: #69b1d6; color: #69b1d6; }
.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: #5b6270; }
.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: #5b6270; }
.info.task-panel-1 .secondary:after, .info.task-panel-2 .secondary:after, .info.task-panel-3 .secondary:after { border-left-color: #5b6270; color: #5b6270; }
.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: #AAA; }
.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: #919191; }
.disabled.task-panel-1 .secondary:after, .disabled.task-panel-2 .secondary:after, .disabled.task-panel-3 .secondary:after { border-left-color: #AAA; color: #AAA; }

.task-panel-1 { height: 70px; }
.task-panel-1 .primary .glyphicons.group:before { font-size: 40px; margin-left: -18px; }
.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: #cde5f1; }
.task-panel-2.warning .secondary, .task-panel-3.warning .secondary { background-color: #cc0000; }
.task-panel-2.complete .secondary, .task-panel-3.complete .secondary { background-color: #85b201; }
.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: #5b6270; }
.task-panel-2.disabled .secondary, .task-panel-3.disabled .secondary { background-color: #AAA; }

.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 #009dcc; border-right: 1px solid #009dcc; border-bottom: 2px solid #009dcc; border-left: 1px solid #009dcc; position: relative; color: #009dcc; 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: #009dcc; 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: #ecedf0; color: #ecedf0; }

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

.progress-bar, .progress-bar-stage, .progress-bar-complete { float: left; background-color: #006799; 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(85, 167, 209, 0.4); }
@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 #006799; border-left: 1px solid #006799; border-right: 0px solid #006799; border-bottom: 6px solid #006799; }

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

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

.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: #DEDEDE; }
.progress-stat-milestone.zero { left: 0; text-align: left; margin-left: 2px; }
.complete .progress-stat-milestone { color: #006799; }
.active .progress-stat-milestone { color: #69b1d6; }
.active .progress-stat-milestone.zero { color: #006799; }

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

.progress-bar-stage.active .progress-stat:before, .progress-bar-stage.active .progress-stat:after { border-color: #69b1d6; }
.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: #CCC; color: #848584; }
.unlocked .progress-achievement { background-color: #cc0000; color: white; }
.completed .progress-achievement, .booked .progress-achievement { background-color: #85b201; color: white; }

.progress-stat-achievement { display: block; }
.progress-stat-achievement.midpoint:before { content: ""; position: absolute; color: #CCC; z-index: 1010; border-top: 4px solid #CCC; 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: #ecedf0; color: #ecedf0; }
.progress-stat-achievement.midpoint.unlocked:before { border-top-color: #cc0000; color: #cc0000; }
.progress-stat-achievement.midpoint.completed:before, .progress-stat-achievement.midpoint.booked:before { border-top-color: #006799; color: #006799; }
.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: #CCC; color: #CCC; }
.active-achievement .progress-stat-achievement.midpoint.completed:before, .active-achievement .progress-stat-achievement.midpoint.booked:before { border-top-color: #85b201; color: #85b201; }
.progress-stat-achievement.endpoint:after { content: ""; position: absolute; color: #CCC; z-index: 1010; border-top: 4px solid #CCC; 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: #ecedf0; color: #ecedf0; }
.progress-stat-achievement.endpoint.unlocked:after { border-top-color: #cc0000; color: #cc0000; }
.progress-stat-achievement.endpoint.completed:after, .progress-stat-achievement.endpoint.booked:after { border-top-color: #006799; color: #006799; }
.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: #CCC; color: #CCC; }
.active-achievement .progress-stat-achievement.endpoint.completed:after, .active-achievement .progress-stat-achievement.endpoint.booked:after { border-top-color: #85b201; color: #85b201; }

.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 { color: #69b1d6; }
.progress.zero .progress-bar-complete, .zero.progress-main .progress-bar-complete { background-color: #ecedf0; }
.progress.zero .progress-bar-complete:before, .zero.progress-main .progress-bar-complete:before, .progress.zero .progress-bar-complete:after, .zero.progress-main .progress-bar-complete:after { content: none; }
.progress.zero .progress-bar-complete .progress-stat-number, .zero.progress-main .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 { 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 { 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 { 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 { 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 { 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, .progress.hundred .progress-bar-complete:after, .hundred.progress-main .progress-bar-complete:after { content: none; }
.progress.hundred .progress-stat-number, .hundred.progress-main .progress-stat-number { margin-right: 10px; }
.progress.hundred .progress-level-target, .hundred.progress-main .progress-level-target { display: none; }

.progress-main .under5 .progress-stat-number { color: #006799; 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: #006799; 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: #006799; 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: #006799; width: 45px; margin-right: -50px; float: right; text-align: left; } }
@media screen and (max-width: 480px) { .progress-main .under25 .progress-stat-number { color: #006799; 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 { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 55px solid #cc0000; border-left: 55px solid transparent; z-index: 1035; }

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

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

.sign-in { background-color: orange; position: relative; }
.sign-in .logo { background-image: url("../img/logo-redelectrica.png"); display: block; margin: 0 auto 20px; height: 58px; float: none; width: auto; background-repeat: no-repeat; text-indent: -9999px; position: relative; height: 58px; }
@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-redelectrica_2x.png"); background-size: 193px 58px; } }
.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: #e69500; border-color: transparent; color: white !important; padding: 15px; margin-bottom: 5px; }
.sign-in input[type="text"]:focus, .sign-in input[type="password"]:focus { background-color: #b37400 !important; }
.sign-in input[type="submit"] { width: 100%; color: #b37400 !important; border-color: #e69500; margin-bottom: 20px; }
.sign-in input[type="submit"]:hover { border-color: #b37400; color: #805300 !important; }
.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: #ffb733; }
.sign-in input::-moz-placeholder, .sign-in textarea::-moz-placeholder { color: #ffb733; }
.sign-in input:-moz-placeholder, .sign-in textarea:-moz-placeholder { color: #ffb733; }
.sign-in input:-ms-input-placeholder, .sign-in textarea:-ms-input-placeholder { color: #ffb733; }
.sign-in p { color: white; }
.sign-in .small-print { color: #b37400; text-align: center; margin-bottom: 0; }
.sign-in .small-print a { color: #b37400; text-decoration: underline; }
.sign-in .obligatory { position: absolute; color: #cc0000 !important; font-size: 2em; right: 15px; top: 10px; }
.sign-in h2, .sign-in h2 span { color: #5b6270; }

.demo-override { background-color: #ecedf0; }
.demo-override input[type="text"], .demo-override input[type="password"] { background-color: #CCC; color: #383838 !important; }
.demo-override input[type="text"]:focus, .demo-override input[type="password"]:focus { background-color: #848584 !important; }
.demo-override input[type="submit"] { color: #848584 !important; border-color: #848584; }
.demo-override input[type="submit"]:hover { border-color: #6b6b6b; color: #6b6b6b !important; }
.demo-override input::-webkit-input-placeholder, .demo-override textarea::-webkit-input-placeholder { color: #848584; }
.demo-override input::-moz-placeholder, .demo-override textarea::-moz-placeholder { color: #848584; }
.demo-override input:-moz-placeholder, .demo-override textarea:-moz-placeholder { color: #848584; }
.demo-override input:-ms-input-placeholder, .demo-override textarea:-ms-input-placeholder { color: #848584; }
.demo-override .small-print { color: #848584; }

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

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

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

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

.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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, table.demo { width: 100%; text-align: center; }
table.notifications th, table.tests th, table.history th, table.attendance th, table.demo th { font-weight: normal; background-color: #DEDEDE; padding: 0 1em; height: 63px; line-height: 63px; position: relative; text-align: center; border-left: 1px dashed #DEDEDE; }
table.notifications td, table.tests td, table.history td, table.attendance td, table.demo td { background-color: white; color: #5b6270; padding: 1em; border-top: 3px solid #ecedf0; vertical-align: middle; border-left: 1px dashed #ecedf0; }
table.notifications th, table.tests th, table.history th, table.attendance th, table.demo th, table.notifications td, table.tests td, table.history td, table.attendance td, table.demo 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.demo th:first-child, table.notifications td:first-child, table.tests td:first-child, table.history td:first-child, table.attendance td:first-child, table.demo 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, table.demo 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, table.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo tr.pagination .test-item .button-test, .test-item table.demo tr.pagination .button-test, 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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.demo 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, table.demo tr.pagination .test-item .button-report, .test-item table.demo 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, table.sortable.demo 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, table.sortable.demo th.sorting_asc:after { content: ""; position: absolute; color: #ecedf0; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #ecedf0; 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, .lt-ie9 table.sortable.demo 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, table.sortable.demo th.sorting_desc:after { content: ""; position: absolute; color: #ecedf0; z-index: 1010; border-top: 10px solid #ecedf0; 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, table.clickable.demo tbody tr:hover { cursor: pointer; }
table.notifications tr.disabled td, table.tests tr.disabled td, table.history tr.disabled td, table.attendance tr.disabled td, table.demo tr.disabled td { background-color: #DEDEDE; color: #848584; pointer-events: none; }
table.notifications tr.empty td, table.tests tr.empty td, table.history tr.empty td, table.attendance tr.empty td, table.demo tr.empty td { background-color: #DEDEDE; color: #848584; pointer-events: none; }
table.notifications tr.unlocked td, table.tests tr.unlocked td, table.history tr.unlocked td, table.attendance tr.unlocked td, table.demo tr.unlocked td { color: #cc0000; }

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

.test-item { display: block; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px; background-color: #DEDEDE; }
.test-item .date { position: relative; padding: 10px 10px 10px 70px; background-color: white; }
.test-item .date:after { content: ""; position: absolute; color: #DEDEDE; z-index: 1010; border-top: none; border-right: 15px solid transparent; border-bottom: 10px solid #DEDEDE; 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: #5b6270; }
.test-item .date p { margin-bottom: 0; color: #848584; }
.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: #5b6270; text-align: center; top: 0; right: 0; font-family: "Klavika Medium", "Helvetica Neue", Helvetica, 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: #5b6270; text-align: center; top: 0; right: 0; font-size: 2.2em; font-family: "Klavika Medium", "Helvetica Neue", Helvetica, 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: #AAA; }
.test-item .button-test { width: 100%; }
.test-item .button-report { width: 100%; border-color: #ecedf0; }
.test-item .button-report:hover { border-color: white; }

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

#menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #555; color: white; }
@media screen and (max-width: 840px) { #menu { margin-right: -250px; width: 250px; position: fixed; top: 0; right: 0; bottom: 0; } }

#main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

#menu, #main { padding: 1em; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.button-navigation { position: absolute; top: 0; right: 0; display: none; padding: 0.2em 0.4em; font-size: 2em; }
@media screen and (max-width: 840px) { .button-navigation { display: block; } }

@media screen and (max-width: 840px) { body.open #menu { margin-right: 0; }
  body.open #main { right: 250px; } }

.full-height-main { padding-top: 0; height: 100%; background-color: #ecedf0; }

.full-height { background-image: url("../img/hero-1.jpg"); background-position: right center; background-size: cover; min-height: 500px; position: relative; height: 100%; margin-top: 0 !important; }
.full-height:after { content: ""; position: absolute; color: #ecedf0; z-index: 1010; border-top: none; border-right: 30px solid transparent; border-bottom: 20px solid #ecedf0; border-left: 30px solid transparent; top: auto; right: auto; bottom: 0; left: auto; left: 50%; margin-left: -30px; }
@media screen and (max-width: 1200px) { .full-height { height: 100%; } }
.full-height h1 { position: absolute; top: 50%; margin-top: -56px; left: 0; right: 0; font-size: 6em; color: white; }

.hexagon-1 { width: 461.6px; height: 800px; position: relative; background-color: orange; border-radius: 0; display: table; }
.hexagon-1:before, .hexagon-1:after { content: ''; position: absolute; background-color: inherit; width: inherit; height: inherit; border-radius: inherit; left: 0; top: 0; }
.hexagon-1:before { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); }
.hexagon-1:after { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.hexagon-1 span { position: absolute; display: block; box-sizing: border-box; text-align: center; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; }

.hexagon-2 { width: 251.2px; height: 400px; position: relative; background-color: green; border-radius: 25.12px; display: table; }
.hexagon-2:before, .hexagon-2:after { content: ''; position: absolute; background-color: inherit; width: inherit; height: inherit; border-radius: inherit; left: 0; top: 0; }
.hexagon-2:before { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); }
.hexagon-2:after { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.hexagon-2 span { position: absolute; display: block; box-sizing: border-box; text-align: center; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; }

.hexagon-3 { width: 57.7px; height: 100px; position: relative; background-color: pink; border-radius: 0; display: table; }
.hexagon-3:before, .hexagon-3:after { content: ''; position: absolute; background-color: inherit; width: inherit; height: inherit; border-radius: inherit; left: 0; top: 0; }
.hexagon-3:before { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); }
.hexagon-3:after { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.hexagon-3 span { position: absolute; display: block; box-sizing: border-box; text-align: center; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; }

.hexagon-4 { width: 31.4px; height: 50px; position: relative; background-color: skyblue; border-radius: 3.14px; display: table; }
.hexagon-4:before, .hexagon-4:after { content: ''; position: absolute; background-color: inherit; width: inherit; height: inherit; border-radius: inherit; left: 0; top: 0; }
.hexagon-4:before { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); }
.hexagon-4:after { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.hexagon-4 span { position: absolute; display: block; box-sizing: border-box; text-align: center; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; }

.form-wrap { background-color: white; padding: 20px; margin-bottom: 10px; }
.form-wrap input, .form-wrap textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #ecedf0; }
.form-wrap input:focus, .form-wrap textarea:focus { border-color: #CCC; }

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

.chosen-container-multi .chosen-choices { color: #AAA; background-color: #ecedf0; border: 1px solid #ecedf0; padding: 8px; height: 23px; line-height: 23px; }

.chosen-container-active .chosen-choices { border: 1px solid #CCC; background-color: white; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] { height: 23px; padding-left: 0; color: #AAA; }

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

.chosen-container-multi .chosen-choices li.search-choice { border-radius: 0; background-color: #85b201; color: white; font-size: 14px; box-shadow: none; background-image: none; border: none; margin-left: 0; margin-right: 5px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background-image: none; font-size: 14px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before { color: white; content: "\E014"; position: absolute; left: 1px; top: 0; display: inline-block; margin: 0 5px 0 0; font: 0.8em/1em 'Glyphicons Halflings Regular'; font-style: normal; font-weight: normal; vertical-align: middle; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.chosen-choices:after { content: ""; position: absolute; right: 0; display: block; width: 20px; height: 20px; background: url("../img/chosen-sprite.png") no-repeat 0px 2px; }
.chosen-container-active .chosen-choices:after { background-position: -18px 2px; }

@media only screen and (max-width: 840px) { table.responsive { margin-bottom: 0; }
  table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
  table.responsive td:first-child, table.responsive th:first-child { display: none; }
  .table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #CCC; }
  .pinned { position: absolute; left: 0; top: 0; overflow-x: scroll; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }
  .pinned table { border-right: none; border-left: none; width: 100%; }
  .pinned table th, .pinned table td { white-space: nowrap; }
  .pinned table td { background-color: #DEDEDE; }
  .pinned table td:last-child { border-bottom: 0; }
  .scrollable { overflow-x: scroll; overflow-y: hidden; }
  .scrollable table { width: 100%; }
  .scrollable td { border-left-color: white !important; }
  .table-tests .pinned { width: 35%; }
  .table-tests .scrollable { margin-left: 35%; }
  .table-tests td:first-child, .table-tests th:first-child { text-align: left; }
  .table-history .pinned { width: 70px; }
  .table-history .scrollable { margin-left: 70px; } }
.lt-ie9 .pinned { display: none; }
.lt-ie9 table.responsive { width: 100%; }

@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 .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-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 .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 { 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 .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 .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 .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-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 .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 .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 .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 { 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 .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-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 .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 { 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 .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 { 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 .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 .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 .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 { 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 .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 { 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 .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 { 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 .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 { 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 .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 { 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: #DEDEDE; }

.static-modal { background-color: #ecedf0; }
.static-modal .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 { 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 { content: ""; position: absolute; color: #cc0000; z-index: 1010; border-top: 20px solid #cc0000; 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 { content: none; }
.static-modal .block-centered .alert-info:after { content: ""; position: absolute; color: #5b6270; z-index: 1010; border-top: 20px solid #5b6270; 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 { box-shadow: none; }
.static-modal .block-centered .task-panel-1.flag .secondary { margin-left: 90px; text-align: left; border-top: 3px solid #DEDEDE; border-right: 3px solid #DEDEDE; border-bottom: 3px solid #DEDEDE; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; }
.static-modal .block-centered .task-panel-1.single { box-shadow: none; }
.static-modal .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 { /* IE10+ CSS styles go here */ left: 50%; } }
.static-modal .block-centered .task-panel-1.single .secondary { text-align: left; border-top: 3px solid #DEDEDE; border-right: 3px solid #DEDEDE; border-bottom: 3px solid #DEDEDE; padding-top: 7px; padding-bottom: 7px; padding-left: 20px; }
.static-modal .block-centered .task-panel-1.single .secondary h2 { line-height: 50px !important; }
.static-modal .block-centered .test-item { margin-bottom: 20px; }
.static-modal .block-centered .test-item .date { text-align: left; border-top: 3px solid #DEDEDE; border-right: 3px solid #DEDEDE; border-left: 3px solid #DEDEDE; }
.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 { text-align: left; }