:root {
    --playerPointerCircleBase: 320;
    --playerPointerCircleDiameter: 15;
}
a[disabled],
button[data-disabled],
button[disabled] {
    cursor: not-allowed !important;
}
.alertOuter {
    background-color: #ff7f50;
    border: #f00000 3px solid;
    border-radius: 10px;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    position: fixed;
    z-index: 2000;
}
.alignCenter {
    display: flex;
    justify-content: center;
}
.appendBadge {
    align-items: center;
    border: #000 1px solid !important;
    border-radius: 15px;
    display: flex;
    height: 30px;
    justify-content: center;
    left: -15px;
    min-width: 30px;
    position: absolute;
    top: -15px;
}
#appointmentsAll,
#videoAll {
    overflow: hidden;
}
#appointmentSpinnerOuter {
    padding: 10px;
}
.appointmentsStart,
.videoControl {
    width: 93.5px;
}
.badge {
    border-radius: 10px;
    line-height: 1;
}
body {
    font-size: 14px;
    margin: 0;
}
.btn-danger {
    background: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.btn-default {
    background: #fff;
    border: 1px solid #ccc;}
.btn-default:hover {
    background: #e6e6e6;
    border-color: #adadad;
}
.btn-default:not([disabled]) {
    cursor: pointer;
}
.btn-disabled {
    opacity: .65;
}
.btn-disabled:active {
    color: #fff !important;
}
.btn-none {
    background: none;
    padding: 0;
}
.btn-success {
    background: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
}
button.btn-default {
    font-size: 21px;
    padding: 7px 12px;
}
button.fa {
    cursor: pointer;
}
#clock {
    margin-right: 10px;
}
.clock {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjE4NiAxODYgMzgwLjUgMzgwLjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zOTkuNjggMzUyLjMydi03MS4yNThjMC0xMi43ODEtMTAuNjAyLTIzLjQ2MS0yMy42OC0yMy40NjEtMTMuMTY4IDAtMjMuNjc2IDEwLjUwNC0yMy42NzYgMjMuNDYxdjk1LjE1MmMwIDYuMzkwNiAyLjY0ODQgMTIuMjU0IDYuOTMzNiAxNi41MjMgNC4zNDc3IDQuMzM5OCAxMC4yMzggNi45Mzc1IDE2LjczOCA2LjkzNzVoNzEuMDQ3YzEzLjE2OCAwIDIzLjY3Ni0xMC42MDIgMjMuNjc2LTIzLjY4IDAtMTMuMTY4LTEwLjYwMi0yMy42NzYtMjMuNjc2LTIzLjY3NnptLTIzLjY4IDIxMy4xMWMxMDQuNjIgMCAxODkuNDMtODQuODEyIDE4OS40My0xODkuNDNzLTg0LjgxMi0xODkuNDMtMTg5LjQzLTE4OS40My0xODkuNDMgODQuODA5LTE4OS40MyAxODkuNDMgODQuODA5IDE4OS40MyAxODkuNDMgMTg5LjQzem0wLTQ3LjM1OWM3OC40NjkgMCAxNDIuMDctNjMuNjA1IDE0Mi4wNy0xNDIuMDcgMC03OC40NjUtNjMuNjA1LTE0Mi4wNy0xNDIuMDctMTQyLjA3LTc4LjQ2NSAwLTE0Mi4wNyA2My42MDktMTQyLjA3IDE0Mi4wNyAwIDc4LjQ2OSA2My42MDkgMTQyLjA3IDE0Mi4wNyAxNDIuMDd6Ii8+Cjwvc3ZnPg==);
}
.clock,
.sandClock {
    background-size: 15px;
    margin-right: 5px;
    top: 1px;
}
.container {
    container: container / inline-size;
}
#contentLeft,
#contentRight {
    margin-inline: 15px;
}
#contentLeft,
#contentMiddle,
#contentRight {
    box-sizing: border-box;
    display: inline-block;
    height: fit-content;
    overflow: hidden;
    padding-right: min(max(50% - 175px, 0px), 3px);
    text-align: left;
    vertical-align: top;
}
#contentMiddle {
    box-shadow: 3px 3px 4px -1px rgb(0 0 0 / 65%);
    margin-bottom: 15px;
}
#contentMiddle > div {
    width: calc(100% + 3px);
}
#contentRight {
    width: 350px;
}
.cursorMove:hover {
    cursor: move;
}
#defaultRepetitions ,
#settingsRepetitions {
    display: inline-block;
    height: 23px;
    vertical-align: top;
}
#defaultRepetitions > div,
#settingsRepetitions > div {
    display: inline-block;
}
#defaultSettings {
    box-sizing: border-box;
    min-height: 158px;
}
#defaultSettings > .flex {
    min-height: 128px;
}
.disabled {
    cursor: not-allowed !important;
}
.dragOver {
    background: #ccde81 !important;
}
.emptyRow {
    margin-top: 15px;
}
#exerciseAppName {
    float: left;
    margin-top: 6.5px;
    width: 0;
}
.exerciseChoice {
    background: #fff;
    border: 1px solid #2e6da4;
    color: #294c6b;
    cursor: pointer;
}
.exerciseDisabledCharacters {
    background: #c0c0c0;
}
.exerciseChoiceImg {
    cursor: pointer;
    height: fit-content;
    padding: 3px !important;
    width: calc(25% - 20px);
}
.exerciseChoiceImg:focus {
    opacity: .7;
}
.exerciseChoiceImg > img {
    vertical-align: middle;
}
.exerciseChoiceImgDisabled {
    opacity: 1 !important;
}
.exerciseChosen,
.exerciseOptions {
    text-align: center;
}
.exerciseChosen > button,
.exerciseOptions > button {
    font-size: 21px;
    margin-bottom: 10px;
    margin-right: 17px;
    padding: 7px 12px;
}
.exerciseChosen > button:not(.btn-default),
.exerciseOptions > button:not(.exerciseChoice) {
    border: 1px solid transparent;
}
#exerciseClose {
    background: none;
    cursor: pointer;
    height: 36.5px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 1.5px;
    width: 30px;
}
#exerciseClose > i {
    bottom: 1.5px;
    position: relative;
}
#exerciseContent,
#exerciseContentA {
    display: flex;
    min-height: 500px;
    padding-inline: max(min(50% - 160px, 15px), 0px);
    width: calc(100% - max(min(100% - 320px, 30px), 0px));
}
#exerciseContent img,
#exerciseContent video,
#exerciseContentA img,
#exerciseContentA video {
    max-width: 100%;
}
#exerciseContentA > .spinnerBig {
    position: relative;
    top: 205px;
}
#exerciseFooter {
    text-align: right;
}
#exerciseFooter .spinner16 {
    display: inline-block;
}
#exerciseFooter .spinner16::after {
    background: var(--hisssBackgroundColor);
}
#exerciseFooter .spinner16::before {
    background:
        linear-gradient(0deg, var(--hisssBackgroundColor) 50%, var(--hisssBackgroundColor) 100%) 0% 0%,
        linear-gradient(90deg, var(--hisssBackgroundColor) 0%, var(--hisssBackgroundColor) 100%) 100% 0%,
        linear-gradient(180deg, var(--hisssBackgroundColor) 0%, hsla(0, 0%, 100%, 0) 100%) 100% 100%,
        linear-gradient(360deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0) 100%) 0% 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
}
#exerciseFooter,
#exerciseHeading {
    font-size: 18px;
    font-weight: bold;
    min-height: 38px;
    position: relative;
}
#exerciseHeading {
    text-align: center;
    z-index: 1;
}
#exerciseLogo {
    float: left;
    height: 30px;
    margin: 4px 5px 0 5px;
    width: 30px;
}
.exerciseNext,
.exercisePrevious,
.exerciseRepeat {
    border-radius: 50%;
    margin-bottom: 0;
}
.exerciseOptions {
    padding-inline: max(min(50% - 160px, 15px), 0px);
}
.exerciseOptions > .btn-default {
    outline: none !important;
}
.exerciseOptions > .btn-default:not(.exerciseChoiceImg) {
    padding: unset !important;
}
.exerciseOptions > button:last-child {
    margin-right: 0;
}
#exerciseOptions input,
#exerciseOptionsA input {
    margin-right: unset !important;
}
#exerciseOuter {
    background: #fff;
    container: exerciseOuter / inline-size;
    min-height: 500px;
    padding: 0;
}
#exerciseOuter button > img {
    display: block;
}
#exerciseOuter img,
#exerciseOuter video {
    max-width: min(100%, 320px);
    width: 320px;
}
.exercisePrevious {
    margin-top: 225px;
}
.exerciseRepeat {
    margin: 155px 0 20px;
}
.exerciseResultOuter {
    clear: both;
    text-align: center;
}
.exerciseResultOuter span:not(.s4):not(.s8):not(.s10) {
    font-size: 18px;
    font-weight: bold;
}
.exerciseResultWords > span {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-inline: 3px;
}
#exerciseStartNoExercisesOuter {
    border-top: 2px solid #bdc8d1;
}
#exerciseTitleOuter {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    min-height: 38px;
    padding: 4px 0;
    width: calc(100% - 175px);
}
#exerciseType {
    position: relative;
    right: 5px;
}
.flashBackgroundColor,
.flashColor,
.flashColor > div,
.flashFilterContrast {
    animation-direction: alternate;
    animation-timing-function: step-end;
}
.flashBackgroundColor {
    animation-duration: .5s;
    animation-iteration-count: 10;
    animation-name: flashBackgroundColor;
}
@keyframes flashBackgroundColor {
    50% {background: red;}
}
.flashColor,
.flashColor > div {
    animation-duration: .5s;
    animation-iteration-count: 10;
    animation-name: flashColor;
}
@keyframes flashColor {
    50% {color: red;}
}
.flashFilterContrast {
    animation-duration: 1s;
    animation-iteration-count: 5;
    animation-name: flashFilterContrast;
}
@keyframes flashFilterContrast {
     10% {filter: contrast(.8);}
     20% {filter: contrast(.6);}
     30% {filter: contrast(.4);}
     40% {filter: contrast(.2);}
     50% {filter: contrast( 0);}
     60% {filter: contrast(.2);}
     70% {filter: contrast(.4);}
     80% {filter: contrast(.6);}
     90% {filter: contrast(.8);}
    100% {filter: contrast( 1);}
}
.form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.fullHeight {
    height: 100%;
}
.fullWidth {
    width: 100% !important;
}
.halfTransparency {
    opacity: .5 !important;
}
header {
    box-sizing: border-box;
}
#headerRight a {
    text-decoration: none;
}
#headerRight ul {
    box-sizing: border-box;
}
#headerRightUserLogout {
    font-size: inherit;
}
h3 {
    font-size: 24px;
    line-height: 1.1;
}
.hiddenVideoOuter {
    height: 1px;
    left: 5px;
    overflow: hidden;
    position: fixed;
    top: 20px;
    width: 50px;
}
.hide {
    display: none !important;
}
#highchartsDiv {
    align-items: center;
    display: flex;
    width: 100%;
}
#highchartsDiv > .spinnerBig {
    top: unset;
}
.hisss-topbar {
    position: relative;
    top: -50px;
}
.highchartsElement {
    width: 100%;
}
.hisssBridgeWordConfirm {
    border: 0;
    cursor: pointer;
    font-size: 12px;
    margin-left: 20px;
    padding: 0 10px !important;
}
.hisssBridgeWordSolutions {
    background: unset;
    border: unset;
    font-size: 20px;
    margin: 0 20px;
    width: 150px;
}
.hisssBridgeWordSolutions:focus,
.hisssBridgeWordSolutions:active {
    outline: unset;
}
.hisssCorrectChose {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.hisssCorrectNo,
.hisssCorrectYes {
    cursor: pointer;
    font-size: 21px;
    margin-inline: 10px;
    padding: 7px 12px;
    position: relative;
}
.hisssGap {
    padding-top: 150px;
    text-align: center;
}
.hisssGapButton {
    margin-inline: 7.5px;
}
.hisssGapContents {
    padding-top: 50px;
}
.hisssGapSpan {
    display: inline-block;
    padding-top: 20px;
}
.hisssGapSpan > div {
    display: inline;
}
.hisssInstruction {
    font-size: 20px;
    text-align: center;
    width: 100%;
}
.hisssOppositeReveal {
    font-size: 80% !important;
    margin-top: 10px;
    padding: 0 10px !important;
}
.hisssOppositeSolution {
    box-sizing: border-box;
    flex-flow: column;
    padding-top: 60px;
}
.hisssOppositeSolution,
.hisssOppositeTerm {
    float: left;
    height: 100%;
    width: 50%;
}
.hisssOppositeCorrect,
.hisssOppositeSolution > input {
    align-items: center;
    background: unset;
    border: unset;
    display: flex;
    font-size: 20px;
    letter-spacing: 7px;
    margin: 0 5px;
    padding: 0;
}
.hisssOppositeSolution > input:focus,
.hisssOppositeSolution > input:active {
    outline: unset;
}
.hisssOppositeTerm > span {
    display: block;
    font-size: 20px;
    vertical-align: top;
}
.hisssOrderSolution {
    align-items: center;
    background: #fff;
    border: #b6d04b 2px dashed;
    display: flex;
    font-size: 30px;
    height: 100%;
    justify-content: center;
    position: relative;
    width: calc(50% - 22.5px);
}
.hisssOrderTask {
    align-items: center;
    background: #fff;
    border: #000 1px solid;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    overflow-wrap: anywhere;
    padding: 10px;
    position: relative;
    text-align: center;
    width: calc(50% - 22.5px);
}
.hisssRow {
    align-items: center;
    display: flex;
    user-select: none;
}
.hisssRow > button:nth-child(1) {
    margin-left: 15px;
}
.hisssRow > button:nth-child(2) {
    margin-inline: 15px;
}
.hisssSpan {
    font-size: 20px;
}
.hisssZBackground {
    background-color: #becf5b;
}
#history {
    display: inline-block;
    float: left;
    line-height: 38px;
    margin: 0 4px;
    width: calc(100% - 341px);
}
#history button {
    background-color: #fff;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    height: 25px;
    max-width: 25px;
    min-width: 25px;
    padding: 0;
    width: 25px;
}
.historyActive {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwNzNENjk7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi43LDE1LjRjMC40LTAuMywxLjItMC45LDEuNi0xLjNsMS45LTEuNWMwLjQtMC4zLDAuNC0wLjksMC0xLjNsLTEuOS0xLjRjLTAuNC0wLjMtMS4yLTAuOS0xLjYtMS4zDQoJCWwtMS45LTEuNUMxMC40LDYuNywxMCw3LDEwLDcuNnYzLjN2Mi4ydjMuM2MwLDAuNiwwLjQsMC44LDAuOCwwLjVMMTIuNywxNS40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiwyMkM2LjUsMjIsMiwxNy41LDIsMTJTNi41LDIsMTIsMnMxMCw0LjUsMTAsMTBTMTcuNSwyMiwxMiwyMiBNMTIsMEM1LjQsMCwwLDUuNCwwLDEyczUuNCwxMiwxMiwxMg0KCQlzMTItNS40LDEyLTEyUzE4LjYsMCwxMiwwIi8+DQo8L2c+DQo8L3N2Zz4NCg==) !important;
    background-position: initial !important;
}
.historyActive:hover {
    cursor: not-allowed;
    opacity: initial;
}
.historyCorrect {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMS40IDE3LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxLjQgMTcuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzBmMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMCwwIDUuOCwxNC4yIDEuNiw5IDAsMTAuMyA1LjYsMTcuMiAyMS40LDEuNCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-position:  0 2px;
}
.historyCorrectWhite {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMS40IDE3LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIxLjQgMTcuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIyMCwwIDUuOCwxNC4yIDEuNiw5IDAsMTAuMyA1LjYsMTcuMiAyMS40LDEuNCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    top: 4px;
}
.historyExercise {
    font-size: 22px !important;
    line-height: 19.5px;
    margin-inline: 1px;
}
#historyExercises {
    align-items: center;
    display: inline-flex;
    overflow: hidden;
    padding-inline: 1px;
    width: calc(100% - 50px);
}
.historyImg {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 15px;
}
#historyInner {
    display: inline-flex;
    float: left;
    margin-top: 7px;
    max-width: 100%;
    vertical-align: top;
}
#historyNext,
#historyPrevious {
    align-items: center;
    color: #2863ab;
    display: inline-flex;
    font-size: 22px !important;
    justify-content: center;
}
.historyNew {
    cursor: pointer;
}
.historyNew:focus,
.historyNew:hover {
    opacity: .7;
}
#historyNumbers {
    display: inline-block;
    line-height: 38px;
    text-align: right;
    vertical-align: top;
}
#historyNumbers > div {
    display: inline-block;
}
#historyNumbers > div:nth-child(2),
#historyNumbers > div:nth-child(4) {
    margin: 0 12px;
}
.historyCorrect:focus,
.historyCorrect:hover,
.historyLatest:focus,
.historyLatest:hover,
#historyNext:focus,
#historyNext:hover,
#historyPrevious:focus,
#historyPrevious:hover,
.historySkipped:focus,
.historySkipped:hover,
.historyWrong:focus,
.historyWrong:hover {
    cursor: pointer;
    opacity: .7;
}
.historySkipped {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMi42IDIyLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyLjYgMjIuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzA3M0Q2OTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUuMiw5LjZjMS43LTEuOCw0LTIuNyw2LjktMi43aDFWNC4ybDYuNCw1bC02LjQsNXYtMy41aC0xYy0zLjUsMC03LjEsMS4yLTkuNCwzLjlDMy4xLDEyLjcsMy45LDExLDUuMiw5LjYNCgkJIE0xLDIyLjFsLTEsMC4xbDItMC4xYzAtNi41LDQuNi05LjIsOS05LjV2NS41TDIyLjYsOUwxMSwwdjQuOEM4LDUsNS41LDYuMSwzLjcsOC4yQy0wLjYsMTMsMCwyMS4yLDAsMjIuMUgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    top: 1px;
}
.historySkippedWhite {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMi42IDIyLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyLjYgMjIuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTUuMiw5LjZjMS43LTEuOCw0LTIuNyw2LjktMi43aDFWNC4ybDYuNCw1bC02LjQsNXYtMy41aC0xYy0zLjUsMC03LjEsMS4yLTkuNCwzLjlDMy4xLDEyLjcsMy45LDExLDUuMiw5LjYNCgkJIE0xLDIyLjFsLTEsMC4xbDItMC4xYzAtNi41LDQuNi05LjIsOS05LjV2NS41TDIyLjYsOUwxMSwwdjQuOEM4LDUsNS41LDYuMSwzLjcsOC4yQy0wLjYsMTMsMCwyMS4yLDAsMjIuMUgxeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat;
}
.historyWrong {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNi40IDE2LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2LjQgMTYuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2YwMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsMTYuNCA4LjIsOS42IDE1LDE2LjQgMTYuNCwxNSA5LjYsOC4yIDE2LjQsMS40IDE1LDAgOC4yLDYuOCAxLjQsMCAwLDEuNCA2LjgsOC4yIDAsMTUgCSIvPg0KPC9nPg0KPC9zdmc+DQo=);
}
.historyWrongWhite {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNi40IDE2LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2LjQgMTYuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsMTYuNCA4LjIsOS42IDE1LDE2LjQgMTYuNCwxNSA5LjYsOC4yIDE2LjQsMS40IDE1LDAgOC4yLDYuOCAxLjQsMCAwLDEuNCA2LjgsOC4yIDAsMTUgCSIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-repeat: no-repeat;
    top: 1px;
}
#homeButton {
    height: 50px;
}
.ideas-topbar {
    position: relative;
    top: -50px;
}
.ideasClick {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}
.ideasEmotionLeft,
.ideasEmotionRight {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding: 40px;
    text-align: center;
    width: 50%;
}
.ideasEmotionLeft > img,
.ideasEmotionRight > img,
.ideasInner > video {
    height: 100%;
    max-width: unset !important;
    width: 100% !important;
}
.ideasExerciseFinish {
    font-size: 80% !important;
    line-height: 78%;
    margin: 0 !important;
    padding: 0 10px !important;
    position: absolute;
    right: 0;
}
.ideasFinish {
    right: 25px;
    top: 25px;
}
.ideasFinish,
.ideasSkipThreshold {
    background: none;
    color: var(--ideasBackgroundColor);
    cursor: pointer;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    text-shadow: 0 0 3px #000;
    user-select: none;
    z-index: 2;
}
.ideasFinish:focus-visible,
.ideasSkipThreshold:focus-visible {
    opacity: .7;
    outline-style: solid;
    outline-width: initial;
}
.ideasSkipThreshold {
    right: 27px;
    top: 70px;
}
.ideasHiddenObject {
    border: 5px solid transparent;
}
.ideasHiddenObjects {
    position: relative;
}
.ideasHiddenObjectsBackground {
    height: 100%;
    max-width: unset !important;
    vertical-align: top;
    width: 100% !important;
}
.ideasHiddenObjectsCorrect {
    border: 5px solid #0f0;
}
.ideasInner {
    background: #fff;
    height: 100%;
    position: relative;
}
.ideasInner > video {
    vertical-align: top;
}
.ideasOuter {
    height: 100%;
    position: relative;
    width: 100%;
}
.invisible {
    visibility: hidden;
}
.isispeechControls {
    float: left;
    margin-bottom: 20px;
    width: 34%;
}
.isispeechControls.noVideo {
    display: inline-block;
    margin-left: 33%;
}
.isispeechDbMeter {
    width: 90px;
}
.isispeechHelp {
    float: left;
    margin-bottom: 15px;
    width: 33%;
}
.isispeechInstruction {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 1em;
    text-align: center;
}
.isispeechInstruction p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 1em;
    padding-top: .3em;
}
.isispeechPlayback {
    float: left;
    text-align: center;
    width: 33%;
}
.isispeechPlayback > audio {
    max-width: 100%;
}
.isispeechPlayback > b {
    display: flow;
}
.justify {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}
label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}
main {
    text-align: center;
}
.marginBottom {
    margin-bottom: 15px;
}
.marginTop {
    margin-top: 20px;
}
#modeChangeOuter {
    padding: 10px;
}
#news {
    padding: 10px;
    width: 330px;
}
.noMargin {
    margin: 0 !important;
}
.noMarginTop {
    margin-top: 0 !important;
}
.noPadding {
    padding: 0 !important;
}
.noTransparency {
    opacity: 1 !important;
}
.offline {
    color: red;
}
.online {
    color: lightgreen;
}
.opacityNow {
    opacity: .7;
}
.overlay .ideasEmotionLeft,
.overlay .ideasEmotionRight {
    height: 325px;
}
#overlayInner {
    color: #2e5076;
    padding: 15px;
    text-align: left;
}
.overlayInner table {
    border-collapse: collapse;
    width: 100%;
}
.overlayInner tr:nth-of-type(odd),
#statsDetailsTable > tbody > tr:nth-of-type(odd) {
    background: #f9f9f9;
}
.overlayInnerTableOuter {
    width: fit-content;
}
.card-header {
    padding: 10px 15px;
}
.panel-text {
    padding: 11px 15px;
}
.panel-text > hr {
    margin-bottom: 11px;
    margin-top: 11px;
}
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0 0 0;
    padding-left: 0;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
}
.pagination > .next > a,
.pagination > .next > span,
.pagination > .prev > a,
.pagination > .prev > span {
    padding: 4.5px 12px 7.5px 12px;
}
.pagination > li {
    display: inline;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a,
.pagination > li > span {
    background: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background: #eee;
    border-color: #ddd;
    color: #23527c;
}
.panel-danger > .card-header {
    background: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.panel-success > .card-header {
    background: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.panelButton {
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 45px;
    padding: 0;
    text-align: center;
    width: 100%;
}
#partners {
    display: none;
}
.pill-big {
    cursor: pointer;
}
.playerFH {
    text-align: left;
}
.playerLeft,
.playerRight {
    width: 50px;
}
.playerLeft > button,
.playerRight > button {
    margin-right: 0;
    padding: 0;
}
.playerMiddle {
    background: #fff;
    padding: 15px;
    text-align: center;
    width: calc(100% - 100px);
}
.playerMiddle:not(.notVerdana) {
    font-family: verdana;
}
#playerSpeechInput {
    border: #000 1px solid;
    color: #000;
    font-weight: 200;
    height: 20px;
    margin-right: 5px;
    max-width: 20%;
    padding-right: 5px;
    width: 140px;
}
#playerSpeechInput::placeholder {
    color: #000;
    font-weight: 200;
}
.pointerCircle {
    aspect-ratio: 1;
    background: red;
    border: 1px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    width: calc(100% / var(--playerPointerCircleBase) * var(--playerPointerCircleDiameter));
}
.preventScrolling {
    overflow-y: scroll;
    position: fixed;
    width: 100%;
}
#privacyAlert {
    background: #d9edf7;
    border: 1px solid transparent;
    border-color: #bce8f1;
    border-radius: 4px;
    color: #31708f;
    margin: 0 auto 15px auto;
    max-width: calc(100% - 60px);
    padding: 15px;
    width: 1090px;
}
#privacyAlertClose {
    appearance: none;
    color: #000;
    cursor: pointer;
    font-size: 21px;
    font-weight: 700;
    opacity: .2;
    width: 30px;
}
.recorderAll {
    text-align: center;
}
.recorderButton {
    cursor: pointer;
    margin-bottom: 15px;
    padding: 0;
}
#resultsGrid {
    background: #fff;
    display: grid;
    gap: 15px;
    padding: 15px max(min(50% - 150px, 15px), 0px);
}
.resultsInner {
    margin-bottom: 0;
    min-width: 300px;
}
.resultsInner > div {
    padding: 15px;
}
#resultsOuter {
    container: resultsOuter / inline-size;
}
.s4,
.s8 {
    margin-inline: 0 !important;
}
.sandClock {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MS40IDUxLjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnPgogICAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxLjIsMjEuOHYtNC42aDl2NC42bC0zLDN2MS44bDMsM3YxLjZoLTEuMWwtMy40LTNsLTMuNCwzaC0xLjF2LTEuNmwzLTN2LTEuOEwyMS4yLDIxLjh6IE0xOS4yLDI4Ljh2NS40aC0yCiAgICAgICAgdjJoMTd2LTJoLTJ2LTUuNGwtMy0zdi0wLjJsMy0zdi01LjRoMnYtMmgtMTd2MmgydjUuNGwzLDN2MC4yTDE5LjIsMjguOHoiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMjguMiwyMS4zIDIzLjIsMjEuMyAyNS43LDIzLjIiLz4KPC9nPgo8L3N2Zz4=);
    top: 2.5px !important;
    transform: scale(2.3);
}
.separator {
    background: #1964a9;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 30px;
}
.settingsCategoryInput {
    display: table-cell;
    min-width: 95px;
    vertical-align: middle;
    width: 10%;
}
.settingsCategoryInput > div {
    float: right;
}
.settingsCategoryNumber {
    display: table-cell;
    min-width: 115px;
    overflow-wrap: anywhere;
    vertical-align: middle;
    width: 10%;
}
.settingsCategoryOuter {
    display: table;
    max-width: 568px;
    padding-top: 20px;
}
.settingsCategoryTitle {
    display: table-cell;
    min-width: 105px;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding-right: 5px;
    vertical-align: middle;
    width: 40%;
}
#settingsCompilationsOuter {
    max-width: 426px;
    padding-top: 20px;
}
#settingsDifficulty {
    display: flex;
    width: fit-content;
}
#settingsDifficulty input {
    display: none;
}
#settingsDifficulty label {
    align-items: center;
    border: #ccc 1px solid;
    display: flex;
    font-size: 16px;
    height: 28px;
    padding: 3px 10px;
}
#settingsExerciseTypesOuter {
    max-width: 426px;
    padding-top: 20px;
}
.settingsInner {
    padding-bottom: 20px;
    padding-inline: max(min(50% - 160px, 15px), 0px);
}
.settingsLabel {
    display: block;
}
.settingsOption,
.settingsOptionWide {
    padding-top: 20px;
    vertical-align: top;
}
.settingsOption {
    min-width: calc(max(320px - 50%, 160px) + max(min(50% - 160px, 20px), 0px));
}
.settingsOptionWide {
    min-width: 285px;
}
#settingsOuter {
    background: #fff;
}
#settingsOuter > .spinnerBig {
    position: relative;
    top: 155px;
}
#settingsOuter label {
    margin-bottom: 0;
}
#settingsOuter .flex {
    justify-content: left;
}
#settingsRepetitionsBtn {
    font-size: inherit;
    white-space: nowrap;
}
.settingsSlider {
    margin-top: 15px;
    max-width: 95%;
    width: 210px;
}
#settingsSumOuter {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    padding: 20px;
}
.settingsVideoServiceInput {
    cursor: pointer;
    position: relative;
    top: 1px;
}
.settingsVideoServiceLabel {
    cursor: pointer;
    user-select: none;
}
#socialFocusButtons {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 10%;
}
#socialFocusControl {
    display: flex;
}
#socialFocusForward,
#socialFocusRestart {
    padding-inline: 5px;
}
#socialFocusImage {
    background-size: cover;
    margin-top: 10px;
    position: relative;
}
#socialFocusLeftOuter,
#socialFocusRightOuter {
    display: inline-block;
    width: 45%;
}
.socialFocusMost {
    color: #50c878;
}
#socialFocusRightOuter {
    text-align: right;
}
.socialFocusPoint {
    background-color: #c0c0c0;
    border: 1px #000 solid;
    border-radius: 50%;
    box-sizing: border-box;
    height: 15px;
    position: absolute;
    width: 15px;
}
.statsBackToLeft,
.statsBackToRight,
.statsFrontToLeft,
.statsFrontToRight,
.statsLeftToBack,
.statsLeftToFront,
.statsRightToBack,
.statsRightToFront {
    transition: transform .5s;
}
#statsBottom {
    background: #fff;
    container: statsBottom / inline-size;
    padding-bottom: 15px;
    overflow: hidden;
    padding-inline: max(min(50% - 160px, 15px), 0px);
}
#statsBottom,
#statsContent,
#statsContent > div {
    min-height: 120px;
}
#statsContent {
    position: relative;
    transform-style: preserve-3d;
    width: 100%;
}
#statsContent > div {
    height: 100%;
    width: 100%;
}
#statsContentCurrent > table,
#statsContentCurrent > ul {
    margin-bottom: unset;
}
#statsDashboardHasResults {
    display: grid;
    grid-template-columns: 50% 50%;
}
#statsDashboardHasResults > label {
    margin: 15px 0 0 12.5px;
}
#statsDashboardHasResults > select {
    margin-bottom: 15px;
}
.statsDashboardHighcharts {
    height: 400px;
}
#statsDashboardNoResults {
    bottom: 60px;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}
