.bllx-content-tooltip-sm-overlay {
    top: 0;
    left: 0;
    z-index: 20;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)
}

.bllx-content-tooltip-sm-overlay .bllx-content-tooltip-sm {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: .5em;
    max-height: 90%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #fffcef
}

.bllx-content-tooltip-lg {
    z-index: 20;
    position: absolute;
    border: 1px solid #e2e2e2;
    left: calc(50% - 20em / 2);
    padding: .5em;
    min-height: 10em;
    max-height: 20em;
    width: 20em;
    background-color: #fffcef;
    font-size: 16px;
    overflow-y: scroll;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2)
}

.bllx-img-outer {
    display: inline-block;
    max-width: 100%
}

.bllx-img-outer[data-loaded="false"] {
    background-color: #F9F9F9
}

.bllx-img-outer img {
    max-width: 100% !important
}

.bllx-img-outer .bllx-img-inner {
    max-width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative
}

.bllx-three-container {
    position: relative;
    overflow: hidden
}

.bllx-three-container canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.bllx-plot-box {
    position: relative;
    background-color: white
}

.bllx-plot-box .bllx-plot-svg-wrapper {
    border: 1px solid #CCC;
    box-sizing: border-box;
    position: relative
}

.bllx-plot-box svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bllx-plot-box svg.bllx-plot-wpointed {
    cursor: crosshair
}

.bllx-plot-box.bllx-plot-contain .bllx-plot-svg-wrapper {
    position: absolute
}

.bllx-plot-box.bllx-plot-width .bllx-plot-svg-wrapper {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-top: 100%
}

.bllx-plot-box text {
    font-family: STIXGeneral,'Arial Unicode MS', serif
}

.bllx-plot-err-box {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    max-height: 95%;
    overflow-y: auto
}

.bllx-plot-err-box .bllx-error+.bllx-error {
    margin-top: .5em
}

.bllx-plot-controls {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-width: 0 0 1px 1px;
    padding: .2em .1em
}

.bllx-plot-grid-box line {
    stroke: #F0F0F0;
    shape-rendering: geometricPrecision
}

@supports (vector-effect: non-scaling-stroke) {
    .bllx-plot-grid-box line {
        vector-effect: non-scaling-stroke;
        stroke-width: 1px
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllx-plot-grid-box line {
        stroke-width: calc(1px / var(--var-bllx-plot-kx))
    }
}

@supports (vector-effect: non-scaling-stroke) {
    .bllx-plot-grid-box line {
        vector-effect: non-scaling-stroke;
        stroke-dasharray: 5,2
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllx-plot-grid-box line {
        stroke-dasharray: var(--var-bllx-plot-dash),var(--var-bllx-plot-dash)
    }
}

.bllx-plot-axis line {
    stroke: #A0A0A0;
    stroke-dasharray: none
}

.bllx-plot-arrows polygon {
    color: #A0A0A0;
    shape-rendering: geometricPrecision
}

.bllx-plot-legend text {
    fill: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    pointer-events: none
}

@supports (paint-order: stroke) {
    .bllx-plot-legend text {
        stroke:white;
        paint-order: stroke
    }

    @supports (vector-effect: non-scaling-stroke) {
        .bllx-plot-legend text {
            vector-effect: non-scaling-stroke;
            stroke-width: 4px
        }
    }

    @supports not (vector-effect: non-scaling-stroke) {
        .bllx-plot-legend text {
            stroke-width: calc(4px / var(--var-bllx-plot-kx))
        }
    }
}

.bllx-plot-curve polyline {
    shape-rendering: geometricPrecision;
    fill: none
}

@supports (vector-effect: non-scaling-stroke) {
    .bllx-plot-curve polyline {
        vector-effect: non-scaling-stroke;
        stroke-width: 2px
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllx-plot-curve polyline {
        stroke-width: calc(2px / var(--var-bllx-plot-kx))
    }
}

.bllx-plot-curve polyline[data-bg] {
    stroke-opacity: 0
}

@supports (vector-effect: non-scaling-stroke) {
    .bllx-plot-curve polyline[data-bg] {
        vector-effect: non-scaling-stroke;
        stroke-width: 8px
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllx-plot-curve polyline[data-bg] {
        stroke-width: calc(8px / var(--var-bllx-plot-kx))
    }
}

.bllx-plot-points circle {
    stroke: white
}

@supports (vector-effect: non-scaling-stroke) {
    .bllx-plot-points circle {
        vector-effect: non-scaling-stroke;
        stroke-width: 2px
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllx-plot-points circle {
        stroke-width: calc(2px / var(--var-bllx-plot-kx))
    }
}

@supports (paint-order: stroke) {
    .bllx-plot-points text {
        stroke:white;
        paint-order: stroke
    }

    @supports (vector-effect: non-scaling-stroke) {
        .bllx-plot-points text {
            vector-effect: non-scaling-stroke;
            stroke-width: 4px
        }
    }

    @supports not (vector-effect: non-scaling-stroke) {
        .bllx-plot-points text {
            stroke-width: calc(4px / var(--var-bllx-plot-kx))
        }
    }
}

.bllx-plot-wpoint {
    stroke: #555;
    fill: white
}

@supports (vector-effect: non-scaling-stroke) {
    .bllx-plot-wpoint {
        vector-effect: non-scaling-stroke;
        stroke-width: 2px
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllx-plot-wpoint {
        stroke-width: calc(2px / var(--var-bllx-plot-kx))
    }
}

.bllx-plot-safari text,.bllx-plot-safari tspan {
    stroke: none !important
}

.bllp-box .bllx-plot-legend-axis-box text {
    font-family: MathJax_Main_Digits;
    font-style: normal;
    font-weight: normal
}

.bllp-box .bllx-plot-legend-axis-names text,.bllp-box .bllx-plot-points text {
    font-family: MathJax_Main_Var;
    font-style: italic;
    font-weight: normal
}

.bllp-box .bllx-plot-points [data-point] circle {
    fill: var(--bllx-plot-c);
    stroke: white
}

.bllp-box .bllx-plot-points [data-point] text {
    fill: var(--bllx-plot-c)
}

@supports (vector-effect: non-scaling-stroke) {
    .bllp-box[data-device-mode="mobile"] [data-bg] {
        vector-effect: non-scaling-stroke;
        stroke-width: 16px
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllp-box[data-device-mode="mobile"] [data-bg] {
        stroke-width: calc(16px / var(--var-bllx-plot-kx))
    }
}

@supports (vector-effect: non-scaling-stroke) {
    .bllp-box .bllp-plot-user-curve-sel polyline[data-front] {
        vector-effect: non-scaling-stroke;
        stroke-width: 4px
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllp-box .bllp-plot-user-curve-sel polyline[data-front] {
        stroke-width: calc(4px / var(--var-bllx-plot-kx))
    }
}

.bllp-box .bllx-plot-curve[data-clickable] polyline {
    cursor: pointer
}

.bllp-box .bllx-plot-active [data-role="display"][data-display="failure"],.bllp-box .bllx-plot-active [data-role="display"][data-display="success"] {
    display: none
}

.bllp-box .bllx-plot-active .bllx-plot-points [data-role="choose"] {
    display: none
}

.bllp-box .bllx-plot-active .bllp-plot-user-point {
    --bllx-plot-c: $userPointC;
    cursor: pointer
}

.bllp-box .bllx-plot-active .bllp-plot-user-point:hover circle {
    fill: white;
    stroke: var(--bllx-plot-c)
}

.bllp-box .bllx-plot-active .bllp-plot-user-point:hover text {
    fill: var(--bllx-plot-c)
}

.bllp-box .bllx-plot-active [data-role="shift"] {
    cursor: move
}

.bllp-box .bllx-plot-active [data-role="shift-shadow"] {
    display: none
}

.bllp-box .bllp-incorrect .bllx-plot-disabled [data-role="display"][data-display="failure"] {
    display: inherit
}

.bllp-box .bllp-incorrect .bllx-plot-disabled [data-role="display"][data-display="success"] {
    display: none
}

.bllp-box .bllp-correct .bllx-plot-disabled [data-role="display"][data-display="failure"] {
    display: none
}

.bllp-box .bllp-correct .bllx-plot-disabled [data-role="display"][data-display="success"] {
    display: inherit
}

.bllp-box .bllx-plot-disabled [data-role="choose"] circle {
    fill: var(--bllx-plot-c);
    stroke: white
}

.bllp-box .bllx-plot-disabled [data-role="choose"] text {
    fill: var(--bllx-plot-c)
}

.bllp-box .bllx-plot-disabled .bllp-plot-p-correct {
    display: none
}

.bllp-box .bllx-plot-disabled .bllp-plot-p-incorrect circle {
    --bllx-plot-c: $incorrectPointC
}

.bllp-box .bllx-plot-disabled .bllp-plot-p-used {
    --bllx-plot-c: $correctPointC !important
}

.bllp-box .bllx-plot-disabled .bllp-plot-p-unused {
    --bllx-plot-c: $correctPointC !important
}

.bllp-box .bllx-plot-disabled .bllp-plot-p-unused text {
    fill: red
}

@supports (vector-effect: non-scaling-stroke) {
    .bllp-box .bllx-plot-disabled .bllp-plot-curve-incorrect polyline {
        vector-effect: non-scaling-stroke;
        stroke-dasharray: 5,2
    }
}

@supports not (vector-effect: non-scaling-stroke) {
    .bllp-box .bllx-plot-disabled .bllp-plot-curve-incorrect polyline {
        stroke-dasharray: var(--var-bllx-plot-dash),var(--var-bllx-plot-dash)
    }
}

.bllp-box .bllx-plot-disabled .bllp-plot-curve-excess polyline {
    display: none
}

.bllp-box .bllx-plot-disabled .bllp-plot-curve-correct [data-role="shift-shadow"] {
    display: none
}

.bllp-box .bllx-plot-disabled .bllp-plot-curve-incorrect [data-role="shift"] {
    stroke-dasharray: none
}

.bllp-list {
    margin: 0
}

.bllp-list .bllp-list-item .bllp-c-paragraph,.bllp-list .bllp-list-item .bllp-c-text,.bllp-list .bllp-list-item .bllp-c-heading {
    line-height: initial !important
}

.bllp-list .bllp-list-item x-word {
    padding: 0 !important
}

.bllp-list .bllp-list-item {
    padding: 0 0 0 1.2em;
    list-style: none;
    position: relative
}

.bllp-list .bllp-list-item+.bllp-list-item {
    margin-top: .2em
}

.bllp-list .bllp-list-item:before {
    content: '•';
    position: absolute;
    left: 0;
    font-weight: bold
}

.bllp-list .bllp-list-item[data-first-item="heading"]:before {
    font-size: 1.15em;
    font-weight: bold
}

.bllp-list .bllp-list-item>*:first-child {
    margin-top: 0;
    padding-top: 0
}

ol.bllp-list {
    counter-reset: list 0
}

ol.bllp-list .bllp-list-item {
    padding-left: 1.7em
}

ol.bllp-list .bllp-list-item:before {
    left: 0.1em;
    font-weight: normal
}

ol.bllp-list>.bllp-list-item:before {
    counter-increment: list;
    content: counter(list) ". ";
    width: 1.19em;
    display: block;
    text-align: right
}

@media screen and (max-width: 600px) {
    .bllp-list {
        padding-left:20px
    }
}

.bllp-c-table {
    width: 100%;
    border-collapse: collapse;
    font-size: inherit;
    background: var(--bllp-mod-table-bg)
}

.bllp-c-table[data-fixed] {
    table-layout: fixed
}

.bllp-c-table:not([data-fixed="true"])>*>tr>td>.bllp-c-image>.bllx-img-outer {
    width: auto !important
}

.bllp-c-table:not([data-fixed="true"])>*>tr>td>.bllp-c-image>.bllx-img-outer img {
    display: block !important
}

.bllp-c-table:not([data-fixed="true"])>*>tr>td>.bllp-c-image>.bllx-img-outer .bllx-img-inner {
    display: none
}

.bllp-c-table:not([data-fixed="true"])>*>tr>td>.bllp-c-image>.bllx-img-outer .bllx-img-inner {
    width: auto !important
}

.bllp-c-table td,.bllp-c-table th {
    border: 1px solid var(--bllp-mod-table-border);
    padding: .4em
}

.bllp-c-table td[data-align="left"],.bllp-c-table th[data-align="left"] {
    text-align: left
}

.bllp-c-table td[data-align="center"],.bllp-c-table th[data-align="center"] {
    text-align: center
}

.bllp-c-table td[data-align="right"],.bllp-c-table th[data-align="right"] {
    text-align: right
}

.bllp-c-table td[data-valign="top"],.bllp-c-table th[data-valign="top"] {
    vertical-align: top
}

.bllp-c-table td[data-valign="center"],.bllp-c-table th[data-valign="center"] {
    vertical-align: middle
}

.bllp-c-table td[data-valign="bottom"],.bllp-c-table th[data-valign="bottom"] {
    vertical-align: bottom
}

.bllp-c-table.bllp-c-table-border-transparent>tbody>tr>td,.bllp-c-table.bllp-c-table-border-transparent>tbody>tr>th {
    border: 0
}

.bllp-c-table th {
    background-color: var(--bllp-mod-table-th-bg);
    font-weight: bold
}

.bllp-c-toggleblock .bllp-c-tb-cut {
    display: inline-flex;
    padding: 0 2.2em;
    border-radius: .3em;
    border: none;
    overflow: hidden;
    background-color: var(--bllp-mod-btn-bg);
    height: 3.0em;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    cursor: pointer;
    flex-direction: row-reverse
}

.bllp-c-toggleblock .bllp-c-tb-cut:hover {
    background-color: var(--bllp-mod-btn-bg-hover)
}

.bllp-c-toggleblock .bllp-c-tb-cut .bllp-c-tb-label {
    color: var(--bllp-mod-btn-text)
}

.bllp-c-toggleblock .bllp-c-tb-cut .bllp-c-tb-labelicon {
    margin: 0 0 0 1.0em
}

.bllp-c-toggleblock .bllp-c-tb-cut .bllp-c-tb-labelicon:before {
    margin: 0;
    font-size: 1.15em;
    color: var(--bllp-mod-btn-text)
}

.bllp-c-toggleblock.bllp-c-expanded .bllp-c-tb-cut {
    display: none
}

.bllp-c-toggleblock .bllp-c-tb-open {
    display: flex;
    align-items: center;
    border: 1px dashed var(--bllp-btn-bg);
    padding: .5em 1.7em .5em .7em;
    border-radius: .2em
}

.bllp-c-toggleblock .bllp-c-tb-open .bllp-c-tb-labelicon,.bllp-c-toggleblock .bllp-c-tb-open .bllp-c-tb-closebtn {
    flex: 0 0 auto;
    margin: 0 .5em 0 0;
    font-size: 1.5em;
    color: var(--bllp-mod-btn-bg)
}

@media all and (max-width: 600px) {
    .bllp-c-toggleblock .bllp-c-tb-open .bllp-c-tb-labelicon {
        display:none
    }

    .bllp-c-toggleblock .bllp-c-tb-open .bllp-list {
        padding-left: 0;
        font-size: 0.9em
    }

    .bllp-c-toggleblock .bllp-c-tb-open .bllp-c-tb-closebtn {
        display: block;
        position: absolute;
        width: 33px;
        height: 33px;
        padding: 0 2px 0 5px;
        top: -2px;
        right: -2px
    }
}

.bllp-c-toggleblock .bllp-c-tb-open .bllp-c-tb-list {
    flex: 1 1 auto
}

.bllp-c-toggleblock .bllp-c-tb-open .bllp-c-tb-closebtn {
    margin: 0 0 0 .5em;
    color: var(--bllp-mod-btn-bg)
}

.bllp-c-toggleblock .bllp-c-tb-open .bllp-c-tb-closebtn:before {
    margin: 0
}

.bllp-c-toggleblock.bllp-c-collapsed {
    text-align: right
}

@media all and (max-width: 600px) {
    .bllp-c-toggleblock.bllp-c-collapsed {
        text-align:center;
        padding: 0 1.4em;
        font-size: 1em
    }
}

.bllp-c-toggleblock.bllp-c-collapsed .bllp-c-tb-open {
    display: none
}

@media all and (max-width: 600px) {
    .bllp-c-toggleblock {
        position:relative
    }
}

.bllp-c-set .bllp-c-set-container {
    display: flex;
    flex-wrap: wrap
}

.bllp-c-set[data-border="mesh"] .bllp-c-setItem {
    margin: 0;
    --bllx-set-margin: 0px
}

.bllp-c-set[data-border="none"] .bllp-c-setItem {
    border-width: 0
}

.bllp-c-set[data-layout="grid"] .bllp-c-setItem {
    flex: 0 1;
    margin: var(--bllx-set-margin) 0 0 var(--bllx-set-margin);
    width: calc(var(--bllx-set-w) - var(--bllx-set-margin));
    min-width: calc(var(--bllx-set-w) - var(--bllx-set-margin))
}

.bllp-c-set[data-layout="grid"] .bllp-c-setItem[data-set-first-row] {
    margin-top: 0
}

.bllp-c-set[data-layout="grid"][data-size="3"] .bllp-c-setItem {
    --bllx-set-w: 33%
}

.bllp-c-set[data-layout="grid"][data-size="3"] [data-set-last] {
    --bllx-set-w: 33.99%
}

.bllp-c-set[data-layout="grid"] [data-set-2-in-3].bllp-c-setItem {
    --bllx-set-w: 50%
}

.bllp-c-set[data-layout="grid"] [data-set-1-in-3].bllp-c-setItem {
    --bllx-set-w: 100%
}

.bllp-c-set[data-layout="grid"][data-size="2"] .bllp-c-setItem {
    --bllx-set-w: 50%
}

.bllp-c-set[data-layout="grid"] [data-set-1-in-2].bllp-c-setItem {
    --bllx-set-w: 100%
}

.bllp-c-set[data-layout="grid"][data-size="1"] .bllp-c-setItem {
    --bllx-set-w: 100%
}

.bllp-c-set[data-layout="grid"][data-border="mesh"] .bllp-c-setItem:not([data-set-first-row]) {
    border-top: 0
}

.bllp-c-set[data-layout="grid"][data-border="mesh"] .bllp-c-setItem:not([data-set-first]) {
    border-left: 0
}

.bllp-c-set[data-layout="fit"] .bllp-c-setItem {
    flex: 1 1 auto;
    min-width: 10em
}

.bllp-c-set[data-layout="fit"][data-border="mesh"] {
    padding: 1px 0 0 1px
}

.bllp-c-set[data-layout="fit"][data-border="mesh"] .bllp-c-setItem {
    margin: -1px 0 0 -1px
}

.bllp-c-set[data-border="inner"][data-margin="min"],.bllp-c-set[data-border="none"][data-margin="min"] {
    --bllx-set-margin: .2em
}

.bllp-c-set[data-border="inner"][data-margin="medium"],.bllp-c-set[data-border="none"][data-margin="medium"] {
    --bllx-set-margin: .5em
}

.bllp-c-set[data-border="inner"][data-margin="max"],.bllp-c-set[data-border="none"][data-margin="max"] {
    --bllx-set-margin: 1.0em
}

.bllp-c-set[data-border="inner"][data-layout="fit"] .bllp-c-set-container,.bllp-c-set[data-border="none"][data-layout="fit"] .bllp-c-set-container {
    margin: calc(-1 * var(--bllx-set-margin)) 0 0 calc(-1 * var(--bllx-set-margin))
}

.bllp-c-set[data-border="inner"][data-layout="fit"] .bllp-c-setItem,.bllp-c-set[data-border="none"][data-layout="fit"] .bllp-c-setItem {
    margin: var(--bllx-set-margin) 0 0 var(--bllx-set-margin)
}

.bllp-c-set[data-border="inner"][data-layout="grid"] .bllp-c-set-container,.bllp-c-set[data-border="none"][data-layout="grid"] .bllp-c-set-container {
    margin: 0 0 0 calc(-1 * var(--bllx-set-margin))
}

.bllp-c-set[data-border="inner"] [data-bg="auto"] {
    background-color: #F9F9F9
}

.bllp-c-setItem {
    box-sizing: border-box;
    border: 1px solid var(--bllp-mod-table-border);
    display: flex;
    flex-direction: column
}

@media all and (max-width: 600px) {
    .bllp-c-setItem .bllp-c-group .bllp-c-exp-dragitem-wrapper {
        margin:0.2em
    }
}

.bllp-c-setItem[data-padding="max"] {
    padding: 1.0em
}

.bllp-c-setItem[data-padding="medium"] {
    padding: .5em
}

.bllp-c-setItem[data-padding="min"] {
    padding: .2em
}

.bllp-c-setItem[data-align]>* {
    max-width: 100%;
    box-sizing: border-box
}

.bllp-c-setItem[data-align="left"] {
    align-items: flex-start
}

.bllp-c-setItem[data-align="center"] {
    align-items: center
}

.bllp-c-setItem[data-align="center"] .bllp-c-image {
    text-align: center
}

.bllp-c-setItem[data-align="right"] {
    align-items: flex-end
}

.bllp-c-setItem[data-valign="top"] {
    justify-content: flex-start
}

.bllp-c-setItem[data-valign="middle"] {
    justify-content: center
}

.bllp-c-setItem[data-valign="bottom"] {
    justify-content: flex-end
}

.bllp-c-setItem[data-bg="true"] {
    background-color: var(--bllp-mod-table-th-bg)
}

.bllp-c-gallery {
    position: relative;
    height: 0em;
    padding-top: 90%;
    padding-top: calc( 1.7em + var(--bllp-font-size) + 3.4em + 66.66667%)
}

.bllp-c-gallery-mainwrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.bllp-c-gallery-mainwrapper[data-fullscreen] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.bllp-c-gallery-list {
    flex: 1 1 auto;
    position: relative
}

.bllp-c-gallery-nav-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: calc(50% - 1.5em);
    height: 3em;
    width: 4em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10
}

.bllp-c-gallery-nav-btn[data-dir="left"] {
    left: 0;
    border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em
}

.bllp-c-gallery-nav-btn[data-dir="left"] .bllp-c-gallery-nav-icon {
    margin: 0 .3em 0 0
}

.bllp-c-gallery-nav-btn[data-dir="right"] {
    right: 0;
    border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em
}

.bllp-c-gallery-nav-btn[data-dir="right"] .bllp-c-gallery-nav-icon {
    margin: 0 0 0 .3em
}

.bllp-c-gallery-nav-icon {
    color: #fff;
    font-size: 1.6em;
    text-shadow: 1px 1px 1px #000
}

.bllp-c-gallery-item {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.bllp-c-gallery-label {
    color: var(--bllp-mod-gal-color);
    padding: .8em 1.5em;
    min-height: calc( .1em + 1.6em + var(--bllp-font-size));
    max-height: 5em;
    overflow-y: auto;
    flex: 0 0 auto;
    background-color: var(--bllp-mod-gal-label-bg);
    position: relative;
    text-align: center
}

.bllp-c-gallery-content {
    flex: 1 1 auto;
    color: var(--bllp-mod-gal-color);
    position: relative;
    background-color: var(--bllp-mod-gal-content-bg)
}

.bllp-c-gallery-content .bllc-c-gallery-fallback {
    font-size: 3.5em
}

.bllp-c-gallery-content:hover .bllp-c-gallery-nav-btn {
    background: rgba(0,0,0,0.44);
    opacity: .5
}

.bllp-c-gallery-content:hover .bllp-c-gallery-nav-btn:hover {
    opacity: 1
}

.bllp-c-gallery-content:hover .bllp-c-gallery-nav-btn .bllp-c-gallery-nav-icon {
    text-shadow: none;
    font-size: 1.3em
}

.bllp-c-gallery-vid,.bllp-c-gallery-vid video,.bllp-c-gallery-img,.bllc-c-gallery-fallback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bllc-c-gallery-fallback {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em
}

.bllc-c-gallery-fallback:before {
    margin: 0
}

.bllp-c-gallery-img {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.bllc-c-gallery-listview {
    flex: 0 0 auto;
    background-color: var(--bllp-mod-gal-label-bg);
    color: var(--bllp-mod-gal-color);
    display: flex;
    border-top: 1px dashed #d6dde3
}

.bllc-c-gallery-listview .bllx-icon.bllc-c-gallery-fs-btn {
    align-self: center;
    margin: 0 .8em 0 0
}

.bllc-c-gallery-listview .bllx-icon.bllc-c-gallery-fs-btn:before {
    margin: 0
}

.bllc-c-gallery-listview .bllx-icon.bllc-c-gallery-fs-btn:hover {
    color: var(--bllp-mod-gal-color)
}

.bllc-c-gallery-counter {
    flex: 0 0 auto;
    padding: 0 .8em;
    display: flex;
    align-items: center
}

.bllc-c-gallery-c-delimiter {
    margin: 0 .2em
}

.bllc-c-gallery-previewline {
    flex: 1 1 auto;
    display: flex;
    overflow-x: hidden;
    padding: .2em;
    position: relative
}

.bllc-c-gallery-previewline:after {
    content: '';
    display: block;
    position: absolute;
    left: 80%;
    top: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to right, transparent, var(--bllp-mod-gal-label-bg));
    pointer-events: none;
    z-index: 12
}

.bllc-c-gallery-previewitem {
    flex: 0 0 auto;
    width: 3em;
    height: 3em;
    position: relative;
    margin: 0 .2em 0 0
}

.bllc-c-gallery-previewitem[data-active],.bllc-c-gallery-previewitem:hover {
    outline: 1px solid gray
}

.bllc-c-gallery-previewitem[data-active] .bllp-c-gallery-img,.bllc-c-gallery-previewitem:hover .bllp-c-gallery-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.bllc-c-gallery-previewitem:not([data-active]) {
    cursor: pointer
}

.bllc-c-gallery-previewitem .bllp-c-gallery-img {
    background-size: cover;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.bllp-c-tip {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 2px dashed var(--bllp-mod-link-color);
    color: var(--bllp-mod-link-color)
}

.bllp-c-tip:hover {
    color: var(--bllp-mod-link-color-hover);
    border-bottom-color: var(--bllp-mod-link-color-hover)
}

.bllp-c-tip-outer {
    display: inline-block;
    position: relative;
    margin-left: .5em
}

.bllp-c-heading {
    font-size: 1.15em;
    font-weight: bold;
    margin: 0;
    padding: .3em 0 .3em 0
}

.bllp-c-inline-group {
    display: inline-block
}

.bllp-c-model {
    position: relative;
    height: 0;
    padding: 100% 0 0 0;
    border: 1px solid #d6dde3
}

.bllp-c-model .bllp-spinner {
    font-size: 5em
}

.bllp-c-model .bllx-three-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bllp-c-model:not(.bllp-c-model-loaded) .bllx-three-container {
    visibility: hidden
}

.bllp-c-model.bllp-c-empty {
    background: repeating-linear-gradient(135deg, #F9F9F9, #F9F9F9 10px, white 10px, white 20px)
}

.bllp-c-video {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #d6dde3
}

.bllp-c-video .bllp-c-video-wrapper {
    padding-bottom: var(--bllp-mod-video-ratio)
}

.bllp-c-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bllp-c-video.bllp-video-empty {
    background: repeating-linear-gradient(135deg, #F9F9F9, #F9F9F9 10px, white 10px, white 20px);
    justify-content: center;
    align-items: center;
    min-height: 4.0em;
    padding: 0
}

.bllp-c-video.bllp-video-empty .bllx-icon {
    font-size: 3.0em
}

.video-watermark {
    position: absolute;
    top: 4%;
    left: 3%;
    width: 8%;
    opacity: 0.7
}

.video-watermark-large {
    width: 66px;
    height: 66px
}

.bllp-video-btn {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bllp-video-btn:hover {
    cursor: pointer
}

.bllp-video-btn-icon {
    background-repeat: no-repeat;
    height: 15px;
    background-position: center;
    background-size: contain
}

.bllp-video-btn-icon:before {
    font-size: 13px
}

.video-js .vjs-time-control,.video-js .vjs-current-time,.video-js .vjs-duration {
    display: block !important
}

.video-js .vjs-duration.vjs-time-control {
    padding: 0
}

.video-js .vjs-current-time.vjs-time-control {
    padding-right: 0
}

.video-js .vjs-remaining-time {
    display: none !important
}

.bllp-c-image.bllc-c-empty {
    width: 2em;
    height: 2em;
    border: 1px solid #f44;
    background: repeating-linear-gradient(135deg, #f44, #f44 10px, white 10px, white 20px)
}

.bllp-c-widget {
    position: relative;
    padding-top: 56.25%;
    border: 1px solid #d6dde3
}

.bllp-c-widget iframe {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bllp-c-widget.bllp-c-empty {
    background: repeating-linear-gradient(135deg, #F9F9F9, #F9F9F9 10px, white 10px, white 20px)
}

.bllp-c-plot {
    width: 90%;
    max-width: 40em;
    margin: .5em 0 0
}

.bllp-c-formula {
    display: inline-block;
    position: relative
}

.bllp-c-formula .bllp-mathjax-svg foreignObject {
    position: relative
}

.bllp-c-formula .bllp-mathjax-svg foreignObject input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0
}

.bllp-c-formula .bllp-c-formula-input {
    position: absolute
}

.bllp-c-formula .bllp-c-formula-input input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 80% !important;
    font-size: 0.9em !important
}

.bllp-c-exp-dragitem-wrapper {
    position: relative;
    display: inline-flex
}

.bllp-c-exp-dragitem-wrapper [data-di-bg] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 1px dashed var(--bllp-mod-dnd-item-landed-border)
}

.bllp-c-exp-dragitem-wrapper .bllp-c-exp-dragitem {
    margin: 0 !important
}

.bllp-c-exp-dragitem {
    background-color: var(--bllp-mod-dnd-item-bg);
    border: 1px solid var(--bllp-mod-dnd-item-border);
    border-radius: var(--bllp-mod-item-border-radius-small);
    padding: .5em 1.0em .5em .5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: baseline;
    position: relative;
    box-sizing: border-box
}

.bllp-c-exp-dragitem .bllp-c-exp-di-icon {
    flex: 0 0 auto;
    margin: 0 .3em 0 0;
    color: var(--bllp-mod-dnd-item-icon)
}

.bllp-c-exp-dragitem.bllp-c-exp-di-enabled {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none
}

.bllp-c-exp-dragitem.bllp-c-exp-di-enabled:not(.bllp-c-exp-di-landed):hover,.bllp-c-exp-dragitem[bllp-in-drag] {
    cursor: move;
    z-index: 1000
}

bllp-c-exp-dragitem[bllp-in-drag="true"] {
    cursor: move;
}

.drop-zone {
    border: 2px dashed #ccc; /* Dashed border for empty drop zones */
    padding: 0.2rem;
    transition: background-color 0.3s ease;
}




.bllp-c-exp-dragitem.bllp-c-exp-di-standalone.bllp-c-exp-di-landed {
    background-color: transparent;
    border: 1px dashed var(--bllp-mod-dnd-item-landed-border)
}

.bllp-c-exp-dragitem.bllp-c-exp-di-standalone.bllp-c-exp-di-landed>* {
    visibility: hidden
}

.bllp-c-exp-dragnest {
    background-color: var(--bllp-mod-dnd-nest-bg);
    border: 1px dashed var(--bllp-mod-dnd-nest-border);
    border-radius: var(--bllp-mod-item-border-radius-small);
    padding: .5em .6em;
    display: inline-flex;
    align-items: center
}

.bllp-c-exp-dragnest .bllp-c-exp-dn-icon {
    flex: 0 0 auto;
    color: var(--bllp-mod-dnd-nest-icon)
}

.bllp-c-exp-dragnest .bllp-c-exp-dn-icon:before {
    margin: 0
}

.bllp-c-exp-dragnest[data-has-ph="true"] .bllp-c-exp-dn-icon {
    display: none
}

.bllp-c-exp-dragnest[data-hover] {
    background-color: var(--bllp-mod-dnd-nest-hover-bg);
    border-color: var(--bllp-mod-dnd-nest-hover-border)
}

.bllp-c-exp-dragnest[data-hover] .bllp-c-exp-dn-icon {
    color: var(--bllp-mod-sel-text)
}

.bllp-c-exp-dragnest .bllp-c-exp-dn-inner {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap
}

.bllp-c-exp-dragnest[data-status="correct"] {
    background-color: var(--bllp-mod-correct-bg)
}

.bllp-c-exp-dragnest[data-status="correct"],.bllp-c-exp-dragnest[data-status="correct"] .bllp-c-exp-dn-landed {
    border-color: var(--bllp-mod-correct-border)
}

.bllp-c-exp-dragnest[data-status="incorrect"] {
    background-color: var(--bllp-mod-incorrect-bg)
}

.bllp-c-exp-dragnest[data-status="incorrect"],.bllp-c-exp-dragnest[data-status="incorrect"] .bllp-c-exp-dn-landed {
    border-color: var(--bllp-mod-incorrect-border)
}

.bllp-c-exp-dragnest.bllp-c-exp-dn-filled {
    padding: .2em
}

.bllp-c-exp-dragnest.bllp-c-exp-dn-filled .bllp-c-exp-dn-icon {
    display: none
}

.bllp-c-exp-dragnest .bllp-c-exp-dn-landed {
    background-color: var(--bllp-mod-dnd-item-bg);
    padding: .3em .8em;
    border: 1px dashed var(--bllp-mod-dnd-item-border);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: .15em
}

.bllp-c-exp-dragnest.bllp-c-exp-dn-enabled .bllp-c-exp-dn-landed:hover {
    background-color: var(--bllp-mod-dnd-item-del-bg);
    border-color: var(--bllp-mod-dnd-item-del-border);
    cursor: pointer
}

.bllp-c-exp-lm.bllp-incorrect [data-correct],.bllp-c-exp-lm.bllp-incorrect [data-correct] .bllp-c-exp-lm-val,.bllp-c-exp-lm.bllp-correct [data-correct],.bllp-c-exp-lm.bllp-correct [data-correct] .bllp-c-exp-lm-val {
    background-color: var(--bllp-mod-correct-bg) !important;
    border-color: var(--bllp-mod-correct-text);
    color: var(--bllp-mod-correct-text)
}

.bllp-c-exp-lm.bllp-incorrect [data-incorrect],.bllp-c-exp-lm.bllp-correct [data-incorrect] {
    background-color: var(--bllp-mod-incorrect-bg) !important
}

.bllp-c-exp-lm.bllp-incorrect [data-incorrect],.bllp-c-exp-lm.bllp-incorrect [data-incorrect] .bllp-c-exp-lm-val,.bllp-c-exp-lm.bllp-correct [data-incorrect],.bllp-c-exp-lm.bllp-correct [data-incorrect] .bllp-c-exp-lm-val {
    color: var(--bllp-mod-incorrect-text)
}

.bllp-c-exp-lm-table {
    font-family: MathJax_Main_Digits;
    font-style: normal;
    font-weight: normal
}

.bllp-c-exp-lm-table[data-signed] {
    padding-left: 1.1em
}

.bllp-c-exp-lm-row {
    display: flex;
    flex-direction: row
}

.bllp-c-exp-lm-row+.bllp-c-exp-lm-row .bllp-c-exp-lm-cell {
    border-top: 0
}

.bllp-c-exp-lm-row.bllp-c-exp-lm-mind .bllp-c-exp-lm-cell {
    height: 2.0em
}

.bllp-c-exp-lm-row.bllp-c-exp-lm-mind .bllp-c-exp-lm-display,.bllp-c-exp-lm-row.bllp-c-exp-lm-mind .bllp-c-exp-lm-input {
    font-size: 1.1em
}

.bllp-c-exp-lm-row.bllp-c-exp-lm-mind .bllp-c-exp-lm-display {
    color: var(--bllp-mod-action-text)
}

.bllp-c-exp-lm-cell {
    width: 2.5em;
    height: 2.5em;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px dashed var(--bllp-mod-action-border)
}

.bllp-c-exp-lm-cell+.bllp-c-exp-lm-cell {
    border-left: 0
}

.bllp-c-exp-lm-cell[data-active] {
    background-color: var(--bllp-mod-action-bg)
}

.bllp-c-exp-lm-display,.bllp-c-exp-lm-input,.bllp-c-exp-lm-mindval,.bllp-c-exp-lm-mobileval {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center
}

.bllp-c-exp-lm-val {
    color: var(--bllp-mod-action-text)
}

.bllp-c-exp-lm-mindval,.bllp-c-exp-lm-mobileval {
    border: 0;
    font-size: 1.0em;
    color: var(--bllp-mod-action-text);
    background: transparent
}

.bllp-c-exp-lm-mindval[disabled],.bllp-c-exp-lm-mobileval[disabled] {
    background: transparent
}

.bllp-c-exp-lm-mobileval {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
}

.bllp-c-exp-lm-input:focus,.bllp-c-exp-lm-mindval:focus {
    background-color: var(--bllp-mod-sel-bg);
    outline: none
}

.bllp-c-exp-lm-input:focus .bllp-c-exp-lm-val,.bllp-c-exp-lm-input:focus,.bllp-c-exp-lm-mindval:focus .bllp-c-exp-lm-val,.bllp-c-exp-lm-mindval:focus {
    color: var(--bllp-mod-sel-text)
}

.bllp-c-exp-lm-input:focus .bllp-c-exp-lm-cursor {
    content: '';
    position: absolute;
    left: 20%;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #000;
    display: block;
    -webkit-animation: .7s bllcLMBlink infinite;
    animation: .7s bllcLMBlink infinite
}

@-webkit-keyframes bllcLMBlink {
    from,to {
        background-color: transparent
    }

    50% {
        background-color: #000
    }
}

@keyframes bllcLMBlink {
    from,to {
        background-color: transparent
    }

    50% {
        background-color: #000
    }
}

.bllp-c-exp-lm-sign,.bllp-c-exp-lm-point {
    position: absolute;
    font-size: 1.8em;
    color: #000;
    z-index: 2
}

.bllp-c-exp-lm-sign {
    right: 100%;
    bottom: -.57em
}

.bllp-c-exp-lm-sign[data-sign="*"] {
    bottom: -.53em
}

.bllp-c-exp-lm-sign[data-sign="center+"] {
    bottom: auto;
    top: calc(50% - .55em)
}

.bllp-c-exp-lm-point {
    right: -.15em;
    bottom: 0
}

.bllp-c-exp-lm-point:before {
    content: ','
}

.bllp-c-exp-lm-bline {
    position: absolute;
    background-color: #000;
    z-index: 3
}

[data-kind="b"] {
    left: -1px;
    width: calc(100% + 1px);
    bottom: -1px;
    height: .07em
}

[data-kind="l"] {
    left: -1px;
    top: -1px;
    bottom: -1px;
    width: .07em
}

[data-kind="r"] {
    right: -1px;
    top: -1px;
    bottom: -1px;
    width: .07em
}

.bllp-c-math-box {
    display: inline-block
}

.bllp-c-math-box .bllp-c-exp-math-str:not([data-mode="nonmath"]) {
    font-family: MathJax_Main_Digits;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2em
}

.bllp-c-exp-sortable-box {
    display: flex;
    flex-wrap: wrap;
    padding: .5em 1.5em 1em 1.5em;
    background-color: var(--bllp-mod-box-bg);
    border: 1px solid var(--bllp-mod-box-border);
    border-radius: var(--bllp-mod-border-radius)
}

.bllp-c-exp-sortable-box .bllp-c-paragraph {
    margin-top: 0
}

.bllp-c-exp-sortable-box .sortable-ghost {
    opacity: 0
}

.bllp-c-exp-sortable-box>.bllp-c-exp-sortable-item {
    touch-action: none;
    border: 1px solid var(--bllp-mod-item-border);
    border-radius: .2em;
    background-color: #fff;
    margin-top: .5em;
    margin-left: .2em;
    padding: .2em .4em;
    cursor: -webkit-grab;
    cursor: grab
}

.bllp-c-exp-sortable-box[data-status]>.bllp-c-exp-sortable-item {
    cursor: auto
}

.bllp-c-exp-sortable-box[data-status]>.bllp-c-exp-sortable-item:hover {
    color: #000;
    background-color: #fff
}

.bllp-c-exp-sortable-box[data-status="incorrect"] {
    border: 1px solid var(--bllp-mod-incorrect-border);
    background-color: var(--bllp-mod-incorrect-bg)
}

.bllp-c-exp-sortable-box[data-status="correct"] {
    border: 1px solid var(--bllp-mod-correct-border);
    background-color: var(--bllp-mod-correct-bg)
}

.bllp-c-exp-sortable-box>.bllp-c-exp-sortable-item[data-status="correct"] {
    border: 2px solid var(--bllp-mod-correct-border);
    background-color: var(--bllp-mod-correct-bg)
}

.bllp-c-exp-sortable-box>.bllp-c-exp-sortable-item[data-status="incorrect"] {
    border: 2px solid var(--bllp-mod-incorrect-border);
    background-color: var(--bllp-mod-incorrect-bg)
}

[data-dragging="false"]>.bllp-c-exp-sortable-item:hover {
    color: #fff;
    background-color: var(--bllp-mod-item-hover)
}

[data-dragging="true"]>.bllp-c-exp-sortable-item {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.bllp-c-input {
    width: 8ex;
    max-width: 100%
}

.bllp-c-choice {
    width: 20ex;
    max-width: 100%
}

.bllp-c-input,.bllp-c-exp-math-input,.bllp-c-choice {
    vertical-align: text-bottom
}

.bllp-c-link,.bllp-page-link {
    color: var(--bllp-mod-link-color);
    text-decoration: underline;
    cursor: pointer
}

.bllp-c-link:hover,.bllp-page-link:hover {
    color: var(--bllp-mod-link-color-hover)
}

.bllp-content em {
    font-family: inherit;
    font-weight: bold;
    font-style: italic
}

.bllp-content var {
    font-family: MathJax_Main_Var;
    font-style: italic;
    font-weight: normal;
    font-size: 1.25em
}

.bllp-content x-plea {
    display: inline;
    font-weight: bold
}

.bllp-content x-num {
    font-family: MathJax_Main_Digits;
    font-style: normal;
    font-weight: normal;
    font-size: 1.1em
}

.bllp-content it {
    font-family: inherit;
    font-style: italic
}

*+.bllp-c-paragraph,*+.bllp-c-heading,*+.bllp-c-group,*+.bllp-c-table,*+.bllp-c-image,*+.bllp-c-video,*+.bllp-c-model,*+.bllp-list,*+.bllp-c-toggleblock,*+.bllp-c-plot,*+.bllp-c-set,*+.bllp-c-exp-lm,*+.bllp-c-exp-sortable-box,*+.bllp-c-gallery,*+.bllp-c-widget {
    margin-top: .5em
}

*+.bllp-c-input,*+.bllp-c-select,*+.bllp-c-formula,*+.bllp-c-text,*+.bllp-c-math-box,*+.bllp-c-math-region,*+.bllp-c-exp-math-input,*+.bllp-c-exp-math-str,*+.bllp-c-exp-dragitem,*+.bllp-c-exp-dragitem-wrapper,*+.bllp-c-exp-dragnest,*+.bllx-choice,*+.bllp-c-tip {
    margin: 0 0 0 .3em
}

.bllp-item-hinted {
    outline: 2px dashed red;
    outline-offset: 2px
}

.bllp-page-link--disabled {
    cursor: default;
    text-decoration: none
}

.bllp-page-link--disabled:hover {
    color: var(--bllp-mod-link-color)
}

.bllp-link--disabled {
    cursor: default;
    text-decoration: none;
    color: black !important
}

.bllp-link--disabled:hover {
    color: var(--bllp-mod-link-color)
}

textarea {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    font: 1.6rem Open Sans Light,sans-serif;
    color: #000;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 150px;
    max-height: 250px;
    resize: vertical
}

.bllp-essay-textarea {
    margin-top: 1.5em;
    min-height: 150px;
    font: 1em "Open Sans", sans-serif;
    line-height: 1.3;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 5px;
    padding-top: 0.8em
}

.bllp-essay-textarea[disabled] {
    border: none;
    min-height: 100px
}

.bllp-c-flex-group {
    display: flex;
    flex-direction: row;
    margin-top: 1.5em;
    flex-wrap: wrap
}

.bllp-c-link-beauty-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 0.8em;
    background-color: #F1F1F1;
    border-radius: 5px;
    max-width: 14em;
    margin-top: 0.5em
}

.bllp-c-link-beauty-tip {
    text-transform: uppercase;
    overflow: hidden;
    text-align: center;
    color: #9D9D9D
}

.bllp-c-link-beauty {
    background-color: #29A5FF;
    padding: 0.8em 4em;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin: 0
}

.bllp-module .bllp-un-json {
    font-size: .8em;
    max-height: 10em;
    overflow-y: auto;
    overflow-x: hidden;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    padding: .5em 1.0em;
    border: 1px dashed #CCC;
    background-color: #F9F9F9
}

.bllp-module-connection .bllp-conn-box {
    display: flex;
    justify-content: space-between
}

.bllp-module-connection .bllp-conn-lines {
    position: relative;
    flex: 0 0 15%
}

.bllp-module-connection .bllp-conn-lines svg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.bllp-module-connection .bllp-conn-line {
    stroke: var(--bllp-mod-sel-border);
    stroke-width: 4
}

.bllp-module-connection .bllp-conn-line:hover {
    stroke: var(--bllp-mod-incorrect-border);
    cursor: pointer
}

.bllp-module-connection .bllp-conn-drag {
    stroke: var(--bllp-mod-action-border);
    stroke-width: 3
}

.bllp-module-connection .bllp-conn-column {
    width: 50%;
    padding: 0;
    margin: 0;
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    position: relative
}

.bllp-module-connection .bllp-conn-column[data-dir="right"] .bllp-conn-it-cbox {
    margin-left: -0.75em
}

.bllp-module-connection .bllp-conn-item {
    list-style-type: none;
    margin: 0 0 .4em 0;
    flex: 1 0 auto;
    display: flex;
    align-items: stretch;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none
}

.bllp-module-connection .bllp-conn-item:last-child {
    margin-bottom: 0
}

.bllp-module-connection .bllp-conn-item[data-used] .bllp-conn-it-cbox,.bllp-module-connection .bllp-conn-item[data-used] .bllp-conn-it-box {
    background: var(--bllp-mod-sel-bg);
    border-color: var(--bllp-mod-sel-border)
}

.bllp-module-connection .bllp-conn-item[data-sel] .bllp-conn-it-box,.bllp-module-connection .bllp-conn-item[data-sel] .bllp-conn-it-cbox,.bllp-module-connection .bllp-conn-item[data-drag-over] .bllp-conn-it-box,.bllp-module-connection .bllp-conn-item[data-drag-over] .bllp-conn-it-cbox,.bllp-module-connection .bllp-conn-item[data-drag-start] .bllp-conn-it-box,.bllp-module-connection .bllp-conn-item[data-drag-start] .bllp-conn-it-cbox {
    border-color: var(--bllp-mod-action-border);
    background: var(--bllp-mod-action-bg)
}

.bllp-module-connection .bllp-conn-it-box {
    max-width: calc(100% - 1.15em);
    padding: .3em .7em;
    background: var(--bllp-mod-inactive-bg);
    border: 1px solid var(--bllp-mod-inactive-border);
    border-radius: var(--bllp-mod-item-border-radius-small);
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bllp-module-connection .bllp-conn-it-box .bllx-img-inner,.bllp-module-connection .bllp-conn-it-box .bllx-img-outer {
    max-width: 100%
}

@media (max-width: 600px) {
    .bllp-module-connection .bllp-conn-it-box .bllx-img-inner,.bllp-module-connection .bllp-conn-it-box .bllx-img-outer {
        width:100% !important
    }
}

@media all and (max-width: 600px) {
    .bllp-module-connection .bllp-conn-it-box .bllp-content {
        font-size:0.8em
    }
}

@media all and (max-width: 350px) {
    .bllp-module-connection .bllp-conn-it-box .bllp-content {
        font-size:0.7em
    }
}

.bllp-module-connection [data-dir="left"] .bllp-conn-it-box {
    margin-right: .4em
}

.bllp-module-connection [data-dir="right"] .bllp-conn-it-box {
    margin-left: .4em
}

.bllp-module-connection .bllp-conn-it-cbox-wrapper {
    flex-shrink: 0;
    height: 1.5em;
    width: .75em;
    align-self: center;
    position: relative;
    z-index: 2
}

.bllp-module-connection .bllp-conn-it-cbox-wrapper .bllp-conn-it-cbox {
    width: 1.5em;
    height: 1.5em;
    border: 2px solid var(--bllp-mod-inactive-border);
    background: var(--bllp-mod-inactive-bg);
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.bllp-module-connection.bllp-module-readonly .bllp-conn-item,.bllp-module-connection.bllp-module-readonly .bllp-conn-it-cbox,.bllp-module-connection.bllp-module-readonly .bllp-conn-line {
    cursor: default;
    pointer-events: none;
}

.bllp-module-connection.bllp-module-checked .bllp-conn-line[data-incorrect] {
    stroke: var(--bllp-mod-incorrect-border)
}

.bllp-module-connection.bllp-module-checked .bllp-conn-line[data-correct] {
    stroke: var(--bllp-mod-correct-border)
}

.bllp-module-select .bllp-mod-select {
    width: 100%;
    max-width: 35em
}

.bllp-module-select .bllp-mod-select .bllx-choice-content {
    min-height: 1.0em
}

.bllp-module-select .bllp-select-msg {
    margin: 1.0em 0 0 0
}

.bllp-module-choice .bllp-radio {
    display: flex;
    margin: 0 0 .3em 0;
    padding: .5em 1.0em;
    background-color: var(--bllp-mod-inactive-bg);
    border: 1px solid var(--bllp-mod-inactive-border);
    border-radius: var(--bllp-mod-item-border-radius);
    cursor: pointer;
    font-size: inherit
}

.bllp-module-choice .bllp-radio[data-sel] {
    background-color: var(--bllp-mod-sel-bg);
    border-color: var(--bllp-mod-sel-border)
}

.bllp-module-choice .bllp-radio[disabled] {
    cursor: default
}

.bllp-module-choice .bllp-radio .bllp-choice-inp {
    display: none
}

.bllp-module-choice .bllp-radio .bllp-radio-content {
    flex: 1 1 auto
}

.bllp-module-choice .bllp-radio[data-sel][data-status="correct"] {
    background-color: var(--bllp-mod-correct-bg);
    border-color: var(--bllp-mod-correct-border)
}

.bllp-module-choice .bllp-radio[data-sel][data-status="incorrect"] {
    background-color: var(--bllp-mod-incorrect-bg);
    border-color: var(--bllp-mod-incorrect-border)
}

.bllp-cbox-box {
    display: flex;
    flex-wrap: wrap
}

.bllp-cbox-box .bllp-cbox-item {
    background-color: var(--bllp-mod-inactive-bg);
    border: 1px solid var(--bllp-mod-inactive-border);
    border-radius: .5em;
    padding: .5em 1.0em;
    margin: 0 .4em .4em 0;
    flex: 1 0 33%;
    cursor: pointer;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.bllp-cbox-box .bllp-cbox-item .bllx-img-inner,.bllp-cbox-box .bllp-cbox-item .bllx-img-outer {
    max-width: 100%
}

@media (max-width: 600px) {
    .bllp-cbox-box .bllp-cbox-item .bllx-img-inner,.bllp-cbox-box .bllp-cbox-item .bllx-img-outer {
        width:100% !important
    }
}

.bllp-cbox-box .bllp-cbox-item[data-sel] {
    background-color: var(--bllp-mod-sel-bg);
    border-color: var(--bllp-mod-sel-border)
}

.bllp-module-readonly .bllp-cbox-box .bllp-cbox-item {
    cursor: default
}

.bllp-cbox-box .bllp-cbox-item[data-sel][data-status="incorrect"] {
    background-color: var(--bllp-mod-incorrect-bg);
    border-color: var(--bllp-mod-incorrect-border)
}

.bllp-cbox-box .bllp-cbox-item[data-sel][data-status="correct"] {
    background-color: var(--bllp-mod-correct-bg);
    border-color: var(--bllp-mod-correct-border)
}

.bllp-cbox-box .bllp-cbox-item>.bllp-content {
    width: 100%
}

.bllp-cbox-box[bllp-row-size="3"] .bllp-cbox-item {
    flex-basis: calc(33% - 0.8em)
}

.bllp-cbox-box[bllp-row-size="3"] .bllp-cbox-item:nth-child(3n),.bllp-cbox-box[bllp-row-size="3"] .bllp-cbox-item:nth-last-child(1) {
    margin-right: 0
}

.bllp-cbox-box[bllp-row-size="2"] .bllp-cbox-item {
    flex-basis: calc(50% - 0.4em)
}

.bllp-cbox-box[bllp-row-size="2"] .bllp-cbox-item:nth-child(2n),.bllp-cbox-box[bllp-row-size="2"] .bllp-cbox-item:nth-last-child(1) {
    margin-right: 0
}

.bllp-cbox-box[bllp-row-size="1"] .bllp-cbox-item {
    flex-basis: 100%;
    margin-right: 0
}

.bllp-cbox-box[bllp-row-rest="1"] .bllp-cbox-item:nth-last-child(1) {
    flex-basis: 100%
}

.bllp-cbox-box[bllp-row-rest="2"] .bllp-cbox-item:nth-last-child(1),.bllp-cbox-box[bllp-row-rest="2"] .bllp-cbox-item:nth-last-child(2) {
    flex-basis: 50%
}

.bllp-mod-choice-option-count {
    margin-top: 1em;
    color: #3D4651
}

.bllp-sort-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 5px 0;
    padding: .5em 1em .5em 1em;
    background-color: var(--bllp-mod-inactive-bg);
    cursor: pointer;
    border: 1px solid var(--bllp-mod-inactive-border);
    border-radius: var(--bllp-mod-item-border-radius)
}

.bllp-sort-item .bllx-img-inner,.bllp-sort-item .bllx-img-outer,.bllp-sort-item .bllp-content {
    max-width: 100%
}

@media (max-width: 600px) {
    .bllp-sort-item .bllx-img-inner,.bllp-sort-item .bllx-img-outer,.bllp-sort-item .bllp-content {
        width:100% !important
    }
}

.bllp-module-readonly .bllp-sort-item {
    cursor: default
}

.bllp-sort-item.bllp-dragging {
    background-color: var(--bllp-mod-sel-bg);
    border-color: var(--bllp-mod-sel-border)
}

.bllp-sort-item.bllp-status-incorrect {
    background: var(--bllp-mod-incorrect-bg);
    border-color: var(--bllp-mod-incorrect-border)
}

.bllp-sort-item.bllp-status-incorrect .bllp-draggable-icon {
    color: var(--bllp-mod-incorrect-text)
}

.bllp-sort-item.bllp-status-correct {
    background: var(--bllp-mod-correct-bg);
    border-color: var(--bllp-mod-correct-border)
}

.bllp-sort-item.bllp-status-correct .bllp-draggable-icon {
    color: var(--bllp-mod-correct-text)
}

.bllp-sort-item .bllp-draggable-icon {
    margin: 0 .5em 0 0
}

.bllp-markpanel {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    padding: .5em .3em;
    border-radius: var(--bllp-mod-item-border-radius-small)
}

.bllp-markpanel-mark {
    padding: .8em 1.2em;
    background-color: #FFFF;
    border: 1px solid #d6dde3;
    border-radius: 0.1875em;
    margin: 0 .5em 1em 0;
    cursor: pointer
}

@media all and (max-width: 600px) {
    .bllp-markpanel-mark {
        flex-grow:1;
        flex-shrink: 1;
        padding: 0.9em 0.8em;
        text-align: center
    }
}

.bllp-markpanel-mark .bllp-content {
    line-height: normal !important
}

.bllp-markpanel-mark[data-selected] {
    border-color: gray;
    box-shadow: 1px 1px 1px gray
}

.bllp-markpanel-mark[data-color="magenta"] {
    border-left: 0.8em solid #ca72e4
}

.bllp-markpanel-mark[data-color="orange"] {
    border-left: 0.8em solid #f17930
}

.bllp-markpanel-mark[data-color="aqua"] {
    border-left: 0.8em solid #60aeb3
}

.bllp-markpanel-mark[data-color="sky"] {
    border-left: 0.8em solid #3eaeee
}

.bllp-markpanel-mark[data-color="chocolate"] {
    border-left: 0.8em solid #b58252
}

.bllp-markpanel-mark[data-color="olive"] {
    border-left: 0.8em solid #b4c12b
}

.bllp-markpanel-mark[data-underline="line"] {
    background-size: 1px 1em;
    display: inline;
    box-shadow: inset 0 calc(-0.1em + -.2em) white,inset 0 calc(-0.2em + -.2em) black
}

.bllp-markpanel-mark[data-underline="doubleline"] {
    background-size: 1px 1em;
    display: inline;
    box-shadow: inset 0 calc(-.2em) white,inset 0 calc(-0.12em + -.2em) black,inset 0 calc(-0.3em + -.2em) white,inset 0 calc(-0.42em + -.2em) black
}

.bllp-markpanel-mark[data-underline="dashed"] {
    background-image: linear-gradient(to right, black 75%, transparent 75%);
    background-position: 0 calc(1.425em + 1em);
    background-repeat: repeat-x;
    background-size: 0.75em calc(0.125em + 0em)
}

.bllp-markpanel-mark[data-underline="wavy"] {
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%20170%2090%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%3Cg%20transform%3D%22translate(5%205)%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%3E%0A%3Cpath%20d%3D%22m159.94%200.17592c-22.5%200-34.984%2021.705-44.992%2034.584s-17.8%2028.758-34.984%2028.758-26.405-16.278-34.984-28.766-22.176-34.576-44.976-34.576v16c17.176%200%2027.821%2020.638%2034.976%2031.064s22.184%2032.278%2044.984%2032.278%2035.382-19.774%2044.992-32.27%2017.792-31.072%2034.984-31.072v-16z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    background-position: 0 calc(1.18em + 1em);
    background-repeat: repeat-x;
    background-size: 0.75em calc(0.5em + 0em)
}

.bllp-markpanel-mark[data-underline="dotted-dashed"] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE3IDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI5IC0xMDIpIiBzdHJva2U9IiMwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOSAxMDIpIj48cGF0aCBkPSJtMC41IDJoNy41IiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtMTUuMSAydjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9nPjwvZz48L2c+PC9zdmc+);
    background-position: 0 calc(1.4em + 1em);
    background-repeat: repeat-x;
    background-size: 1.25em calc(0.25em + 0em)
}

.bllp-markpanel-mark[disabled] {
    opacity: .5;
    cursor: default
}

.bllp-module-markWords .bllp-mark-content-wrapper .bllp-c-text,.bllp-module-markWords .bllp-mark-content-wrapper .bllp-c-paragraph,.bllp-module-markWords .bllp-mark-content-wrapper .bllp-c-heading {
    word-spacing: .4em;
    line-height: 2.5em;
    text-rendering: auto
}

.bllp-module-markWords x-word {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.3em 0
}

.bllp-module-markWords x-word[data-color="magenta"] {
    background-color: #ca72e4
}

.bllp-module-markWords x-word[data-color="orange"] {
    background-color: #f17930
}

.bllp-module-markWords x-word[data-color="aqua"] {
    background-color: #60aeb3
}

.bllp-module-markWords x-word[data-color="sky"] {
    background-color: #3eaeee
}

.bllp-module-markWords x-word[data-color="chocolate"] {
    background-color: #b58252
}

.bllp-module-markWords x-word[data-color="olive"] {
    background-color: #b4c12b
}

.bllp-module-markWords x-word[data-color="magenta"] {
    color: #fff
}

.bllp-module-markWords x-word[data-color="orange"] {
    color: #fff
}

.bllp-module-markWords x-word[data-color="aqua"] {
    color: #fff
}

.bllp-module-markWords x-word[data-color="sky"] {
    color: #fff
}

.bllp-module-markWords x-word[data-color="chocolate"] {
    color: #fff
}

.bllp-module-markWords x-word[data-color="olive"] {
    color: #fff
}

.bllp-module-markWords x-word .bllp-mark-icon {
    font-size: 1.2em;
    position: absolute;
    right: -.8em;
    top: -1em
}

.bllp-module-markWords x-word[data-status="correct"] .bllp-mark-icon {
    color: #4a9f54
}

.bllp-module-markWords x-word[data-status="incorrect"] .bllp-mark-icon {
    color: #ed4b4c
}

.bllp-module-markWords x-word[data-answer-color="magenta"][data-unselected] {
    outline: 2px dashed #ca72e4
}

.bllp-module-markWords x-word[data-answer-color="orange"][data-unselected] {
    outline: 2px dashed #f17930
}

.bllp-module-markWords x-word[data-answer-color="aqua"][data-unselected] {
    outline: 2px dashed #60aeb3
}

.bllp-module-markWords x-word[data-answer-color="sky"][data-unselected] {
    outline: 2px dashed #3eaeee
}

.bllp-module-markWords x-word[data-answer-color="chocolate"][data-unselected] {
    outline: 2px dashed #b58252
}

.bllp-module-markWords x-word[data-answer-color="olive"][data-unselected] {
    outline: 2px dashed #b4c12b
}

.bllp-module-markWords x-word[data-underline="line"] {
    background-size: 1px 1em;
    display: inline;
    box-shadow: inset 0 calc(-0.1em + -.1em) white,inset 0 calc(-0.2em + -.1em) black
}

.bllp-module-markWords x-word[data-underline="doubleline"] {
    background-size: 1px 1em;
    display: inline;
    box-shadow: inset 0 calc(0em) white,inset 0 calc(-0.12em + 0em) black,inset 0 calc(-0.3em + 0em) white,inset 0 calc(-0.42em + 0em) black
}

.bllp-module-markWords x-word[data-underline="dashed"] {
    background-image: linear-gradient(to right, black 75%, transparent 75%);
    background-position: 0 calc(1.425em + .15em);
    background-repeat: repeat-x;
    background-size: 0.75em calc(0.125em + 0em)
}

.bllp-module-markWords x-word[data-underline="wavy"] {
    background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%20170%2090%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%3Cg%20transform%3D%22translate(5%205)%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%3E%0A%3Cpath%20d%3D%22m159.94%200.17592c-22.5%200-34.984%2021.705-44.992%2034.584s-17.8%2028.758-34.984%2028.758-26.405-16.278-34.984-28.766-22.176-34.576-44.976-34.576v16c17.176%200%2027.821%2020.638%2034.976%2031.064s22.184%2032.278%2044.984%2032.278%2035.382-19.774%2044.992-32.27%2017.792-31.072%2034.984-31.072v-16z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    background-position: 0 calc(1.18em + .3em);
    background-repeat: repeat-x;
    background-size: 0.75em calc(0.5em + 0em)
}

.bllp-module-markWords x-word[data-underline="dotted-dashed"] {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE3IDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI5IC0xMDIpIiBzdHJva2U9IiMwMDAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOSAxMDIpIj48cGF0aCBkPSJtMC41IDJoNy41IiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJtMTUuMSAydjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9nPjwvZz48L2c+PC9zdmc+);
    background-position: 0 calc(1.4em + .15em);
    background-repeat: repeat-x;
    background-size: 1.25em calc(0.25em + 0em)
}

.bllp-module-markWords.bllp-module-checked x-word {
    cursor: default
}

.bllp-spinner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation-name: bllp-spinner;
    animation-name: bllp-spinner;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes bllp-spinner {
    0% {
        color: #F0F0F0
    }

    50% {
        color: #D0D0D0
    }

    100% {
        color: #F0F0F0
    }
}

@keyframes bllp-spinner {
    0% {
        color: #F0F0F0
    }

    50% {
        color: #D0D0D0
    }

    100% {
        color: #F0F0F0
    }
}

.bllp-module {
    font-family: "Open Sans",sans-serif
}

.bllp-module * {
    box-sizing: border-box
}

.bllp-module .bllp-module-desc {
    margin: 0 0 1.0em 0
}

.bllp-module .bllp-module-content {
    font-size: var(--bllp-font-size);
    word-break: break-word
}

.bllp-module {
    --bllp-mod-active-bg: var(--bllp-mod-active-bg, #F0F0F0);
    --bllp-mod-btn-text: white;
    --bllp-mod-text-color: #000;
    --bllp-mod-link-color: var(--bllp-link-color, #15753e);
    --bllp-mod-link-color-hover: var(--bllp-link-color-hover, #0d4a27);
    --bllp-mod-btn-bg: var(--bllp-btn-bg, #60aeb3);
    --bllp-mod-btn-bg-hover: var(--bllp-btn-bg-hover, #438084);
    --bllp-mod-item-border-radius: .5em;
    --bllp-mod-item-border-radius-small: .3em;
    --bllp-mod-correct-bg: #83fe77;
    --bllp-mod-correct-border: #199a8c;
    --bllp-mod-correct-text: #199a8c;
    --bllp-mod-incorrect-bg: #fe7777;
    --bllp-mod-incorrect-text: #bd5858;
    --bllp-mod-incorrect-border: #fabcbd;
    --bllp-mod-sel-bg: #faf3e0;
    --bllp-mod-sel-border: #eec97f;
    --bllp-mod-sel-text: #e5ad3b;
    --bllp-mod-inactive-bg: white;
    --bllp-mod-inactive-text: #a4b6c4;
    --bllp-mod-inactive-border: #e0e5ea;
    --bllp-mod-action-bg: #eaf2f5;
    --bllp-mod-action-text: #a4b6c4;
    --bllp-mod-action-border: #b6d2dc;
    --bllp-mod-table-border: #d7e1e2;
    --bllp-mod-table-bg: white;
    --bllp-mod-table-th-bg: var(--bllp-mod-action-bg);
    --bllp-mod-video-ratio: var(--bllp-video-ratio, 66.61%)
}

.bllp-module .bllp-conn-it-box,.bllp-module .bllp-conn-it-cbox {
    --bllp-mod-correct-border: #93d2ca
}

.bllp-module .bllp-conn-line {
    --bllp-mod-correct-border: #68d898;
    --bllp-mod-incorrect-border: #f89898
}

.bllp-module .bllp-c-exp-dragitem,.bllp-module .bllp-c-exp-dragnest {
    --bllp-mod-correct-border: #6cd437;
    --bllp-mod-dnd-item-bg: #f5fafe;
    --bllp-mod-dnd-item-border: #d6dde3;
    --bllp-mod-dnd-item-icon: #a4b6c4;
    --bllp-mod-dnd-item-landed-border: #b6d2dc;
    --bllp-mod-dnd-item-del-bg: white;
    --bllp-mod-dnd-item-del-border: var(--bllp-mod-dnd-item-border);
    --bllp-mod-dnd-nest-bg: white;
    --bllp-mod-dnd-nest-border: var(--bllp-mod-dnd-item-border);
    --bllp-mod-dnd-nest-icon: var(--bllp-mod-dnd-item-icon);
    --bllp-mod-dnd-nest-hover-bg: var(--bllp-mod-sel-bg);
    --bllp-mod-dnd-nest-hover-border: var(--bllp-mod-sel-border)
}

.bllp-module .bllp-c-exp-lm {
    --bllp-mod-action-bg: #f4fcff;
    --bllp-mod-action-border: #cedee4;
    --bllp-mod-action-text: #6f848c;
    --bllp-mod-sel-text: #d2951c
}

.bllp-module .bllp-c-exp-sortable-box {
    --bllp-mod-box-bg: #f5fafe;
    --bllp-mod-box-border: #d6dde3;
    --bllp-mod-border-radius: 0.3em;
    --bllp-mod-item-border: #e2e2e2;
    --bllp-mod-item-hover: cornflowerblue
}

.bllp-module .bllp-c-gallery {
    --bllp-mod-gal-label-bg: #EAF0F1;
    --bllp-mod-gal-content-bg: #EAF0F1;
    --bllp-mod-gal-color: var(--bllp-mod-text-color)
}

.bllp-hints-box {
    --bllp-mod-link-color: var(--bllp-link-color, #15753e);
    --bllp-mod-link-color-hover: var(--bllp-link-color-hover, #0d4a27);
    --bllp-mod-table-border: #d7e1e2
}

@font-face {
    font-display: block;
    font-family: "Open Sans";
    src: url("fonts/OpenSans_Regular.woff")
}

@font-face {
    font-display: block;
    font-family: "Open Sans";
    src: url("fonts/OpenSans_Italic.woff");
    font-style: italic
}

@font-face {
    font-display: block;
    font-family: "Open Sans";
    src: url("fonts/OpenSans_Bold.woff");
    font-weight: bold
}

@font-face {
    font-display: block;
    font-family: "Open Sans";
    src: url("fonts/OpenSans_BoldItalic.woff");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-display: block;
    font-family: "Open Sans Semibold";
    src: url("fonts/OpenSans_Semibold.woff")
}

@font-face {
    font-display: block;
    font-family: 'platform-fontello';
    src: url("fonts/fontello-platform.woff?1532516143088") format("woff");
    font-weight: normal;
    font-style: normal
}

[class^="bllp-icon-"]:before,[class*=" bllp-icon-"]:before {
    font-family: "platform-fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.bllp-icon-th-large:before {
    content: '\e800'
}

.bllp-icon-check:before {
    content: '\e801'
}

.bllp-icon-help:before {
    content: '\e802'
}

.bllp-icon-right-open:before {
    content: '\e803'
}

.bllp-icon-left-open:before {
    content: '\e804'
}

.bllp-icon-ok:before {
    content: '\e805'
}

.bllp-icon-cancel:before {
    content: '\e806'
}

.bllp-icon-thumbs-up:before {
    content: '\e807'
}

.bllp-icon-eye:before {
    content: '\e808'
}

.bllp-icon-target:before {
    content: '\e809'
}

.bllp-icon-move:before {
    content: '\e80a'
}

.bllp-icon-volume-down:before {
    content: '\e80b'
}

.bllp-icon-pause:before {
    content: '\e80c'
}

.bllp-icon-up-open:before {
    content: '\e80d'
}

.bllp-icon-down-open:before {
    content: '\e80e'
}

.bllp-icon-left:before {
    content: '\e80f'
}

.bllp-icon-right:before {
    content: '\e810'
}

.bllp-icon-flag:before {
    content: '\e811'
}

.bllp-icon-ok-circled:before {
    content: '\e812'
}

.bllp-icon-cw:before {
    content: '\e813'
}

.bllp-icon-info-circled:before {
    content: '\e814'
}

.bllp-icon-clock:before {
    content: '\e815'
}

.bllp-icon-book:before {
    content: '\e816'
}

.bllp-icon-list:before {
    content: '\e817'
}

.bllp-icon-play:before {
    content: '\e818'
}

.bllp-icon-flag-1:before {
    content: '\e819'
}

.bllp-icon-stop:before {
    content: '\e81a'
}

.bllp-icon-volume-up:before {
    content: '\e81b'
}

.bllp-icon-book-open:before {
    content: '\e81c'
}

.bllp-icon-edit:before {
    content: '\e81d'
}

.bllp-icon-resize-vertical:before {
    content: '\e81e'
}

.bllp-icon-pin:before {
    content: '\e81f'
}

.bllp-icon-tasks:before {
    content: '\f0ae'
}

.bllp-icon-resize-full-alt:before {
    content: '\f0b2'
}

.bllp-icon-rocket:before {
    content: '\f135'
}

.bllp-icon-graduation-cap:before {
    content: '\f19d'
}

.bllp-icon-menu:before {
    content: '\f0c9'
}

.bllp-icon-refresh:before {
    content: '\e820'
}

.bllp-box .bllx-input-wrapper {
    display: inline-block;
    height: 1.7em;
    box-sizing: border-box
}

.bllp-box .bllx-input-wrapper input {
    width: 100%;
    height: 100%;
    border: 1px solid #c1d9dd;
    border-radius: .2em;
    padding: 0 .1em;
    font-size: 1em;
    background: #fff
}

.bllp-box .bllx-input-wrapper input[disabled] {
    background-color: #fffdcb
}

.bllp-box .bllx-input-wrapper input:focus {
    border-color: #90bac2;
    outline: 0.2em auto #90bac2
}

.bllp-box .bllx-input-wrapper[data-status="incorrect"] input {
    border-color: #fabcbd;
    background-color: #f9eded
}

.bllp-box .bllx-input-wrapper[data-status="correct"] input {
    border-color: #199a8c;
    background-color: #eefaf4
}

.bllp-box .bllx-choice {
    display: inline-block;
    position: relative
}

.bllp-box .bllx-choice[disabled] .bllx-choice-label {
    background-color: #fffdcb
}

.bllp-box .bllx-choice[data-enabled] .bllx-choice-label {
    cursor: pointer
}

.bllp-box .bllx-choice[data-enabled] .bllx-choice-label:hover,.bllp-box .bllx-choice[data-enabled] .bllx-choice-label:focus {
    border-color: #90bac2;
    outline: 0.2em auto #90bac2
}

.bllp-box .bllx-choice[data-status] .bllx-choice-icon {
    display: none
}

.bllp-box .bllx-choice[data-status="incorrect"] .bllx-choice-label {
    border-color: #fabcbd;
    background-color: #f9eded
}

.bllp-box .bllx-choice[data-status="correct"] .bllx-choice-label {
    border-color: #199a8c;
    background-color: #eefaf4
}

.bllp-box .bllx-choice .bllx-choice-label {
    border: 1px solid #c1d9dd;
    border-radius: .2em;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    height: 1.7em;
    display: flex;
    flex-direction: row;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bllp-box .bllx-choice .bllx-choice-inner {
    padding: 0 .5em;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    flex: 1 1 auto;
    display: flex;
    align-items: center
}

.bllp-box .bllx-choice .bllx-choice-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    color: #90bac2
}

.bllp-box .bllx-choice .bllx-choice-icon:before {
    margin: 0
}

.bllp-box .bllx-choice .bllx-choice-blackout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(0,0,0,0.16);
    padding: 2em;
    align-items: center;
    z-index: 100;
    box-sizing: border-box
}

.bllp-box .bllx-choice .bllx-choice-blackout .bllx-choice-dropdown {
    position: static;
    width: auto !important;
    flex-grow: 1
}

.bllp-box .bllx-choice .bllx-choice-dropdown {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    min-width: 10em;
    max-height: 20em;
    border: 1px solid #c1d9dd;
    border-radius: .2em;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 3;
    overflow-y: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5em 0;
    text-align: left
}

.bllp-box .bllx-choice .bllx-choice-dropdown:focus {
    outline: none;
    box-shadow: 0px 4px 11px 2px #c2c5c5
}

.bllp-box .bllx-choice .bllx-choice-dropitem {
    display: flex;
    flex-direction: row;
    padding: .4em .8em;
    cursor: pointer
}

@media (max-width: 600px) {
    .bllp-box .bllx-choice .bllx-choice-dropitem {
        font-size:1em;
        padding: 0.8em 0.3em
    }
}

.bllp-box .bllx-choice .bllx-choice-dropitem:last-child {
    border-bottom-color: transparent
}

.bllp-box .bllx-choice .bllx-choice-dropitem .bllx-choice-content {
    flex: 1 1 auto
}

.bllp-box .bllx-choice .bllx-choice-dropitem[data-is-sel] {
    background-color: #eaf2f5
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play,.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"
}

.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"
}

.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"
}

.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"
}

.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"
}

.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"
}

.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.vjs-icon-subtitles,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c"
}

.vjs-icon-captions,.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-captions:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d"
}

.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.vjs-icon-circle,.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"
}

.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"
}

.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121"
}

.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f122"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,.video-js *:before,.video-js *:after {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: 0.5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66A8CC
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2B333F;
    background-color: rgba(43,51,63,0.7);
    border-radius: .3em;
    transition: all 0.4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,0.5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,0.8);
    background: linear-gradient(180deg, rgba(0,0,0,0.8),rgba(255,255,255,0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115,133,159,0.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2B333F
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43,51,63,0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s
}

.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #2B333F;
    background-color: rgba(43,51,63,0.7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s,opacity 0.1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.666666666666666666em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115,133,159,0.5)
}

.video-js .vjs-load-progress div {
    background: rgba(115,133,159,0.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,0.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115,133,159,0.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s,opacity 0.1s,height 0.1s,width 0.1s,left 0s,top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width 0.1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2B333F;
    background-color: rgba(43,51,63,0.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-fullscreen-control {
    margin-left: auto
}

.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43,51,63,0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
    animation: vjs-spinner-show 0s linear 0.3s forwards
}

.vjs-loading-spinner:before,.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: auto;
    width: initial
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2B333F;
    background-color: rgba(43,51,63,0.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1 / -1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: 0.5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43,51,63,0.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2B333F;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
    background: none
}

.video-js *:focus:not(:focus-visible),.video-js .vjs-menu *:focus:not(:focus-visible) {
    outline: none;
    background: none
}

@font-face {
    font-family: 'MathJax_Main_Var';
    font-style: italic;
    font-weight: normal;
    src: url("fonts/MathJax_Main-Italic.otf");
    font-display: block
}

@font-face {
    font-family: 'MathJax_Main_Digits';
    font-style: normal;
    font-weight: normal;
    src: url("fonts/MathJax_Main-Regular.otf");
    font-display: block
}

.bllp-box {
    width: 100%;
    font-size: 10px !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: "Open Sans",sans-serif;
    color: #000;
    display: flex;
    justify-content: center;
    box-sizing: border-box
}

.bllp-box * {
    box-sizing: border-box
}

.bllp-box[data-device-mode="desktop"].bllp-drag {
    cursor: pointer
}

.bllp-box[data-fullscreen] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.bllp-box[data-fullscreen] .bllp-box-inner-1 {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    height: 100%;
    overflow-y: scroll
}

.bllp-box[data-fullscreen] .bllp-box-inner-2 {
    min-height: 100%
}

.bllp-box[data-device-mode="mobile"] .bllp-box-cpanel {
    display: none
}

.bllp-box:not([data-embeded-layout])[data-embeded] .bllp-box-cpanel {
    display: block
}

@media (max-width: 600px) {
    .bllp-box .bllx-button.bllp-mcr-audio {
        width:1em;
        height: 4em
    }

    .bllp-box .bllx-button.bllx-button-err {
        height: 5em
    }
}

@media (max-width: 450px) {
    .bllp-box {
        font-size:9px !important
    }

    .bllp-box .bllp-module-control-row .bllx-button.bllx-button-nav-right .bllx-icon {
        margin: 0 0 0 0.8em
    }

    .bllp-box .bllp-module-control-row .bllx-button {
        padding: 0 1.2em
    }

    .bllp-box .bllp-module-control-row .bllx-button .bllx-icon {
        margin: 0 0.8em 0 0
    }

    .bllp-box .bllp-modal-footer .bllx-button {
        padding: 0 1.7em
    }
}

.bllp-box-inner-1 {
    box-shadow: 0 0 2.9em rgba(0,31,51,0.19);
    border-radius: 2.2em;
    background-color: #fff;
    flex: 1 1 100%;
    width: 100%;
    max-width: 1200px
}

@media (max-width: 450px) {
    .bllp-box-inner-1 {
        border-radius:0
    }
}

.bllp-box-inner-2 {
    position: relative;
    display: flex;
    flex-direction: row
}

.bllp-box-backdrop {
    display: none
}

.bllp-box-sidepanel {
    border-top-left-radius: 2.2em;
    border-bottom-left-radius: 2.2em;
    width: 28em;
    background: var(--bllp-sidepanel-bg);
    color: #fff;
    padding: 4.6em 0 4.6em 0;
    position: relative;
    flex: 0 0 auto
}

[data-force-cut] .bllp-box-sidepanel[data-collapsed] {
    border-radius: 2.2em;
    position: absolute;
    background: none;
    width: 1%
}

[data-force-cut] .bllp-box-sidepanel[data-collapsed] .bllp-box-title {
    display: none
}

[data-force-cut] .bllp-box-sidepanel[data-collapsed] .bllp-progress-panel {
    display: none
}

[data-force-cut] .bllp-box-sidepanel[data-collapsed] .bllp-progress-panel .bllp-pp-outer-line {
    display: none
}

[data-force-cut] .bllp-box-sidepanel[data-collapsed] .bllp-paginator {
    display: none
}

[data-force-cut] .bllp-box-sidepanel[data-collapsed] .bllp-box-sidepanel-toggler {
    left: 0;
    top: 1.9em;
    height: 4.6em;
    width: 4.6em;
    background-color: var(--bllp-btn-bg);
    border-radius: 0 11% 11% 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.bllp-box-sidepanel[data-collapsed] {
    padding: 17.6em 0 4.6em 0;
    width: 6.0em
}

.bllp-box-sidepanel[data-collapsed] .bllp-box-title {
    display: none
}

.bllp-box-sidepanel[data-collapsed] .bllp-progress-panel {
    margin: 0 0 1.9em 0;
    padding: 0
}

.bllp-box-sidepanel[data-collapsed] .bllp-progress-panel .bllp-pp-outer-line {
    display: none
}

.bllp-box-sidepanel[data-collapsed] .bllp-pag-mods-toggler {
    display: none
}

[data-fullscreen][data-force-cut] .bllp-box-sidepanel:not([data-collapsed]) ~ .bllp-box-backdrop {
    display: block;
    z-index: 14;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[data-fullscreen] .bllp-box-sidepanel {
    border-radius: 0
}

[data-embeded-layout] .bllp-box-sidepanel {
    display: none
}

@media (max-width: 450px) {
    .bllp-box-sidepanel {
        border-radius:0
    }
}

.bllp-box-title {
    padding: 0 2.1em 0 2.7em;
    margin: 4.0em 0 2.6em 0
}

.bllp-box-title span {
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    font-size: var(--bllp-font-size)
}

.bllp-progress-panel {
    padding: 0 2.1em 1.7em 2.7em;
    margin-left: -.5em
}

.bllp-progress-panel .bllp-pp-outer-line {
    margin: 0 0 1.5em 0;
    height: .5em;
    background: var(--bllp-progress-line-bg);
    border-radius: .25em;
    overflow: hidden
}

.bllp-progress-panel .bllp-pp-inner-line {
    height: 100%;
    background: var(--bllp-progress-line-ready-bg)
}

.bllp-progress-panel .bllp-pp-text {
    text-align: center;
    color: var(--bllp-progress-percent-c);
    font: var(--bllp-font-size) "Open Sans",sans-serif
}

.bllp-box-sidepanel-toggler {
    position: absolute;
    top: 2.8em;
    right: 1.8em;
    cursor: pointer;
    z-index: 1
}

.bllp-box-sidepanel-toggler:before {
    font-size: 2.4em;
    margin: 0
}

@media (max-width: 450px) {
    .bllp-box-sidepanel-toggler:before {
        color:white
    }
}

.bllp-box-sidepanel-toggler:hover {
    color: var(--bllp-btn-bg-hover)
}

[data-embeded-layout] .bllp-box-sidepanel-toggler {
    display: none
}

.bllp-box-body {
    border-radius: 2.2em;
    flex: 1 1 auto;
    min-width: 1px;
    position: relative
}

.bllp-start-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: center
}

.bllp-start-btn-wrapper .bllx-button.bllp-start-btn.bllx-button-nav {
    display: flex;
    justify-content: center;
    border: none;
    width: 100%;
    margin: 2em 0 0 0;
    border-radius: 0;
    font-size: 1.4em !important
}

.bllp-start-btn-wrapper .bllx-button.bllp-start-btn.bllx-button-nav .bllx-button-label {
    color: white !important
}

@media (max-width: 600px) {
    .bllp-start-btn-wrapper .bllx-button.bllp-start-btn.bllx-button-nav {
        width:100%
    }
}

@media screen and (min-width: 900px) {
    .bllp-box-body {
        padding:2.5em 3.2em 4.6em 3.0em
    }
}

@media screen and (min-width: 600px) {
    .bllp-box-body {
        padding:2.5em 2em 1em 2em
    }
}

@media screen and (max-width: 600px) {
    .bllp-box-body {
        padding:2.5em 2em 1em 2em
    }
}

.bllp-main-msg {
    font-size: var(--bllp-font-size)
}

.bllp-main-msg .bllp-hor-loader {
    width: 5em;
    height: 5em
}

.bllp-main-msg .bllp-err-msg {
    color: #982d2d;
    font-weight: bold;
    line-height: 1.9em;
    padding: 0 0 0 .6em;
    border-left: 0.5em solid #982d2d
}

.bllp-main-msg .bllp-err-stack {
    white-space: pre;
    border: 1px solid #982d2d;
    background: #fff6f6;
    color: #000;
    padding: .5em;
    font-size: .8em;
    font-family: monospace
}

.bllp-box-cpanel {
    position: absolute;
    top: 1.9em;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 101
}

.bllp-box-fullscreen-btn {
    height: 4.6em;
    width: 4.6em;
    background-color: var(--bllp-btn-bg);
    color: #fff;
    border-radius: 11% 0 0 11%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.bllp-box-fullscreen-btn:before {
    margin: 0;
    font-size: 2.4em
}

.bllp-box-fullscreen-btn:hover {
    background: var(--bllp-btn-bg-hover)
}

.bllp-unlock-panel {
    padding: 1.7em 2.0em;
    text-align: center;
    background-color: var(--bllp-sidepanel-bg);
    box-shadow: 2px 2px 2px var(--bllp-sidepanel-shadow);
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.bllp-unlock-panel label {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 1.0em 0 0;
    color: #fff
}

@media (max-width: 650px) {
    .bllp-unlock-panel {
        flex-direction:column;
        padding: 0.7em 2.0em
    }

    .bllp-unlock-panel label {
        margin-bottom: 0.4em
    }
}

.bllp-mod-err {
    border: 1px solid #c93939;
    background-color: #d46161;
    border-radius: .5em;
    padding: 1em;
    font-size: 1.5em;
    color: white;
    margin-top: 1em
}

.bllp-platform-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

.bllp-start-title-wrapper {
    margin: 0;
    background-color: var(--bllp-sidepanel-bg);
    color: white;
    font-size: 1.3em;
    height: 9em;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.bllp-start-title-wrapper .bllp-box-title {
    margin: 0 0 0 2em;
    padding: 0
}

.bllp-err-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 4em 0.5em;
    min-height: 18em;
    line-height: 1.3
}

@media (max-width: 800px) {
    .bllp-err-wrapper {
        flex-direction:column;
        margin: 2em 0
    }
}

.bllp-err-img {
    width: 50%;
    background-image: url("img/error-icon.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.bllp-err-img--dev {
    background-image: url("img/error-icon-dev.svg");
    margin-left: 2em
}

@media (max-width: 800px) {
    .bllp-err-img {
        width:100%;
        height: 15em;
        margin-bottom: 2em;
        margin-left: 0
    }
}

.bllp-err-body {
    width: 50%;
    margin: 0 6em;
    align-self: center
}

@media (max-width: 1100px) {
    .bllp-err-body {
        margin:0 4em
    }
}

@media (max-width: 900px) {
    .bllp-err-body {
        margin:0
    }
}

@media (max-width: 800px) {
    .bllp-err-body {
        width:100%
    }
}

.bllp-err-title {
    color: #A9A9A9;
    font-weight: 600;
    font-size: 2.2em;
    text-align: center;
    margin-bottom: 1em
}

@media (max-width: 800px) {
    .bllp-err-title {
        font-size:1.6em
    }
}

.bllp-err-text {
    color: #3D4651;
    font-size: 1.4em;
    text-align: center
}

@media (max-width: 800px) {
    .bllp-err-text {
        font-size:1.1em
    }
}

.bllp-paginator .bllp-pag-page {
    display: flex;
    align-items: center;
    border-left: 0.5em solid var(--bllp-pag-page-border-unready);
    padding: 1.4em 1.0em 1.4em 0
}

.bllp-paginator .bllp-pag-page .bllp-pag-page-icon {
    color: var(--bllp-pag-page-icon-inactive)
}

.bllp-paginator .bllp-pag-page[data-type="infoPage"],.bllp-paginator .bllp-pag-page[data-type="resultPage"] {
    padding-left: 1.4em;
    border-left: 0;
    border-top: 1px solid var(--bllp-pag-special-ver-border-c);
    border-bottom: 1px solid var(--bllp-pag-special-ver-border-c)
}

.bllp-paginator .bllp-pag-page[data-type="infoPage"] .bllp-pag-page-icon,.bllp-paginator .bllp-pag-page[data-type="resultPage"] .bllp-pag-page-icon {
    margin-right: 1.5em;
    color: var(--bllp-pag-info-icon-c)
}

.bllp-paginator .bllp-pag-page[data-type="infoPage"] .bllp-pag-page-icon:before,.bllp-paginator .bllp-pag-page[data-type="resultPage"] .bllp-pag-page-icon:before {
    font-size: 2.4em
}

.bllp-paginator .bllp-pag-page[data-type="infoPage"][data-status="all-correct"] .bllp-pag-page-icon,.bllp-paginator .bllp-pag-page[data-type="resultPage"][data-status="all-correct"] .bllp-pag-page-icon {
    color: var(--bllp-pag-info-icon-finished-c)
}

.bllp-paginator .bllp-pag-page[data-type="infoPage"][data-active] .bllp-pag-page-icon,.bllp-paginator .bllp-pag-page[data-type="infoPage"][data-inactive]:hover .bllp-pag-page-icon,.bllp-paginator .bllp-pag-page[data-type="resultPage"][data-active] .bllp-pag-page-icon,.bllp-paginator .bllp-pag-page[data-type="resultPage"][data-inactive]:hover .bllp-pag-page-icon {
    color: var(--bllp-pag-page-active-icon)
}

.bllp-paginator .bllp-pag-page[data-type="resultPage"] .bllp-pag-page-icon {
    color: var(--bllp-pag-result-icon-c)
}

.bllp-paginator .bllp-pag-page[data-status="all-correct"] {
    border-left-color: var(--bllp-pag-page-icon-correct)
}

.bllp-paginator .bllp-pag-page[data-status="all-correct"] .bllp-pag-page-icon {
    color: var(--bllp-pag-page-icon-correct)
}

.bllp-paginator .bllp-pag-page[data-status="has-wrong"] {
    border-left-color: var(--bllp-pag-page-border-incorrect)
}

.bllp-paginator .bllp-pag-page[data-status="has-wrong"] .bllp-pag-page-icon {
    color: var(--bllp-pag-page-icon-incorrect)
}

.bllp-paginator .bllp-pag-page[data-active],.bllp-paginator .bllp-pag-page[data-inactive]:hover {
    background: var(--bllp-pag-page-active-bg)
}

.bllp-paginator .bllp-pag-page[data-active] .bllp-pag-page-icon,.bllp-paginator .bllp-pag-page[data-inactive]:hover .bllp-pag-page-icon {
    color: var(--bllp-pag-page-active-icon)
}

.bllp-paginator .bllp-pag-page[data-active] .bllp-pag-mods-toggler,.bllp-paginator .bllp-pag-page[data-inactive]:hover .bllp-pag-mods-toggler {
    color: var(--bllp-pag-modtoggler-hover-bg)
}

.bllp-paginator .bllp-pag-page[data-active] .bllp-pag-page-title {
    font-weight: bold
}

.bllp-paginator .bllp-pag-page[data-inactive] {
    cursor: pointer
}

.bllp-paginator .bllp-pag-page[data-disabled] {
    cursor: default
}

.bllp-paginator .bllp-pag-page[data-disabled] .bllp-pag-page-title {
    color: var(--bllp-pag-page-icon-inactive)
}

.bllp-paginator .bllp-pag-page[data-disabled] .bllp-pag-mods-toggler {
    color: var(--bllp-pag-page-icon-inactive)
}

.bllp-paginator .bllp-pag-page[data-disabled] .bllp-pag-page-icon {
    color: var(--bllp-pag-page-icon-inactive)
}

.bllp-paginator .bllp-pag-page[data-disabled]:hover {
    background: var(--bllp-pag-page-inactive-bg)
}

.bllp-paginator .bllp-pag-page[data-disabled]:hover .bllp-pag-page-icon {
    color: var(--bllp-pag-page-icon-inactive) !important
}

.bllp-paginator .bllp-pag-page[data-disabled]:hover .bllp-pag-mods-toggler {
    color: var(--bllp-pag-page-icon-inactive)
}

.bllp-paginator .bllp-pag-page-icon {
    flex: 0 0 auto;
    width: 5.2em;
    display: flex;
    justify-content: center
}

.bllp-paginator .bllp-pag-page-icon:before {
    font-size: var(--bllp-font-size);
    margin: 0
}

.bllp-paginator .bllp-pag-page-title {
    flex: 1 1 auto;
    font: var(--bllp-font-size) "Open Sans",sans-serif;
    line-height: 1.2
}

.bllp-paginator .bllp-pag-page-idx {
    display: none;
    flex: 1 1 auto;
    font-weight: bold;
    font: var(--bllp-font-size) "Open Sans",sans-serif
}

.bllp-paginator .bllp-pag-mods-toggler {
    flex: 0 0 auto;
    width: 3.8em;
    display: flex;
    justify-content: center;
    color: var(--bllp-pag-modtoggler-bg);
    cursor: pointer
}

.bllp-paginator .bllp-pag-mods-toggler:before {
    font-size: var(--bllp-font-size);
    margin: 0
}

.bllp-paginator .bllp-pag-mods-toggler:hover {
    color: #59bdff
}

.bllp-paginator .bllp-pag-mod {
    display: flex;
    align-items: center;
    padding: 1.4em 2.3em 1.4em 3.1em;
    border-left: 0.5em solid var(--bllp-pag-mod-border-unready);
    background: var(--bllp-pag-mod-bg)
}

.bllp-paginator .bllp-pag-mod[data-active] .bllp-pag-mod-title,.bllp-paginator .bllp-pag-mod[data-inactive]:hover .bllp-pag-mod-title {
    color: var(--bllp-pag-mod-active-c)
}

.bllp-paginator .bllp-pag-mod[data-inactive] {
    cursor: pointer
}

.bllp-paginator .bllp-pag-mod[data-status="correct"] {
    border-left-color: var(--bllp-pag-mod-border-correct)
}

.bllp-paginator .bllp-pag-mod[data-status="correct"] .bllp-pag-mod-icon {
    color: var(--bllp-pag-mod-icon-correct)
}

.bllp-paginator .bllp-pag-mod[data-status="wrong"] {
    border-left-color: var(--bllp-pag-mod-border-incorrect)
}

.bllp-paginator .bllp-pag-mod[data-status="wrong"] .bllp-pag-mod-icon {
    color: var(--bllp-pag-mod-icon-incorrect)
}

.bllp-paginator .bllp-pag-mod[data-disabled] {
    cursor: default
}

.bllp-paginator .bllp-pag-mod[data-disabled] .bllp-pag-mod-icon {
    color: var(--bllp-pag-mod-inactive-icon-c)
}

.bllp-paginator .bllp-pag-mod[data-disabled]:hover .bllp-pag-mod-title {
    color: var(--bllp-pag-mod-inactive-c)
}

.bllp-paginator .bllp-pag-mod-icon {
    color: var(--bllp-pag-mod-active-icon-c);
    margin: 0 1.0em 0 0
}

.bllp-paginator .bllp-pag-mod-icon:before {
    font-size: var(--bllp-font-size);
    margin: 0
}

.bllp-paginator .bllp-pag-mod-title {
    flex: 1 1 auto;
    font: var(--bllp-font-size) "Open Sans",sans-serif;
    line-height: 1.2;
    color: var(--bllp-pag-mod-inactive-c)
}

[data-collapsed] .bllp-paginator .bllp-pag-page .bllp-pag-page-title {
    display: none !important
}

[data-collapsed] .bllp-paginator .bllp-pag-mod-list {
    display: none
}

[data-fullscreen][data-force-cut] .bllp-box-sidepanel {
    position: absolute;
    z-index: 15;
    min-height: 100%
}

[data-collapsed] .bllp-paginator .bllp-pag-page .bllp-pag-page-title {
    display: none !important
}

[data-collapsed] .bllp-paginator .bllp-pag-mod-list {
    display: none
}

[data-collapsed] .bllp-paginator .bllp-pag-page[data-type="infoPage"] .bllp-pag-page-icon,[data-collapsed] .bllp-paginator .bllp-pag-page[data-type="resultPage"] .bllp-pag-page-icon {
    margin-right: 0;
    flex: auto
}

.bllp-module .bllp-module-title,.bllp-module .bllp-page-title {
    color: #000;
    margin: 4em 0 4.3em
}

.bllp-module .bllp-module-title.bllp-module-title-sor,.bllp-module .bllp-page-title.bllp-module-title-sor {
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 2em 1.4em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    --block-additional-margin: 1.4em
}

.bllp-module .bllp-module-title.bllp-module-title-sor .bllp-title-text,.bllp-module .bllp-page-title.bllp-module-title-sor .bllp-title-text {
    font-size: 3.2em;
    color: #3D4651
}

.bllp-module .bllp-module-title .bllp-title-text,.bllp-module .bllp-page-title .bllp-title-text {
    font-size: var(--bllp-heading-font-size);
    line-height: 1em
}

@media (max-width: 600px) {
    .bllp-module .bllp-module-title .bllp-title-text,.bllp-module .bllp-page-title .bllp-title-text {
        font-size:var(--bllp-heading-font-size-mobile)
    }
}

@media (max-width: 450px) {
    .bllp-module .bllp-module-title,.bllp-module .bllp-page-title {
        margin-bottom:3.5em
    }

    .bllp-module .bllp-module-title.bllp-module-title-sor,.bllp-module .bllp-page-title.bllp-module-title-sor {
        margin-bottom: 2em
    }
}

@media (max-width: 450px) {
    .bllp-module .bllp-module-title {
        margin-top:3.5em
    }

    .bllp-module .bllp-module-title.bllp-module-title-sor {
        margin-top: 1em
    }
}

.bllp-module .bllx-icon-btn {
    cursor: pointer;
    margin: 0 0 0 .5em
}

.bllp-module .bllx-icon-btn:hover {
    color: #15753e
}

.bllp-mcr-audio {
    margin: 0 0 1.5em 0;
    justify-content: center;
    display: block !important
}

.audio-panel {
    margin-bottom: 1.5em
}

.bllp-module-control-row {
    display: flex;
    justify-content: space-between;
    padding: 0 0 var(--bllp-font-size) 0;
    margin: 3.4em 0 0
}

.bllp-module-control-row .bllp-controls-wrapper {
    display: flex;
    max-width: 50%;
    margin-bottom: 1.5em
}

@media (max-width: 700px) {
    .bllp-module-control-row .bllp-controls-wrapper {
        flex-shrink:0
    }
}

@media all and (max-width: 600px) {
    .bllp-module-control-row .bllp-controls-wrapper {
        width:100%;
        max-width: 100%;
        justify-content: space-between
    }
}

.bllp-module-control-row .bllx-button {
    display: flex;
    justify-content: space-around
}

@media all and (max-width: 700px) {
    .bllp-module-control-row {
        display:flex;
        row-gap: 1.5em
    }

    .bllp-module-control-row .bllx-button.btn-ctrl-1 .bllx-icon {
        margin-right: 0.5em
    }

    .bllp-module-control-row .bllx-button.btn-ctrl-2 .bllx-icon {
        margin-right: 0.5em
    }
}

@media all and (max-width: 600px) {
    .bllp-module-control-row {
        flex-wrap:wrap
    }

    .bllp-module-control-row .bllx-button {
        min-width: 42%
    }

    .bllp-module-control-row .btn-nav-1 {
        order: 1
    }

    .bllp-module-control-row .btn-nav-2 {
        order: 2
    }

    .bllp-module-control-row .bllx-button-err,.bllp-module-control-row .btn-uncheck,.bllp-module-control-row .btn-ctrl-1 {
        margin: 0 auto
    }
}

@media (max-width: 450px) {
    .bllp-module-control-row .bllx-button-err,.bllp-module-control-row .btn-uncheck,.bllp-module-control-row .btn-ctrl-1 {
        width:100%;
        margin: 1.1em;
        justify-content: center
    }
}

.bllp-module-helper {
    margin: 0 0 1.5em 0;
    justify-content: center
}

@-webkit-keyframes activate-btn {
    0% {
        box-shadow: 0 0 0 0 #4FC168
    }

    50% {
        box-shadow: 0 0 17px 1px #4FC168
    }

    100% {
        box-shadow: 0 0 0 0 #4FC168
    }
}

@keyframes activate-btn {
    0% {
        box-shadow: 0 0 0 0 #4FC168
    }

    50% {
        box-shadow: 0 0 17px 1px #4FC168
    }

    100% {
        box-shadow: 0 0 0 0 #4FC168
    }
}

.bllp-nav-btn-active {
    visibility: visible
}

.btn-nav-2:disabled {
    visibility: hidden
}

.bllp-hints {
    font-size: var(--bllp-font-size);
    border: 1px solid #fabcbd;
    background-color: #f9eded;
    padding: .5em .7em;
    border-radius: .5em
}

*+.bllp-hints {
    margin-top: 1.0em
}

.bllp-hints.bllp-hints-right {
    border-color: #199a8c;
    background-color: #eefaf4
}

.bllp-hints.bllp-hints-solution {
    border-color: #c2b43d;
    background-color: #fcfbe6
}

.bllp-hints-title-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    font-size: var(--bllp-font-size);
    margin-top: 1.5em
}

.bllp-hints-title {
    align-items: center;
    width: 20em;
    text-align: center;
    margin: 0 0.5em;
    color: #3D4651
}

.bllp-hints-border {
    width: 100%;
    background-color: #3D4651;
    height: 1px;
    align-self: center
}

.bllp-hints-box {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

*+.bllp-hints-box {
    margin-top: 1.0em
}

.bllx-button-nav-right {
    color: white !important;
    background-color: #4FC168 !important;
    border: none !important
}

.bllx-button-nav-right .bllx-button-label {
    color: white !important
}

.bllx-button-nav-right:hover {
    background-color: #3aa351 !important;
    transition: background-color .2s ease-in
}

.bllx-button-nav-right .bllx-icon::before {
    color: white !important
}

.btn-ctrl-1,.bllp-start-btn {
    background-color: #ff9d2a !important
}

.btn-ctrl-1:hover,.bllp-start-btn:hover {
    background-color: #f68500 !important;
    transition: background-color .2s ease-in
}

.btn-ctrl-1[disabled] {
    background-color: #ccc !important
}

.btn-ctrl-1[disabled]:hover {
    background-color: #ccc !important
}

.bllp-box-body-border {
    --box-body-padding: 2em;
    --block-additional-margin: 0em;
    position: relative;
    padding-bottom: 2.5em;
    margin-bottom: 2.5em
}

.bllp-box-body-border::before {
    content: "";
    width: calc(100% + 2 * var(--box-body-padding) + var(--block-additional-margin));
    position: absolute;
    bottom: 0;
    height: 1px;
    background-color: #E6E6E6;
    left: calc(-1 * (var(--box-body-padding) + var(--block-additional-margin)))
}

.bllp-module [data-teacher="true"] .bllp-essay-textarea-wrapper {
    display: none
}

.bllp-box-body .bllp-purpose-list {
    margin: 0;
    list-style: disc;
    padding-left: 1.2em
}

.bllp-purpose-item {
    margin-bottom: 0.5em
}

.bllp-box .bllx-button {
    display: inline-flex;
    padding: 0 3.5em;
    border-radius: .4em;
    border: none;
    overflow: hidden;
    background-color: var(--bllp-btn-bg);
    height: 4.8em;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    text-decoration: none
}

.bllp-box .bllx-button[data-enabled] {
    cursor: pointer
}

.bllp-box .bllx-button[data-enabled]:hover,.bllp-box .bllx-button[data-enabled]:active,.bllp-box .bllx-button[data-enabled]:focus {
    outline: none;
    background-color: var(--bllp-btn-bg-hover)
}

.bllp-box .bllx-button[disabled] {
    border-color: var(--bllp-btn-disabled-bg);
    background-color: var(--bllp-btn-disabled-bg);
    color: var(--bllp-btn-disabled-c);
    cursor: default
}

.bllp-box .bllx-button .bllx-button-label {
    font: var(--bllp-font-size) "Open Sans",sans-serif;
    color: #fff
}

.bllp-box .bllx-button .bllx-icon {
    margin: 0 1.8em 0 0
}

.bllp-box .bllx-button .bllx-icon:before {
    margin: 0;
    font-size: 1.8em;
    color: #fff
}

.bllp-box .bllx-button.bllx-button-err {
    background-color: #FF8585;
    border-color: #FF8585
}

.bllp-box .bllx-button.bllx-button-err:hover[data-enabled],.bllp-box .bllx-button.bllx-button-err:active[data-enabled],.bllp-box .bllx-button.bllx-button-err:focus[data-enabled] {
    background-color: #ff5252
}

.bllp-box .bllx-button.bllx-button-err:disabled {
    background-color: #ffb8b8
}

.bllp-box .bllx-button.bllx-button-nav,.bllp-box .bllx-button.bllx-button-nav-right {
    background-color: white;
    border: 1px solid var(--bllp-nav-btn-border-c)
}

.bllp-box .bllx-button.bllx-button-nav .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav .bllx-icon:before,.bllp-box .bllx-button.bllx-button-nav-right .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav-right .bllx-icon:before {
    color: var(--bllp-nav-btn-text-c)
}

.bllp-box .bllx-button.bllx-button-nav:hover[data-enabled],.bllp-box .bllx-button.bllx-button-nav:active[data-enabled],.bllp-box .bllx-button.bllx-button-nav:focus[data-enabled],.bllp-box .bllx-button.bllx-button-nav-right:hover[data-enabled],.bllp-box .bllx-button.bllx-button-nav-right:active[data-enabled],.bllp-box .bllx-button.bllx-button-nav-right:focus[data-enabled] {
    background: white;
    border-color: var(--bllp-nav-btn-hover-border-c)
}

.bllp-box .bllx-button.bllx-button-nav:hover[data-enabled] .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav:hover[data-enabled] .bllx-icon:before,.bllp-box .bllx-button.bllx-button-nav:active[data-enabled] .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav:active[data-enabled] .bllx-icon:before,.bllp-box .bllx-button.bllx-button-nav:focus[data-enabled] .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav:focus[data-enabled] .bllx-icon:before,.bllp-box .bllx-button.bllx-button-nav-right:hover[data-enabled] .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav-right:hover[data-enabled] .bllx-icon:before,.bllp-box .bllx-button.bllx-button-nav-right:active[data-enabled] .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav-right:active[data-enabled] .bllx-icon:before,.bllp-box .bllx-button.bllx-button-nav-right:focus[data-enabled] .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav-right:focus[data-enabled] .bllx-icon:before {
    color: var(--bllp-nav-btn-hover-text-c)
}

.bllp-box .bllx-button.bllx-button-nav-right {
    flex-direction: row-reverse
}

.bllp-box .bllx-button.bllx-button-nav-right .bllx-icon {
    margin: 0 0 0 1.8em
}

.bllp-box .bllx-button.bllx-button-nav-right[disabled] {
    color: grey;
    border-color: grey
}

.bllp-box .bllx-button.bllx-button-nav-right[disabled] .bllx-button-label,.bllp-box .bllx-button.bllx-button-nav-right[disabled] .bllx-icon:before {
    color: grey
}

.bllp-box .bllx-button[data-empty] .bllx-icon {
    margin-right: 0
}

.bllp-box .bllp-error,.bllp-box .bllx-error {
    background: #d46161;
    border: 1px solid #c93939;
    padding: .5em;
    font-size: 14px;
    color: white;
    overflow-x: auto
}

.bllp-box .bllp-error .bllx-icon,.bllp-box .bllx-error .bllx-icon {
    color: #c93939
}

.bllp-box .bllp-error pre,.bllp-box .bllx-error pre {
    font-size: .8em;
    white-space: pre-wrap;
    color: white
}

.bllp-modal-overlay {
    position: fixed;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.bllp-modal-overlay .bllp-modal {
    position: absolute;
    background-color: white;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: var(--bllp-teacher-modal-width);
    padding: 0 2.5em;
    display: flex;
    flex-direction: column;
    max-width: 95%;
    border-radius: 1.2em
}

.bllp-modal-overlay .bllp-teacher-modal-text {
    margin: 0
}

.bllp-modal-overlay .bllp-modal-header {
    min-height: 6em;
    display: flex;
    align-items: center
}

@media (max-width: 450px) {
    .bllp-modal-overlay .bllp-modal-header {
        font-size:0.9em
    }
}

.bllp-modal-overlay .bllp-modal-content {
    min-height: 12em;
    margin-top: 1em
}

.bllp-modal-overlay .bllp-modal-content>p {
    font-size: 1.6em
}

@media (max-width: 450px) {
    .bllp-modal-overlay .bllp-modal-content>p {
        margin-top:0.6em
    }
}

.bllp-modal-overlay .bllp-modal-footer {
    min-height: 6.5em;
    display: flex;
    justify-content: space-between
}

.btn-olesson-primary {
    color: white;
    background-color: #3782C8 !important
}

.btn-olesson-primary:hover {
    background-color: #2c68a0 !important
}

.btn-olesson-info {
    color: white;
    background-color: #7F6FC0 !important
}

.btn-olesson-info:hover {
    background-color: #604daf !important
}

.btn-olesson-info[disabled] {
    background-color: #ccc !important
}

.btn-olesson-info[disabled]:hover {
    background-color: #ccc !important
}

.bllp-default-font-container {
    font-size: 16px
}

.bllp-btn-primary-loading {
    position: relative
}

.bllp-btn-primary-loading::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 80%;
    max-height: 10rem;
    transform: translate(-50%, -50%);
    content: '';
    background-image: url("img/loading.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.bllp-content {
    width: 100%
}

.bllp-module-result .bllp-finish-btn-wrapper {
    display: flex;
    justify-content: center
}

.bllp-module-result .bllp-finish-btn-wrapper .bllp-finish-btn {
    font-size: 0.6em;
    display: block
}

.bllp-module-result .bllp-result-control {
    margin: 1.0em 0 0 0
}

.bllp-module-result .bllp-result-worklist {
    margin: 2.0em 0 0 0;
    padding: .5em 0;
    max-width: 33em
}

.bllp-module-result .bllp-result-worklist .bllp-c-heading {
    line-height: 1em;
    font-size: 1em;
    margin-left: 1em
}

.bllp-module-result .bllp-result-worklist .bllp-list {
    padding: 0;
    margin: 0
}

.bllp-module-result .bllp-result-worklist .bllp-list-item {
    margin-top: 0.8em;
    display: block;
    background-color: #f3f6fA;
    border-radius: 5px;
    padding: 0
}

.bllp-module-result .bllp-result-worklist .bllp-list-item:before,.bllp-module-result .bllp-result-worklist .bllp-list-item:after {
    display: none
}

.bllp-module-result .bllp-result-worklist .bllp-c-link[href*="pdf"] {
    display: block;
    padding: 0.6em 1.5em;
    text-decoration: none;
    color: #000;
    border-radius: 5px;
    margin: 0 !important
}

.bllp-module-result .bllp-result-worklist .bllp-c-link[href*="pdf"]:hover {
    background-color: #ecf1f7
}

.bllp-module-result .bllp-result-worklist .bllp-c-link[href*="pdf"]:before {
    font-family: "platform-fontello";
    content: '\e81f';
    margin-right: 1.0em;
    color: var(--bllp-btn-bg)
}

.bllp-theme-1-4 .bllp-module-result .bllp-result-worklist .bllp-list {
    padding: 0;
    margin-top: 0.5em
}

.bllp-theme-1-4 .bllp-module-result .bllp-result-worklist .bllp-c-heading {
    margin: 0;
    font-size: 1.2em;
    padding: 0.4em
}

.bllp-theme-1-4 .bllp-module-result .bllp-result-worklist .bllp-c-group {
    margin-top: 0
}

.bllp-module-result .bllp-lesson-controls {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: .625em;
    margin-top: 1em
}

@media all and (max-width: 600px) {
    .bllp-module-result .bllp-lesson-controls .bllx-button {
        padding:1em;
        display: flex;
        justify-content: space-between
    }

    .bllp-module-result .bllp-lesson-controls .bllx-button .bllx-icon {
        margin-right: 1em
    }
}

@media all and (max-width: 450px) {
    .bllp-module-result .bllp-lesson-controls .bllx-button {
        justify-content:center;
        height: 6.4em;
        font-size: 1em
    }

    .bllp-module-result .bllp-lesson-controls .bllx-button:first-of-type {
        margin-right: 3em
    }

    .bllp-module-result .bllp-lesson-controls .bllx-button .bllx-button-label {
        text-align: center
    }

    .bllp-module-result .bllp-lesson-controls .bllx-button .bllx-icon {
        display: none
    }
}

.bllp-result-title-wrapper {
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
    color: #3d4651;
    padding-bottom: 2rem;
    font-size: 1.4em;
    margin-bottom: 2rem;
    align-items: center;
    line-height: 1.15 !important;
    --box-body-padding: 0.89em
}

.bllp-result-title-wrapper[data-sor] {
    align-items: start;
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0.8em;
    --box-body-padding: 0.62em
}

.bllp-result-title-wrapper[data-sor] .bllp-result-title {
    font-weight: normal;
    margin-left: 0.5em
}

@media (max-width: 500px) {
    .bllp-result-title-wrapper {
        font-size:1em;
        margin-top: 1.2em
    }
}

.bllp-result-title {
    font-weight: bold
}

.bllp-result-line {
    display: flex;
    margin: 2em auto;
    width: 100%;
    max-width: 1200px;
    justify-content: space-between;
    line-height: 1.15 !important
}

.bllp-result-line .bllp-result-table-wrapper {
    display: block;
    width: 60%
}

.bllp-result-line .bllp-result-table-row {
    display: flex;
    background-color: #f3f6fA;
    margin-bottom: 1.2em;
    border-radius: 5px;
    padding: 0.6em 1.5em;
    justify-content: space-between;
    line-height: 1.15 !important
}

.bllp-result-line .bllp-result-table-row:hover {
    cursor: pointer;
    background-color: #ecf1f7
}

.bllp-result-line .bllp-result-table-row--expanded {
    border-radius: 5px 5px 0 0
}

.bllp-result-line .bllp-result-table-row .bllp-result-table-row-text {
    font-weight: bold;
    color: #474747;
    font-size: 1em
}

.bllp-result-line .bllp-result-table-row-percent {
    flex-shrink: 0;
    text-align: end;
    margin-left: 0.5em;
    align-self: center
}

.bllp-result-line .bllp-result-table-module-list {
    border: 1px solid #f3f6fA;
    margin-bottom: 1.2em;
    padding: 0 1.2em 1em 1.2em;
    margin-top: -1.2em
}

@media (max-width: 450px) {
    .bllp-result-line .bllp-result-table-module-list {
        padding:0 0.5em 1em 0.5em
    }
}

.bllp-result-line .bllp-result-table-module {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1.3em;
    border-bottom: 2px solid #eaeff6;
    padding-bottom: 0.3em;
    color: #474747;
    font-size: 1em;
    line-height: 1.15 !important
}

@media (max-width: 450px) {
    .bllp-result-line .bllp-result-table-module {
        font-size:0.9em
    }
}

.bllp-result-line .bllp-result-table-module-title {
    width: 50%;
    margin-left: 0.3em
}

@media (max-width: 450px) {
    .bllp-result-line .bllp-result-table-module-title {
        margin-left:0
    }
}

.bllp-result-line .bllp-result-table-module-status {
    width: 50%;
    height: 100%;
    margin-left: 0.5em
}

.bllp-result-line .bllp-result-table-module-status--passed::before {
    content: "";
    position: absolute;
    background-color: #99dea8;
    width: 50%;
    bottom: -2px;
    left: 50%;
    height: 4px
}

.bllp-result-line .bllp-result-table-module-status--failed::before {
    content: "";
    position: absolute;
    background-color: #ffc5c5;
    width: 50%;
    bottom: -2px;
    left: 50%;
    height: 4px
}

@media (max-width: 450px) {
    .bllp-result-line .bllp-result-table-module-status {
        margin-left:0
    }
}

.bllp-result-line .bllp-result-sign {
    width: 38%
}

.bllp-result-line .bllp-result-sign .bllp-result-total-wrapper {
    border: 1px solid #f3f6fA;
    border-radius: 5px 5px 0 0;
    margin-bottom: 1.5em
}

@media all and (max-width: 900px) {
    .bllp-result-line {
        flex-direction:column
    }

    .bllp-result-line .bllp-result-table-wrapper {
        width: 100%
    }

    .bllp-result-line .bllp-result-sign {
        width: 100%
    }
}

.bllp-result-total-mark-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1em
}

.bllp-result-total-mark-wrapper .bllp-result-total-mark {
    color: var(--text-color, #474747);
    font-weight: bold;
    margin-bottom: 0.8em;
    font-size: 2.5rem
}

.bllp-finish-text {
    margin-bottom: 1em
}

.bllp-olesson-controls {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1.5em
}

.bllp-olesson-link-content {
    text-align: center;
    margin-bottom: 0.8em
}

.bllp-olesson-link-content .bllx-button {
    font-size: 0.6em;
    padding: 0 1.8em;
    width: 28em;
    justify-content: center
}

.bllp-result-student-logo {
    background-image: url("img/result-page-img.svg");
    width: 100%;
    max-width: 25em;
    background-position: center;
    background-size: contain;
    height: 10em;
    background-repeat: no-repeat;
    margin-bottom: 1em
}

.react-sweet-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.react-sweet-progress-symbol {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 35px;
    height: 20px;
    padding-left: 10px;
    color: var(--text-color, #474747);
    font-weight: 200;
    font-size: 0.9em
}

.react-sweet-progress-symbol-absolute {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    align-items: center;
    justify-content: center;
    transform: translate3d(-50%, -50%, 0)
}

.react-sweet-progress-symbol-absolute .react-sweet-progress-symbol {
    padding: 0;
    width: 100%
}

.react-sweet-progress-circle-outer {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.5em;
    height: 180px;
    width: 180px
}

@media (max-width: 600px) {
    .react-sweet-progress-circle-outer {
        height:100px;
        width: 100px
    }
}

.react-sweet-progress-line {
    width: 100%;
    border-radius: 100px;
    background-color: #efefef;
    vertical-align: middle
}

.react-sweet-progress-line-inner {
    position: relative;
    min-height: 10px;
    border-radius: 100px;
    transition: width 0.3s ease
}

.react-sweet-progress-line-inner-status-active:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    background: #fff;
    -webkit-animation: active-anim 2s cubic-bezier(0.25, 1, 0.6, 1) infinite;
    animation: active-anim 2s cubic-bezier(0.25, 1, 0.6, 1) infinite;
    content: "";
    opacity: 0
}

@-webkit-keyframes active-anim {
    0% {
        width: 0;
        opacity: .1
    }

    20% {
        width: 0;
        opacity: .5
    }

    to {
        width: 100%;
        opacity: 0
    }
}

@keyframes active-anim {
    0% {
        width: 0;
        opacity: .1
    }

    20% {
        width: 0;
        opacity: .5
    }

    to {
        width: 100%;
        opacity: 0
    }
}

.react-sweet-progress-circle path {
    stroke-linecap: round
}

.bllp-result-total-mark-wrapper[data-status="bad"] {
    --text-color: #f95b65
}

.bllp-result-total-mark-wrapper[data-status="good"] {
    --text-color: #ff9d2a
}

.bllp-result-total-mark-wrapper[data-status="perfect"],.bllp-result-total-mark-wrapper[data-status="veryPerfect"] {
    --text-color: #4fc168
}

.bllp-box {
    --bllp-font-size: 1.6em;
    --bllp-heading-font-size: 2.2em;
    --bllp-heading-font-size-mobile: 2em;
    --bllp-sidepanel-bg: #2c3e50;
    --bllp-sidepanel-shadow: #253646;
    --bllp-correct-bg: #eefaf4;
    --bllp-correct-text: #199a8c;
    --bllp-incorrect-bg: #f9eded;
    --bllp-incorrect-text: #bd5858;
    --bllp-sel-bg: #faf3e0;
    --bllp-sel-text: #e5ad3b;
    --bllp-link-color: #15753e;
    --bllp-link-color-hover: #0d4a27;
    --bllp-btn-bg: #a0b5c2;
    --bllp-btn-bg-hover: #819dae;
    --bllp-btn-disabled-bg: #cedee8;
    --bllp-btn-disabled-c: white;
    --bllp-nav-btn-border-c: #a0b5c2;
    --bllp-nav-btn-text-c: var(--bllp-nav-btn-border-c);
    --bllp-nav-btn-hover-border-c: #70d69b;
    --bllp-nav-btn-hover-text-c: var(--bllp-nav-btn-hover-border-c);
    --bllp-teacher-modal-width: 40em
}

.bllp-progress-panel {
    --bllp-progress-percent-c: #556c82;
    --bllp-progress-line-bg: #455b71;
    --bllp-progress-line-ready-bg: #1191e5
}

.bllp-paginator {
    --bllp-pag-inactive-text: #65727f;
    --bllp-pag-special-ver-border-c: #4A5969;
    --bllp-pag-info-icon-c: #00C3FF;
    --bllp-pag-result-icon-c: #E46252;
    --bllp-pag-info-icon-finished-c: var(--bllp-pag-page-icon-correct);
    --bllp-pag-modtoggler-bg: var(--bllp-pag-inactive-text);
    --bllp-pag-modtoggler-hover-bg: white;
    --bllp-pag-page-active-bg: #27AD60;
    --bllp-pag-page-active-icon: white;
    --bllp-pag-page-border-unready: var(--bllp-pag-inactive-text);
    --bllp-pag-page-border-correct: #27ae60;
    --bllp-pag-page-border-incorrect: #DE5C6F;
    --bllp-pag-page-icon-inactive: var(--bllp-pag-inactive-text);
    --bllp-pag-page-icon-correct: var(--bllp-pag-page-border-correct);
    --bllp-pag-page-icon-incorrect: var(--bllp-pag-page-border-incorrect);
    --bllp-pag-mod-bg: #1B3148;
    --bllp-pag-mod-active-c: white;
    --bllp-pag-mod-border-correct: var(--bllp-pag-page-border-correct);
    --bllp-pag-mod-border-incorrect: var(--bllp-pag-page-border-incorrect);
    --bllp-pag-mod-border-unready: var(--bllp-pag-inactive-text);
    --bllp-pag-mod-icon-correct: var(--bllp-pag-page-border-correct);
    --bllp-pag-mod-icon-incorrect: var(--bllp-pag-page-border-incorrect);
    --bllp-pag-mod-inactive-c: var(--bllp-pag-inactive-text);
    --bllp-pag-mod-inactive-icon-c: var(--bllp-pag-inactive-text)
}

.bllp-module .bllp-module-content {
    font-size: var(--bllp-font-size)
}

.bllp-module-result {
    --bllp-res-h4-fs: 1.37em;
    --bllp-res-row-bg: #f5fafe;
    --bllp-res-tbl-border: #d6dde3;
    --bllp-res-tbl-hover-bg: #faf3e0;
    --bllp-res-v2-bg: var(--bllp-incorrect-bg);
    --bllp-res-v2-text: var(--bllp-incorrect-text);
    --bllp-res-v3-bg: var(--bllp-sel-bg);
    --bllp-res-v3-text: var(--bllp-sel-text);
    --bllp-res-v4-bg: var(--bllp-correct-bg);
    --bllp-res-v4-text: var(--bllp-correct-text)
}

.bllp-theme-1-4 {
    --bllp-font-size: 2em;
    --bllp-heading-font-size: 2.56em;
    --bllp-teacher-modal-width: 42em
}

@media (max-width: 450px) {
    .bllp-theme-1-4 {
        --bllp-font-size: 1.8em;
        --bllp-heading-font-size: 2.1em
    }
}

.bllp-theme-1-4 .bllp-result-total-mark-wrapper .bllp-result-total-mark {
    font-size: 2.2rem
}

.bllp-theme-1-4 .bllp-result-title-wrapper {
    --box-body-padding: 0.7em
}

.bllp-theme-chemistry {
    --bllp-sidepanel-bg: #8183c2;
    --bllp-sidepanel-shadow: #5053a6;
    --bllp-btn-bg: #8183c2;
    --bllp-btn-bg-hover: #66678a;
    --bllp-btn-disabled-bg: #c5c6dc;
    --bllp-nav-btn-border-c: #7375b8;
    --bllp-nav-btn-hover-border-c: #4d4e73
}

.bllp-theme-chemistry .bllp-box-body {
    background: url("img/chemistry_content_bg.jpg")
}

.bllp-theme-chemistry .bllp-progress-panel {
    --bllp-progress-percent-c: white;
    --bllp-progress-line-bg: #7375b8;
    --bllp-progress-line-ready-bg: white
}

.bllp-theme-chemistry .bllp-paginator {
    --bllp-pag-inactive-text: #9d9fee;
    --bllp-pag-special-ver-border-c: #9597c9;
    --bllp-pag-info-icon-c: white;
    --bllp-pag-info-icon-finished-c: var(--bllp-pag-info-icon-c);
    --bllp-pag-result-icon-c: white;
    --bllp-pag-modtoggler-bg: white;
    --bllp-pag-page-active-bg: #6c6eb0;
    --bllp-pag-page-border-correct: #a3e58f;
    --bllp-pag-page-icon-incorrect: #ea909d;
    --bllp-pag-mod-bg: #5f61a2
}

.bllp-theme-chemistry .bllp-module .bllp-module-content {
    --bllp-mod-dark-bg: #505063
}

.bllp-theme-geometry {
    --bllp-sidepanel-bg: #60aeb3;
    --bllp-sidepanel-shadow: #408286;
    --bllp-btn-bg: #60aeb3;
    --bllp-btn-bg-hover: #438084;
    --bllp-btn-disabled-bg: #a9dde0;
    --bllp-nav-btn-border-c: #60aeb3;
    --bllp-nav-btn-hover-border-c: #3f7a7d
}

.bllp-theme-geometry .bllp-box-body {
    background: url("img/algebra_geometry_content_bg.png")
}

.bllp-theme-geometry .bllp-progress-panel {
    --bllp-progress-percent-c: white;
    --bllp-progress-line-bg: #6dc3c8;
    --bllp-progress-line-ready-bg: white
}

.bllp-theme-geometry .bllp-paginator {
    --bllp-pag-inactive-text: #8ad1d6;
    --bllp-pag-special-ver-border-c: #7bb9bd;
    --bllp-pag-info-icon-c: white;
    --bllp-pag-info-icon-finished-c: var(--bllp-pag-info-icon-c);
    --bllp-pag-result-icon-c: white;
    --bllp-pag-modtoggler-bg: white;
    --bllp-pag-page-active-bg: #509da2;
    --bllp-pag-page-border-correct: #a3e58f;
    --bllp-pag-page-border-incorrect: #eb5d7e;
    --bllp-pag-page-icon-incorrect: #f587a0;
    --bllp-pag-mod-bg: #489398
}

.bllp-theme-geometry .bllp-module .bllp-module-content {
    --bllp-mod-dark-bg: #2e5c5f
}

.bllp-theme-assessment {
    --bllp-sidepanel-bg: #56BBB5;
    --bllp-sidepanel-shadow: #388c87;
    --bllp-btn-bg: #56BBB5;
    --bllp-btn-bg-hover: #23ABA3;
    --bllp-btn-disabled-bg: #a9dde0;
    --bllp-nav-btn-border-c: #56BBB5;
    --bllp-nav-btn-hover-border-c: #3f7a7d
}

.bllp-theme-assessment .bllp-progress-panel {
    --bllp-progress-percent-c: white;
    --bllp-progress-line-bg: #6dc3c8;
    --bllp-progress-line-ready-bg: white
}

.bllp-theme-assessment .bllp-paginator {
    --bllp-pag-inactive-text: #8ad1d6;
    --bllp-pag-special-ver-border-c: #7bb9bd;
    --bllp-pag-info-icon-c: white;
    --bllp-pag-info-icon-finished-c: var(--bllp-pag-info-icon-c);
    --bllp-pag-result-icon-c: white;
    --bllp-pag-modtoggler-bg: white;
    --bllp-pag-page-active-bg: #23ABA3;
    --bllp-pag-page-border-correct: #a3e58f;
    --bllp-pag-page-border-incorrect: #eb5d7e;
    --bllp-pag-page-icon-incorrect: #f587a0;
    --bllp-pag-mod-bg: #1a817b
}

.bllp-theme-assessment .bllp-module .bllp-module-content {
    --bllp-mod-dark-bg: #2e5c5f
}

.bllp-theme-math {
    --bllp-sidepanel-bg: #5db1ec;
    --bllp-sidepanel-shadow: #1b90e2;
    --bllp-btn-bg: #2fa4f6;
    --bllp-btn-bg-hover: #097ed0;
    --bllp-btn-disabled-bg: #9dd2f7;
    --bllp-nav-btn-border-c: #368cc9;
    --bllp-nav-btn-hover-border-c: #26628d
}

.bllp-theme-math .bllp-box-body {
    background: url("img/math_content_bg.png")
}

.bllp-theme-math .bllp-progress-panel {
    --bllp-progress-percent-c: white;
    --bllp-progress-line-bg: #8ed0ff;
    --bllp-progress-line-ready-bg: white
}

.bllp-theme-math .bllp-paginator {
    --bllp-pag-inactive-text: #a4d9fe;
    --bllp-pag-special-ver-border-c: #79bbea;
    --bllp-pag-info-icon-c: white;
    --bllp-pag-info-icon-finished-c: var(--bllp-pag-info-icon-c);
    --bllp-pag-result-icon-c: white;
    --bllp-pag-modtoggler-bg: white;
    --bllp-pag-page-active-bg: #4aa1de;
    --bllp-pag-page-border-correct: #a3e58f;
    --bllp-pag-page-border-incorrect: #e95e7f;
    --bllp-pag-page-icon-incorrect: #ff93ad;
    --bllp-pag-mod-bg: #368cc9
}

.bllp-theme-math .bllp-module .bllp-module-content {
    --bllp-mod-dark-bg: #2f5e80
}

.bllp-theme-algebra {
    --bllp-sidepanel-bg: #dcae43;
    --bllp-sidepanel-shadow: #b18621;
    --bllp-btn-bg: #dcae43;
    --bllp-btn-bg-hover: #b18621;
    --bllp-btn-disabled-bg: #f3dfb2;
    --bllp-nav-btn-border-c: #d9bd68;
    --bllp-nav-btn-text-c: #c39f31;
    --bllp-nav-btn-hover-border-c: #c39f31
}

.bllp-theme-algebra .bllp-box-body {
    background: url("img/algebra_geometry_content_bg.png")
}

.bllp-theme-algebra .bllp-progress-panel {
    --bllp-progress-percent-c: white;
    --bllp-progress-line-bg: #edd27f;
    --bllp-progress-line-ready-bg: white
}

.bllp-theme-algebra .bllp-paginator {
    --bllp-pag-inactive-text: #f8e097;
    --bllp-pag-special-ver-border-c: #ddb964;
    --bllp-pag-info-icon-c: white;
    --bllp-pag-info-icon-finished-c: var(--bllp-pag-info-icon-c);
    --bllp-pag-result-icon-c: white;
    --bllp-pag-modtoggler-bg: white;
    --bllp-pag-page-active-bg: #d1a339;
    --bllp-pag-page-border-correct: #a3e58f;
    --bllp-pag-page-border-incorrect: #eb5d7e;
    --bllp-pag-mod-bg: #c29325;
    --bllp-pag-mod-icon-incorrect: #ffcece
}

.bllp-theme-algebra .bllp-module .bllp-module-content {
    --bllp-mod-dark-bg: #674f17
}

.bllp-theme-discovery {
    --bllp-sidepanel-bg: #4ab863;
    --bllp-sidepanel-shadow: #338245;
    --bllp-btn-bg: #4ab863;
    --bllp-btn-bg-hover: #338245;
    --bllp-btn-disabled-bg: #4ab863;
    --bllp-nav-btn-border-c: #27ae60;
    --bllp-nav-btn-text-c: #19703e;
    --bllp-nav-btn-hover-border-c: #19703e
}

.bllp-theme-discovery .bllp-box-body {
    background: url("img/math_content_bg.png")
}

.bllp-theme-discovery .bllp-progress-panel {
    --bllp-progress-percent-c: white;
    --bllp-progress-line-bg: #7be192;
    --bllp-progress-line-ready-bg: white
}

.bllp-theme-discovery .bllp-paginator {
    --bllp-pag-inactive-text: #54bd6c;
    --bllp-pag-special-ver-border-c: #6ac17e;
    --bllp-pag-info-icon-c: white;
    --bllp-pag-info-icon-finished-c: var(--bllp-pag-info-icon-c);
    --bllp-pag-result-icon-c: white;
    --bllp-pag-modtoggler-bg: white;
    --bllp-pag-page-active-bg: #3ca253;
    --bllp-pag-page-border-correct: #a3e58f;
    --bllp-pag-page-icon-inactive: #78cf7a;
    --bllp-pag-page-border-incorrect: #eb5d7e;
    --bllp-pag-mod-bg: #378d4a;
    --bllp-pag-mod-icon-incorrect: #54bd6c
}

.bllp-theme-discovery .bllp-module .bllp-module-content {
    --bllp-mod-dark-bg: #674f17
}

.bllp-cl-prj-bilimland {
    --bllp-video-ratio: 66.61%
}

.bllp-cl-prj-sitcen {
    --bllp-video-ratio: 56.25%
}

.bllp-descriptors-list-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 1em;
    margin-top: 2.5em;
    color: #3D4651
}

.bllp-descriptors-item-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1.6em;
    min-height: 3em
}

.bllp-descriptors-item-wrapper:first-child {
    background: #F3F5F8;
    border-radius: 5px;
    padding: 0.7em 0 0.7em 0;
    border-bottom: none
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-title {
    width: 64%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-bottom: 1px solid #F3F6FA;
    padding-left: 1.2em
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-title--header {
    font-weight: 600;
    text-transform: uppercase;
    border: none
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-mark {
    width: 18%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    font-weight: 600
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-mark--max {
    border-bottom: 1px solid #F3F6FA
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-mark--max::before {
    content: "";
    background-color: var(--bllp-sidepanel-bg);
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-mark--header {
    font-weight: 600;
    text-transform: uppercase
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-mark-input {
    height: 100%;
    text-align: center;
    vertical-align: center;
    padding-left: 0.2em;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.bllp-descriptors-item-wrapper .bllp-descriptors-item-mark-input input {
    background-color: #EAF5F5;
    text-align: center;
    border: none;
    height: auto;
    padding: 0.6em 0;
    font-weight: 600;
    caret-color: #56BBB5
}

.bllp-box .bllp-descriptors-item-mark-input.bllx-input-wrapper input {
    border-radius: 5px;
    max-width: 100%
}

.bllp-answer-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.bllp-answer-item .bllp-content {
    margin-left: 0
}

.bllp-result-table-sor-wrapper {
    font-size: 16px;
    width: 100%;
    color: #3D4651
}

.bllp-result-table-sor-wrapper .bllp-result-table-hat {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #F3F5F8;
    border-top: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    border-radius: 5px 5px 0 0
}

.bllp-result-table-sor-wrapper .bllp-result-table-hat .bllp-result-table-cell {
    font-weight: bold;
    text-transform: uppercase
}

.bllp-result-table-sor-wrapper .bllp-result-table-sor-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6
}

.bllp-result-table-sor-wrapper .bllp-result-table-sor-row--total {
    background: #f7f9fc
}

.bllp-result-table-sor-wrapper .bllp-result-table-sor-row--total .bllp-result-table-cell {
    padding-top: 0.7em;
    padding-bottom: 0.7em
}

.bllp-result-table-sor-wrapper .bllp-result-table-sor-row--total .bllp-result-table-cell--large {
    width: 80%;
    text-align: right;
    font-weight: bold
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell {
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0.4em;
    width: 100%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell:last-child {
    border-right: none
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--small {
    width: 10%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--medium {
    width: 35%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--large {
    width: 55%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--large .bllp-result-table-cell--medium {
    width: 63.7%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--large .bllp-result-table-cell--small {
    width: 18%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--largeX {
    width: 65%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--largeX .bllp-result-table-cell--small {
    width: 15.4%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--largeX .bllp-result-table-cell--medium {
    width: 54%
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--inside .bllp-result-table-sor-row {
    border-left: none;
    border-right: none
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--inside.bllp-result-table-cell--large {
    padding: 0
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--inside.bllp-result-table-cell--largeX {
    padding: 0
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--inside.bllp-result-table-cell--largeX .bllp-result-table-cell--medium {
    padding: 0
}

.bllp-result-table-sor-wrapper .bllp-result-table-cell--inside .bllp-result-table-sor-row:last-child .bllp-result-table-cell {
    border-bottom: none
}

.bllp-result-student-container-base {
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 4em;
    width: 100%
}

.bllp-result-student-container-base--teacher {
    width: auto;
    margin: 3em 0 2.5em 0;
    padding-bottom: 2em;
    --box-body-padding: 1.2em
}

.bllp-result-student-container {
    display: flex;
    flex-direction: column;
    width: 48%;
    justify-content: space-between
}

.bllp-result-student-wrapper {
    color: #3D4651;
    border: 1px solid #EBEFF4;
    border-radius: 5px
}

.bllp-result-student-wrapper .bllp-result-student-title {
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
    background: #F3F5F8;
    border-radius: 5px 5px 0 0;
    padding: 1em 1.2em
}

.bllp-result-student-wrapper .bllp-result-student-value {
    text-align: center;
    color: #3D4651;
    font-size: 2rem;
    font-weight: 600;
    padding: 0.6em
}

.bllp-result-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.bllp-result-teacher-feedback-wrapper {
    color: #3D4651;
    border-radius: 5px;
    border: 1px solid #EBEFF4
}

.bllp-result-teacher-feedback-wrapper--student {
    max-width: 1200px;
    margin: 0 4em
}

.bllp-result-teacher-feedback-wrapper--student .bllp-result-teacher-feedback-text {
    padding: 0.8em 1.2em
}

.bllp-result-teacher-feedback-wrapper--student .bllp-result-teacher-feedback-text .bllp-c-flex-group {
    font-size: 1em !important
}

.bllp-result-teacher-feedback-wrapper .bllp-result-teacher-feedback {
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
    background: #F3F5F8;
    border-radius: 5px 5px 0 0;
    padding: 1em 1.2em
}

.bllp-result-teacher-feedback-wrapper .bllp-result-teacher-feedback-text {
    border: 0;
    margin: 0;
    padding: 0.5em 1.2em;
    font-size: 16px;
    min-height: 100px;
    color: #3D4651
}

.bllp-result-student-result-text {
    font-size: 1.5em;
    font-weight: bold;
    color: #3D4651;
    width: 50%;
    line-height: 1.15
}

.result-student-result-wrapper {
    text-align: center;
    max-width: 1200px;
    margin: 1.5em 4em;
    display: flex;
    justify-content: center
}

.bllp-result-text-finished {
    color: #3D4651;
    font-size: 1.1em;
    font-weight: 600;
    margin: 1em 0
}

@media (max-width: 400px) {
    .bllp-result-text-finished {
        font-size:1em
    }
}

.bllp-result-teacher-send {
    text-align: center;
    font-size: 1.5em;
    color: #3D4651
}

.bllp-info-page-wrapper {
    margin: 5em auto;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #858585;
    font-size: 3em
}

.bllp-info-page-wrapper .bllp-info-page-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em
}

.bllp-info-page-wrapper .bllp-info-page-text-wrapper .bllp-info-page-text {
    line-height: 1.15;
    text-align: center
}

.bllp-info-page-wrapper .bllp-info-page-text-wrapper .bllp-info-page-text-value {
    color: #3D4651;
    margin: 0.5em auto;
    font-weight: 600
}

.bllp-time-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.bllp-time-wrapper .bllp-time-value {
    color: #3D4651;
    margin: 0.5em auto;
    font-weight: 600
}

.bllp-result-sor-page-wrapper {
    margin: 2em auto;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #858585;
    font-size: 1.5em;
    width: 100%
}

.bllp-result-message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
    padding-top: 0.5em;
    text-align: center
}

.bllp-result-message[data-finished="false"] {
    color: #3D4651
}

.bllp-sor-timer-wrapper {
    margin-right: 1.6em;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
    color: #3D4651;
    font-size: 2em;
    line-height: 1.3
}

.bllp-sor-timer-wrapper .bllp-sor-timer-text {
    text-transform: uppercase
}

.bllp-sor-timer-wrapper .bllp-sor-timer-time {
    color: #3D4651;
    font-weight: 600
}

.bllp-uploaded-files-wrapper {
    margin: 2em auto;
    max-width: 1200px
}

.bllp-uploaded-files-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1.5em 0;
    font-size: 1.6em
}

.bllp-uploaded-files-item-status {
    width: 10em;
    text-align: center;
    background-color: #4FC168;
    color: white;
    border-radius: 5px;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    font-family: "Open Sans", sans-serif
}

.bllp-uploaded-files-item-name {
    background-color: #F1F1F1;
    color: #757575;
    padding: 0.8em 2em;
    border-radius: 5px;
    flex-grow: 1;
    margin-left: 1em;
    text-overflow: ellipsis;
    overflow: hidden
}

.bllp-file-upload-wrapper {
    margin-bottom: 1em
}

.bllp-file-upload-title {
    color: #3D4651;
    font-weight: 600;
    font-size: 1.6em;
    text-transform: uppercase;
    margin-bottom: 1em;
    background: #F3F5F8;
    border-radius: 5px;
    padding: 0.8em 1.2em
}

.bllp-uploaded-files-btn {
    background-color: white;
    color: #4FC168;
    font-size: 1.6em;
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 20em;
    border: 1px solid #4FC168;
    border-radius: 5px;
    padding: 0.8em 0
}

.bllp-uploaded-files-btn:hover {
    cursor: pointer
}

.bllp-uploaded-files-btn input {
    display: none
}

.bllp-delete-btn {
    background-color: white;
    color: #FF7C7C;
    display: block;
    text-align: center;
    border: 1px solid #FF7C7C;
    border-radius: 5px;
    line-height: 1.2em;
    font-size: 1em;
    margin-left: 1em;
    width: 10em
}

.bllp-delete-btn:hover {
    cursor: pointer
}

.bllp-uploaded-files-btn-loading {
    background-color: #4FC168 !important
}

.bllp-uploaded-files-btn-loading:hover {
    cursor: default
}

.bllp-delete-btn-loading {
    background-color: #FF7C7C !important
}

.bllp-delete-btn-loading:hover {
    cursor: default
}

.bllp-teacher-files-upload-wrapper .bllp-uploaded-files-btn,.bllp-teacher-files-upload-wrapper .bllp-uploaded-files-item,.bllp-teacher-files-upload-wrapper .bllp-error-message {
    font-size: 1em
}

.bllp-error-message {
    font-size: 1.5em;
    color: #FF7C7C;
    text-align: center;
    width: 70%;
    margin: 0.5em auto 0
}

@media (max-width: 600px) {
    .bllp-uploaded-files-item-status,.bllp-delete-btn {
        width:8em
    }
}

@media (max-width: 450px) {
    .bllp-uploaded-files-item-status {
        display:none
    }

    .bllp-delete-btn {
        margin-left: 0.5em;
        width: 7em
    }

    .bllp-uploaded-files-item-name {
        margin-left: 0
    }
}

.bllp-category-wrapper {
    color: #3D4651
}

.bllp-category-wrapper .bllp-c-flex-group {
    margin-top: 0
}

.bllp-category-title {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1em;
    background: #F3F5F8;
    border-radius: 5px;
    padding: 0.8em 1.2em;
    font-size: 1.6em
}

.bllp-category-body {
    margin-left: 1.2em;
    font-size: 1.6em
}

.bllp-module-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1em;
    --bllp-columns-count: 2
}

.bllp-module-columns .bllp-module-inline-wrapper {
    width: calc(100% / var(--bllp-columns-count) - 2%)
}

@media (max-width: 1000px) {
    .bllp-module-columns {
        flex-direction:column
    }

    .bllp-module-columns .bllp-module-inline-wrapper {
        width: 100%
    }
}

.bllp-module-inline-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.5em
}

.bllp-module-inline-title {
    flex-grow: 1;
    margin-bottom: 0;
    border-radius: 5px 0 0 5px
}

.bllp-module-inline-value {
    border-bottom: 2px solid #56BBB5;
    padding: 0.8em;
    margin-left: 0;
    min-width: 4em;
    text-align: center
}

.bllp-box .bllx-input-wrapper.bllp-module-inline-input-wrapper {
    margin-left: 0;
    height: 100%
}

.bllp-box .bllx-input-wrapper .bllp-module-inline-input {
    max-width: 4em;
    text-align: center;
    border-left: none;
    border-radius: 0 5px 5px 0;
    color: #3D4651;
    font-family: "Open Sans", sans-serif
}

.bllp-box .bllx-input-wrapper .bllp-module-inline-input:focus {
    box-shadow: 0 0 2pt 2pt #c7e5e5;
    outline: none !important
}

.bllp-module-padding>.bllp-module-content>.bllp-content>.bllp-c-paragraph,.bllp-module-padding>.bllp-module-content>.bllp-content>.bllp-c-group,.bllp-module-padding>.bllp-module-content>.bllp-content>.bllp-list,.bllp-module-padding>.bllp-module-content>.bllp-content>.bllp-c-set {
    padding: 0 1.2em
}

.bllp-content {
    color: #3D4651 !important
}

.bllp-mb-medium {
    margin-bottom: 2.5em
}

.bllp-adaptive-element-wrapper {
    max-width: 1200px;
    margin: 2.5em auto
}

.bllp-ticket-create-wrapper {
    font-size: 1.6em;
    margin-top: 2em
}

.bllp-ticket-create-wrapper .bllp-error-message {
    font-size: 1em
}

.bllp-ticket-create-wrapper .bllp-result-teacher-feedback-wrapper {
    margin-bottom: 1em
}

.bllp-ticket-create-wrapper .bllp-result-teacher-feedback-wrapper .bllx-input-wrapper {
    min-height: 3em;
    display: block
}

.bllp-ticket-create-wrapper .bllp-result-teacher-feedback-wrapper input {
    color: #3D4651;
    border: none;
    padding: 0.8em 1.2em
}

.bllp-ticket-create-wrapper .bllp-result-teacher-feedback-wrapper input:focus {
    outline: none
}

.bllp-ticket-create-constrols {
    margin-top: 1em;
    display: flex;
    flex-direction: row
}

.bllp-ticket-create-constrols .bllp-uploaded-files-btn {
    font-size: 1em;
    padding: 0.8em 1.5em;
    margin: 0 auto 0 0
}

.bllp-ticket-create-constrols .bllp-uploaded-files-item-name {
    margin-right: 1em
}

.bllp-ticket-send-btn {
    background-color: white;
    color: #4FC168;
    font-size: 1em;
    display: block;
    text-align: center;
    margin-left: auto;
    max-width: 30em;
    border: 1px solid #4FC168;
    border-radius: 5px;
    padding: 0.8em 1.5em
}

.bllp-ticket-send-btn:hover {
    cursor: pointer
}

.bllp-adapt-hints__wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.bllp-adapt-hint__body {
    margin-top: 30em
}

.bllp-text-lower {
    text-transform: lowercase
}