#statsDateOuter {
    display: inline-flex;
    margin-top: -1.5px;
    width: 100%;
}
.statsDetailsPlayback {
    font-size: 18px;
    height: 40px;
    margin: 0;
    min-width: 150px;
    width: 100%;
}
#statsDetailsTable  {
    border: 1px solid #ddd;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%;
}
#statsDetailsTable > thead > tr > th {
    border: 1px solid #ddd;
    border-bottom-width: 2px;
    padding: 8px;
}
#statsDetailsTable > tbody > tr > td:nth-of-type(4),
#statsDetailsTable > tbody > tr > td:nth-of-type(5) {
    text-align: center;
}
#statsDetailsTable > tbody > tr > td,
#statsDetailsTable > thead > tr > td {
    border: 1px solid #ddd;
    padding: 8px;
}
.statsDetailsVideo {
    max-width: 400px;
}
#statsExerciseTypesSelect {
    max-width: 245px;
}
#statsFilterBtn {
    float: right;
    position: relative;
    width: fit-content;
}
#statsFilterActive {
    background: #f00;
    border-radius: 50%;
    display: block;
    height: 15px;
    left: 38px;
    position: absolute;
    top: -9px;
    width: 15px;
}
#statsFilterInner {
    background: #f7f7f7;
    border-radius: 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    padding: 10px;
    width: calc(100% - 20px);
}
#statsFilterInner .fa-caret-down,
#statsFilterInner .fa-check {
    margin-left: 5px;
}
#statsFilterInner label {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    justify-content: center;
    margin-bottom: 0;
    padding: 6px 12px;
}
#statsFilterInner span {
    color: #2e5076;
}
#statsFilterOuter {
    height: 0;
    overflow: hidden;
}
#statsFilterReset {
    display: block;
    font-size: 16px;
    height: 32.8px;
    margin: 0;
}
#statsFilterRight {
    display: inline-block;
    min-width: 175px;
    padding: 10px 10px 10px 0;
    text-align: center;
    vertical-align: bottom;
    width: calc(20% - 10px);
}
.statsFilterType {
    cursor: pointer;
    padding-right: 15px;
}
.statsFilterType > input {
    cursor: pointer;
}
.statsFilterType > span {
    position: relative;
    top: -1px;
    user-select: none;
}
#statsFrom,
#statsTo {
    display: inline-block;
    flex: 1;
    line-height: 32px;
    padding: 0;
    text-align: center;
}
.statsToFace {
    display: flex;
    justify-content: center;
    position: absolute;
}
#statsTop {
    background: #fff;
    padding: 15px 15px 0 15px;
}
#sType {
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
}
#sType > button {
    font-size: 16px;
    text-decoration: none;
}
#sType > button:not(#statsFilterBtn) {
    margin-right: 5px;
}
#sTypeOuter {
    container: sTypeOuter / inline-size;
}
.switchInner > span,
.switchOuter {
    box-sizing: border-box;
}
.transitionHide {
    opacity: 0;
    transition: opacity .5s;
}
.transitionShow {
    opacity: 1;
    transition: opacity .5s;
}
.uploadStatus {
    display: inline-block;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.vertical {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}
.videoConference {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
}
#videoInner {
    height: calc(100% - 30px);
    margin: 15px;
    width: calc(100% - 30px);
}
#videoInner > div {
    background: #000;
    cursor: move;
    height: calc(100% - 30px);
    overflow: hidden;
    position: absolute;
    width: calc(100% - 30px);
}
#videoInner > div > div {
    pointer-events: none;
}
#videoInner > div > .spinnerBig::after {
    background: #000;
}
#videoInner > div > .spinnerBig::before {
    background:
        linear-gradient(0deg, #000 50%, #000 100%) 0% 0%,
        linear-gradient(90deg, #000 0%, #000 100%) 100% 0%,
        linear-gradient(180deg, #000 0%, hsla(0, 0%, 100%, 0) 100%) 100% 100%,
        linear-gradient(360deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0) 100%) 0% 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
}
#videoMove {
    padding-right: 0;
    user-select: none;
}
#videoOuter {
    background: #000;
    bottom: 0;
    pointer-events: initial;
    position: fixed;
    right: 0;
    user-select: none;
    z-index: 1075;
}
.videoOuterMoveBackground * {
    cursor: inherit !important;
}
.videoOuterMoveBackground #fullscreen,
.videoOuterMoveBackground #headerRightNotificationLi,
.videoOuterMoveBackground #headerRightUserLi,
.videoOuterMoveBackground div,
.videoOuterMoveBackground nav {
    pointer-events: none !important;
}
#videoPartners {
    max-height: 106px;
    overflow: hidden auto;
}
#videoPartners span {
    display: inline-block;
    font-weight: bold;
    margin-left: 2px;
    position: relative;
    top: 1.5px;
    white-space: nowrap;
    width: calc(100% - 115px);
}
/*
.videoPreview {
    transform: rotateY(180deg);
}
*/
.videoPreviewOuter {
    height: 263px;
    margin-bottom: 20px;
}
#videoReset {
    background: none;
    cursor: pointer;
    float: right;
    width: 50px;
}
.videoStart {
    height: 89px;
    margin-left: 55px;
    width: 89px;
}
.videoTaskOuter {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 225px;
}
.videoTaskRight {
    margin-left: 20px;
    width: 170px;
}
.well {
    border: 1px solid #e3e3e3;
    padding: 20px;
}
.width100 {
    width: 100%;
}
.wrongBackground {
    background: #d9534f;
}
@media (max-width: 370px) {
    #homeButton {
        left: calc(calc(50% - 35px) - max(340px - 100%, 0px));
    }
}