<?php
#pageHeader { position:running(pageHeader) }
#pageFooter { position:running(pageFooter) }

@keyframes scale-up {
    0% { transform: scale(.95); }
    50% { transform: scale(1.15); }
    100% { transform: scale(.95); }
}
@-webkit-keyframes scale-up {
    0% { transform: scale(.95); }
    50% { transform: scale(1.15); }
    100% { transform: scale(.95); }
}
@media(max-width:768px){
    .scale-up:active { /*animation:scale-up .4s;*/transform: scale(1.4); }
}
.lang-table-row.visible-en .lang-note{display: block !important}
.lang-table-row .btn-toggle-note{display: none !important;}
.fb-inner-content-wrapper { position: relative; cursor: default; }
body.exercise .exercise { opacity:0; margin-top:20px }
body.exercise .exercise-control-bar { padding-left: 0; padding-right: 0; }
body.admin-bar.exercise .exercise-control-bar { top: 32px; }
body.exercise-presentation .ex-icon-help,body.exercise-presentation .ex-icon-study,body.exercise-presentation .clout-icon{display: none !important;}
body.exercise h1, body.exercise h2, body.exercise h3, body.exercise h4, body.exercise h5, body.exercise h6 { font-family: 'Arima Madurai'; font-weight: 900; }
body.exercise h1.article-title { margin: 23px 0 20px !important; opacity: 0; transition:.1s; line-height: 1.2; font-size: 2.2em; }
body.exercise h1.article-title > .ct-span { margin-top: -8px; flex-grow: 1; }
body.exercise h1.article-title.s { opacity: 1; }

/* Exercise Sentence - Start */
body.admin-bar.single-tasks {padding-top:0}
body.exercise-sentence h1.article-title { position:relative; display: flex; align-items: flex-start !important; justify-content: center; font-size: 2.5em; }
body.exercise-sentence h1.article-title > * { flex-basis: 0; flex-grow: 0; flex-shrink: 1; }
body.exercise-sentence h1.article-title > .ct-span { flex-grow: 1; padding-right: 15px; }

.lang-table-row { padding:8px 45px 8px 0; position:relative; z-index:1; margin:10px 0; border:3px solid #fff; border-radius:7px; transition:.2s; background:#fff }
.lang-table-row .lang-1,.lang-table-row .lang-2 { font-size:18px; line-height:24px; text-align:left; margin:0!important; }
.lang-table-row .lang-1 { display:block; font-weight:400; cursor:pointer; position:relative }
body:not(.card-view) .lang-table-row.has-audio .lang-1 { max-width:87% }
@media(max-width:479px){
	body:not(.card-view) .lang-table-row.has-audio .lang-1,body:not(.card-view) .lang-table-row.has-audio .lang-2 { max-width:87% }
	.exercise-audio .lang-table-row { min-height:5.5em }
}
.lang-table-row .lang-2 { padding:10px 0 0; font-weight:400; color:#01AFA4; display:none; padding-left:45px }
.lang-table-row .lang-note { font-size:.9em; padding:0; margin:0; display:none; color:#9d9d9d; padding-left:45px }
body.exercise-sentence .lang-table-row .chevron-span:before { content:'\e874'; display:inline-block; font-family:'Linearicons-Free'; font-size:16px; width:20px; height:30px; margin-right:10px; line-height:30px; transform:rotate(270deg); transition:.2s; position:absolute; left:15px; top:-5px }
.lang-table-row:hover,.lang-table-row.focused { border-color:#00B2A7; z-index:2 }
.lang-table-row:hover:before,.lang-table-row.focused:before { color:#01AFA4; border-color:#01AFA4 }
.lang-table-row:hover .chevron-span:before,
.lang-table-row.focused .chevron-span:before {
    color: #01AFA4;
    border-color: #01AFA4;
}
.lang-table-row.visible { box-shadow:0 3px 8px rgba(0,0,0,0.4); z-index:5; margin:1px 0 }
.lang-table-row.visible:before { transform:rotate(360deg) !important; }
.lang-table-row.visible .chevron-span:before { transform:rotate(360deg) !important; }
.lang-table-row.visible .lang-1 { border-color:#01AFA4 }

.toggle-mastered-o { position: relative; }
.toggle-mastered { display:none; /*position:absolute; right:0; top:50%; transform:translateY(-50%); */user-select:none; border:1px solid #FFB74A; padding:2px; background:#fff; border-radius:3434px; height:30px; margin-left: 20px; font-family: 'Open Sans'; font-weight: 400; }
.toggle-mastered > input { -webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; padding:0; pointer-events:none; border-radius:3434px; opacity:0 }
.toggle-mastered > span { flex-basis:0; flex-grow:1; flex-shrink:1; display:flex; align-items:center; justify-content:center; position:relative; z-index:3; text-align:center; padding:0 8px; min-width:20px; font-size: 13px; cursor:pointer; color:#000; border-radius:3434px; line-height: 1.2; }
.toggle-mastered > input:not(:checked) + span { color:#fff; background:#FFB74A }
.toggle-mastered > input:checked + span + span { color:#fff; background:#FFB74A }
.toggle-mastered > input:hover { border-color:#0B7F77 }
.toggle-mastered > input:focus { outline:1px dashed #FFB74A }
.toggle-mastered > input:active { outline:0!important }
.toggle-mastered > input:disabled~span { cursor:default!important }
.toggle-mastered.show-all { pointer-events:none }
.toggle-mastered.show-all > input:before { width:calc(100% - 4px); right:2px }
.toggle-mastered.show-all > span.total-sentences-visible { display:none!important }
.toggle-mastered.show-all > span.total-sentences { color:#fff!important; background:#FFB74A!important }
.toggle-mastered.show { display:flex }
@keyframes fadeIn  { 
	0% { opacity:0 }
	100% { opacity:1 }
}
@-webkit-keyframes fadeIn  { 
	0% { opacity:0 }
	100% { opacity:1 }
}

.exercise-icons { position:relative; display:none; flex-direction:row; justify-content:flex-end; align-items:center; padding:0; text-align:right; height:40px; opacity:0; margin-bottom:0; transition:margin-bottom .25s; width:100% }
.exercise-icons.show { display:flex !important; animation-delay:1s; animation:fadeIn 1.5s; animation-iteration-count:1; animation-fill-mode:forwards }
.exercise-icons .exercise-controls { display:flex; flex-flow:nowrap; justify-content:right; align-items:center; z-index:5; transform: translateX(10px); }
.exercise-icons .lnr { position:relative; display:flex; align-items:center; align-content:center; justify-content:center; padding:0; margin:0 7px; cursor:pointer; text-align:center; width:40px; height:40px; border-radius:50%; border:1px solid transparent; transition:.1s; user-select:none; }
.exercise-icons .lnr:before { display: none; }
.exercise-icons .lnr .tooltip { user-select: none; display:none; position:absolute; top:24px; left:50%; padding:8px; border-radius:4px; box-sizing:border-box; font-size:11px; font-family:'Open Sans'; line-height:1.2; text-align:center; color:#0C8BEB; width:120px; margin-left:-60px }
.exercise-icons .lnr .tooltip + .tooltip { display: none; }
.exercise-icons .lnr.disabled,.exercise .lnr.disabled { filter:grayscale(1) opacity(50%)!important; cursor:not-allowed!important; border-color:#fff!important }
body.card-view .exercise-icons .lnr-book:before, body.card-swipe-up .exercise-icons .lnr-book:before { content:'\872' }
.exercise-icons .lnr > svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(.95); width: 90%; height: 90%; z-index: 1; transition: .2s opacity; transform-origin: 50% 50%; }
.exercise-icons .lnr > svg.active { opacity: 0; }
.exercise-icons .lnr.lnr-shuffle.active > svg.active { opacity: 1; }

@media(min-width: 769px){
    .exercise-icons .lnr { margin: 0 12px; }
    .exercise-icons .lnr > svg { transform: translate(-50%,-50%) scale(1); width: 100%; height: 100%; }
    .exercise-icons .lnr:hover > svg, .exercise-icons .lnr:active > svg { transform: translate(-50%,-50%) scale(1.15); }
    .exercise-icons .lnr:active > svg:not(.active) { opacity: 0; }
    .exercise-icons .lnr:active > svg.active { opacity: 1; }
    
	.exercise-icons .lnr { width:30px; height:30px; }
	.exercise-icons .lnr:hover .tooltip { display:block }
	.exercise-icons .lnr:hover .tooltip + .tooltip { display:none }
    .exercise-icons .lnr.active:hover .tooltip { display: none; }
    .exercise-icons .lnr.active:hover .tooltip + .tooltip { display: block; }
}
@media(max-width:480px){
	.exercise-icons .lnr { width:33px; height:33px; }
}

.exercise-controls .lnr.lnr-book.list,.exercise-controls .lnr.lnr-book.card-up  { display:none; }

.exercise-icons-o { position: absolute; left: 50%; top: 50%; z-index: 10; padding: 0 6px; background: #fff; border-radius: 2323px; border: 1px solid #0C8BEB; visibility: hidden; opacity: 0; transition: .6s; transform: translate(-50%,-50%); }
.exercise-icons-o .exercise-icons { height: 30px; }
.exercise-icons-o .lnr { width: 23px; height: 25px; margin: 0 3px; }

.exercise-player { display:flex; align-items:center; width:0!important; overflow:hidden; position:absolute; margin-left:1px; transition:width 0.25s,opacity .25s; top:0 }
.exercise-player .lnr { display:flex; justify-content:center; align-items:center }
.exercise-player .lnr.stop svg {  }
.exercise-player-inner { display:flex; flex-basis:0; flex-grow:1; flex-shrink:1; border-radius:50px; border:2px solid #0C8BEB; background:#fff; user-select:none; justify-content:space-between; padding:2px }
.exercise-player-inner .lnr { margin:0 }
.exercise-player:before { content:''; position:absolute; left:3px; top:3px; bottom:3px; z-index:1; border-radius:50px 0 0 50px; background:#CCDCF4; width:100px; display:none }
.exercise-player .lnr.lnr-undo { position:relative; transform:rotate(90deg); margin-right:0; transition:margin-right .25s }
.exercise-player .lnr.lnr-undo > span { position:absolute; left:calc(50% + 2px); width:100%; top:50%; transform:translate(-50%,-50%) ; font-size:12px; position:absolute; left:calc(50% + 2px); width:100%; top:50%; transform:translate(-50%,-50%) ; font-size:12px }
.exercise-player .lnr.pause { display:none }
.exercise-player .lnr.stop { display:block; opacity:0; transition:opacity .25s; z-index:6 }
.exercise-player .lnr.lnr-undo:not(:hover),.exercise-player .skip-bkwd:not(:hover) { border-color:transparent }
.exercise-player > * { margin:0!important; position:relative; z-index:2 }
.exercise-player .play-w-pause { width: 50px; }
.exercise-player.is-playing .lnr.play { display:none }
.exercise-player[state=playing] .lnr.play { display:none }
.exercise-player[state=playing] .lnr.pause { display:block }
body.playlist_playing .exercise-icons .lnr-volume-high { visibility:hidden; pointer-events:none }
body.playlist_playing .exercise-player { width:360px!important; opacity:100% }
body.playlist_playing .exercise-player-inner { z-index:5 }
body.playlist_playing .exercise-controls .lnr-volume-high { margin-left:280px }
body.playlist_playing .exercise-player .stop { opacity:1; z-index:10; display:inline-flex; align-content:center }
body.playlist_playing .exercise-player.pwp-enabled .play-w-pause > svg.active { opacity:1; }
@media(min-width: 769px){
	body.playlist_playing .exercise-player { width:300px!important }
	.exercise-player { top:2px; right:3.5rem }
}
@media(max-width: 768px){
	.exercise-player { opacity:0; flex-direction:column-reverse; justify-content:flex-start; align-items:flex-end; transition:opacity .5s; right:0; height:0 }
	.exercise-player-inner { height:0; overflow:visible; justify-content:space-between; transition:height .5s; height:0; align-items:center; padding:0 10px; min-width:280px }
	body.playlist_playing .exercise-player { opacity:100%; height:90px; width:100%!important; overflow:visible }
	body.playlist_playing.card-view .exercise-player { width:105%!important; left:0 }
	body.playlist_playing .exercise-player-inner { height:45px!important; width:calc(100vw - 50px); overflow:visible; position:relative; left:-10px }
	body.playlist_playing .exercise-player .stop { margin-bottom:.7rem!important; right:56px; top: 2px; }
	body.playlist_playing .exercise-icons-shortcode .exercise-icons { margin-bottom:50px }
	body.playlist_playing .exercise-controls .lnr-volume-high { margin-left:7px }
	.lang-table-row .lang-1,.lang-table-row .lang-2 {font-size: 1.1em;}
}
@media(max-width: 480px){
    body.playlist_playing .exercise-player .stop > svg { }
}
.print-page { position:absolute; right:18px; top:-50px; cursor:pointer; padding:8px 20px; font-size:15px }
.reset-mastered { position:absolute; left:18px; top:-50px; cursor:pointer; padding:8px 20px; font-size:15px; background:#FE8742; border-color:#FE8742; color:#fff }
.doing-ajax { position:relative }
.doing-ajax > * { opacity:.57!important; user-select:none!important; cursor:not-allowed; pointer-events:none!important; position:relative; z-index:1 }
.doing-ajax:after { content:''; background:url(/wp-admin/images/wpspin_light.gif) 50% 50% no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; cursor:wait; z-index:5 }

body.exercise .exercise { cursor:default; position:relative }
.exercise .sentence.hide .lang-1 { cursor:pointer }
.exercise .sentence .lang-2 { position:relative }
.exercise .sentence .lnr { position:relative; display:block;padding:0; margin:0; cursor:pointer; text-align:center; width:28px; height:28px; border-radius:50%; border:1px solid transparent; transition:.1s; }
.exercise .sentence .lnr > svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(.95); width: 90%; height: 90%; z-index: 1; transition: .2s opacity; transform-origin: 50% 50%; }
.exercise .sentence .lnr:before { display: none; }
.exercise .sentence .lnr-volume-high, .exercise .sentence .btn-master,.exercise .sentence .btn-undo { display: block; flex: none; position:absolute; right:5px; top: 5px; padding:0; background: none; border: 0; margin: 0; cursor:pointer; user-select:none; z-index:10 }
.exercise .sentence .lnr-volume-high { right: 50px; appearance: none; -webkit-appearance: none }
.exercise .sentence .btn-master,.exercise .sentence .btn-undo,.exercise .sentence .btn-toggle-en,.exercise .sentence .lnr-volume-high, .exercise .sentence .lnr-volume-high .pause { display:none }
.exercise .sentence.visible:not(.mastered) .btn-master { display:block }
.exercise .sentence.mastered > .lang-1/*,.exercise .sentence.mastered > .lang-2,.exercise .sentence.mastered > .lang-note*/ { filter:grayscale(1); opacity:.5 }
.exercise .sentence.mastered.focused, .exercise .sentence.mastered:hover { border-color: #FFB74A; }
.exercise .sentence.mastered > .lang-2 { color: #D27E00; }
.exercise .sentence .lnr > svg.active { opacity: 0; }
.exercise .sentence[state="loading-en"] > .lnr-volume-high.en > svg { opacity: 0 !important; }
.exercise .sentence[state="loading-en"] > .lnr-volume-high.en { background: url(/wp-admin/images/wpspin_light.gif) 50% 50% no-repeat; }
.exercise .sentence[state="loading-cz"] > .lnr-volume-high.cz > svg { opacity: 0 !important; }
.exercise .sentence[state="loading-cz"] > .lnr-volume-high.cz { background: url(/wp-admin/images/wpspin_light.gif) 50% 50% no-repeat; }

@media(min-width:769px){
    .exercise .sentence .lnr > svg { transform: translate(-50%,-50%) scale(1); width: 100%; height: 100%; }
    .exercise .sentence .lnr:hover > svg, .exercise .sentence .lnr:active > svg { transform: translate(-50%,-50%) scale(1.15); }
    .exercise .sentence .lnr:active > svg:not(.active) { opacity: 0; }
    .exercise .sentence .lnr:active > svg.active { opacity: 1; }
    /*.exercise .sentence:hover:not(.mastered) .btn-master { display:block }*/
    .exercise .sentence.mastered:hover .btn-undo,.exercise .sentence.mastered.visible .btn-undo,.exercise .sentence:hover .lnr-volume-high.en,.exercise .sentence.visible .lnr-volume-high.en { display:block }
}

#toggle-exercise-controls { position: relative; height: 30px; margin-right: 10px; }
#toggle-exercise-controls > input { display: block; -webkit-appearance: none; appearance: none; background: url(/wp-content/uploads/icons/icon-more.svg) 50% 50% / contain no-repeat; width: 30px; height: 30px; flex-basis: 30px; cursor: pointer; }
#toggle-exercise-controls > input:hover, #toggle-exercise-controls > input:checked { background-image: url(/wp-content/uploads/icons/icon-more-active.svg); }
#toggle-exercise-controls > input:checked ~ .exercise-icons-o { opacity: 1; visibility: visible; }
#toggle-exercise-controls > input:checked ~ .toggle-mastered-o { pointer-events: none }

body:not(.playlist_playing) .exercise .sentence[state="playing-cz"] .lnr-volume-high.cz,
body:not(.playlist_playing) .exercise .sentence[state="playing-en"] .lnr-volume-high.en { display:block!important }
body:not(.playlist_playing) .exercise .sentence[state="playing-cz"] .lnr-volume-high.cz .play,
body:not(.playlist_playing) .exercise .sentence[state="playing-en"] .lnr-volume-high.en .play { display:none!important }
body:not(.playlist_playing) .exercise .sentence[state="playing-cz"] .lnr-volume-high.cz .pause,
body:not(.playlist_playing) .exercise .sentence[state="playing-en"] .lnr-volume-high.en .pause { display:block!important }
body.playlist_playing .exercise .sentence .lnr-volume-high { display:none!important }
body.exercise-gapfil .lang-table-row.focused:not(.mastered) a.btn-master {
    display: block !important;
}
body.exercise-gapfil .lang-table-row:hover:not(.mastered) a.btn-master {
    display: block !important;
}
body.exercise-gapfil .lang-table-row.mastered a.btn-undo {
    display: block !important;
}


.exercise .sentence.show-btn:not(.mastered) .btn-master,.exercise .sentence.show-btn.visible:not(.mastered) .btn-master { display:block !important }
.exercise .sentence.show-btn.mastered .btn-undo,.exercise .sentence.show-btn.mastered.visible .btn-undo,.exercise .sentence.show-btn .lnr-volume-high.en,.exercise .sentence.show-btn.visible .lnr-volume-high { display:block !important }

body:not(.card-view) .exercise .sentence .btn-toggle-note { display: none; }
/*body:not(.card-view) .exercise .sentence.visible .btn-toggle-note{
	display:flex !important
}*/
body:not(.card-view) .exercise .sentence .btn-toggle-note .lnr-note{
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0;
    background: none;
    border: 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    z-index: 10;
}
body:not(.card-view) .exercise .sentence .lang-note{
    
    transition: 0.1s ease-in-out;
}

body:not(.card-view) .exercise .sentence.show-note.visible .lang-note{
    display: block !important;
    transition: 0.1s ease-in-out;
}
body:not(.card-view) .exercise .sentence .btn-toggle-note svg.yellow{
    display: none;
}
body:not(.card-view) .exercise .sentence .btn-toggle-note svg.yellow{
    display: none;
}

body:not(.card-view) .exercise .sentence.show-note .btn-toggle-note svg{
    opacity: 0 !important;
}
body:not(.card-view) .exercise .sentence.show-note .btn-toggle-note svg.active{
    opacity: 1 !important;
}
body:not(.card-view) .exercise .sentence .lang-note ul{
    padding-left: 20px;
}

@media(max-width:480px){
	.sentence > .lnr.lnr-volume-high { right: 10px; top: 45px }
	.exercise .sentence > .btn-master,.exercise .sentence > .btn-undo { right: 10px; top: 5px; }
    body:not(.card-view) .exercise .sentence .btn-toggle-note .lnr-note {
        right: 10px;
    }
    body:not(.card-view) .exercise .sentence .lang-note{
        padding-left: 15px;
    }
    body:not(.card-view) .exercise .sentence .lang-note ul{
        padding-left: 20px;
    }
}
@media screen{ 
	body.card-view .exercise-controls, body.card-swipe-up .exercise-controls { justify-content:flex-end }
	body.card-view .fb-exercise-back-btn, body.card-swipe-up .fb-exercise-back-btn { display:none!important }
/*	body.card-view .exercise-controls > .lnr.lnr-help,body.card-view .exercise-controls > .lnr.lnr-printer,body.card-view .exercise-controls > .lnr.lnr-correct,body.card-view .exercise-controls > .lnr.lnr-undo,body.card-view h1 .exercise-icons-o,*/
    body.card-view .exercise-controls > .lnr.lnr-book.card, body.card-swipe-up .exercise-controls > .lnr.lnr-book.card { display:none }
    /*.exercise-controls > .lnr.lnr-book.card-up svg{ transform: rotate(90deg);position: absolute; top: 0; left: 0;}*/
	body.card-view .exercise-controls > .lnr.lnr-book.list { display:block }
	body.card-view .article-title, body.card-swipe-up .article-title { margin-bottom:1em }
	body.card-view .lang-table-row { padding:8px; position: absolute; }
	body.card-view .exercise, body.card-swipe-up .exercise { margin-top:0; margin-bottom:100px; }
	body.card-view .exercise .sentence .btn-toggle-en,  body.card-swipe-up .exercise .sentence .btn-toggle-en{ display:none; line-height:40px; width:100%; height:40px; font-size:32px; margin-top: 0.5rem; justify-content: center; }
	body.card-view .exercise .sentence .btn-toggle-en .lnr, body.card-swipe-up .exercise .sentence .btn-toggle-en .lnr { color:#01AFA4; margin-top: 0.5rem;}
	body.card-view .exercise .sentence .btn-toggle-en .lnr:before, body.card-swipe-up .exercise .sentence .btn-toggle-en .lnr:before { width: 30px; height: 30px;}
	body.card-view .exercise .sentence { width:100%; box-shadow:none!important; border-color:#01AFA4; padding-top:50px; padding-bottom:50px; height:400px; margin:0!important; text-align:center; display:flex; flex-direction:column; justify-content:center; overflow:visible; background-color:#fff }
	body.card-swipe-up .exercise .sentence{ width:100%; box-shadow:none!important; border-color:#01AFA4; margin:0!important; text-align:center; display:flex; flex-direction:column; justify-content:center; overflow:visible; background-color:#fff; border-width: 3px;}
	body.card-view .exercise .sentence:before, body.card-swipe-up .exercise .sentence:before { display:none }
	body.card-view .exercise .sentence .chevron-span:before, body.card-swipe-up .exercise .sentence .chevron-span:before { display:none }
	body.card-view .exercise .sentence:not(.is-selected){ opacity:0; visibility:hidden; z-index:-1 }
	body.card-swipe-up .exercise .sentence:not(.is-selected){}
	body.card-view .exercise .sentence .lang-1,body.card-view .exercise .sentence .lang-2,body.card-view .exercise .sentence .lang-note, 
	body.card-swipe-up .exercise .sentence .lang-1,body.card-swipe-up .exercise .sentence .lang-2,body.card-swipe-up .exercise .sentence .lang-note{ text-align:center; display:block; cursor:inherit; padding-left:40px!important; padding-right:40px!important }
	body.card-view .exercise .sentence .lang-2,body.card-view .exercise .sentence .lang-note,
	body.card-swipe-up .exercise .sentence .lang-2,body.card-swipe-up .exercise .sentence .lang-note{ padding-top:15px; display:none}
	body.card-view .exercise .sentence:not(.mastered) .btn-master,
	body.card-swipe-up .exercise .sentence:not(.mastered) .btn-master{ display:block }
	body.card-view .exercise .sentence.mastered, body.card-swipe-up .exercise .sentence.mastered  { border-color: #FFB74A; }
	body.card-view .exercise .sentence.mastered > .lang-1, body.card-swipe-up .exercise .sentence.mastered > .lang-1 { filter: none; opacity: 1; }
	body.card-view .exercise .sentence.mastered > .lang-2, body.card-swipe-up .exercise .sentence.mastered > .lang-2 { color: #D27E00; }
	body.card-view .exercise .sentence.mastered .btn-undo,body.card-view .exercise .sentence .lnr-volume-high.en,
	body.card-swipe-up .exercise .sentence.mastered .btn-undo,body.card-swipe-up .exercise .sentence .lnr-volume-high.en{ display:block }
	body.card-view .exercise .sentence.visible-en .btn-toggle-en .lnr:before, body.card-swipe-up .exercise .sentence.visible-en .btn-toggle-en .lnr:before { content:'\e873' }
	body.card-view .exercise .sentence.visible-en .lang-2, body.card-swipe-up .exercise .sentence.visible-en .lang-2 { display:block!important }
	body.card-view .exercise .sentence .lnr-volume-high,body.card-view .exercise .sentence .btn-master,body.card-view .exercise .sentence .btn-undo { }
	body.card-view .exercise .sentence .lnr-volume-high, body.card-view .exercise .sentence .lnr-volume-high { top:10px; right:55px }
	body.card-view .exercise .sentence .btn-master,body.card-swipe-up .exercise .sentence .btn-undo { top:10px; right:10px }
	body.card-view .exercise .sentence.no-flickity{ display: none; }
	body.card-swipe-up .exercise .sentence.no-flickity{display: flex !important;}
	body.card-view .exercise .lnr-undo:before,body.card-view .exercise .sentence .lnr-volume-high:before,
	body.card-swipe-up .exercise .lnr-undo:before,body.card-swipe-up .exercise .sentence .lnr-volume-high:before{ height:18px; font-size:24px }
	body.card-view .exercise .flickity-prev-next-button,
	body.card-view .exercise .flickity-numbering,
	body.card-swipe-up .exercise .flickity-prev-next-button,
	body.card-swipe-up .exercise .flickity-numbering{top: 110%;}
	body.card-view .exercise .flickity-prev-next-button.previous, body.card-swipe-up .exercise .flickity-prev-next-button.previous { background:none; left:0 }
	body.card-view .exercise .flickity-prev-next-button.next, body.card-swipe-up .exercise .flickity-prev-next-button.next { background:none; right:0 }
	body.card-view .exercise .flickity-viewport, body.card-swipe-up .exercise .flickity-viewport  { transition:height .2s; }
	body.card-view .exercise .flickity-numbering, body.card-swipe-up .exercise .flickity-numbering { position:absolute; left:50%; pointer-events:none; z-index:10; width:100px; text-align: center;margin-left:-50px; }
	body.card-view .exercise .flickity-button:focus, body.card-swipe-up .exercise .flickity-button:focus { box-shadow: none !important; }
	
	body.card-view .exercise .sentence .btn-toggle-note, body.card-swipe-up .exercise .sentence .btn-toggle-note { display: block; position: absolute; right: 0; bottom: 0; padding: 10px; z-index: 10; cursor: pointer; }
	body.card-view .exercise .sentence { perspective: 900px; }
	body.card-view .exercise .sentence .lang-1, body.card-view .exercise .sentence .lang-2{ transform: translateZ(0) rotateY(0); transition: all .35s ease .35s; transition-delay: .35s; transform-origin: center; }
	/*body.card-view .exercise .sentence .lang-note, body.card-swipe-up .exercise .sentence .lang-note { display: block !important; position: absolute; left: 50%; top: 50%; padding: 0 !important; margin: 0 !important; transform: translateZ(-1000px) rotateY(90deg) translate(-50%,-50%); opacity: 0; width: 75%; max-height: calc(100% - 80px); overflow: hidden; overflow-y:auto; visibility: hidden; transition: all .35s ease .35s; transform-origin: 0 50%; transition-delay: .1s; }*/
	body.card-view .exercise .sentence.show-note .lang-1, body.card-view .exercise .sentence.show-note .lang-2,
	body.card-swipe-up .exercise .sentence.show-note .lang-1, body.card-swipe-up .exercise .sentence.show-note .lang-2{ transform: translateZ(-1000px) rotateY(90deg); opacity: 1; visibility: visible; transition-delay: .1s; }
	body.card-view .exercise .sentence.show-note .lang-note, body.card-swipe-up .exercise .sentence.show-note .lang-note { transform: translateZ(0) rotateY(0) translate(-50%,-50%); opacity: 1; visibility: visible; transition-delay: .35s; }
	body.card-view .exercise .sentence.show-note .btn-toggle-note svg, body.card-swipe-up .exercise .sentence.show-note .btn-toggle-note svg { opacity: 0 !important; }
	body.card-view .exercise .sentence.show-note .btn-toggle-note svg.active, body.card-swipe-up .exercise .sentence.show-note .btn-toggle-note svg.active { opacity: 1 !important; }
	body.card-view .exercise .sentence:not(.mastered) .btn-toggle-note svg.yellow, body.card-view .exercise .sentence.mastered .btn-toggle-note svg:not(.yellow),
	body.card-swipe-up .exercise .sentence:not(.mastered) .btn-toggle-note svg.yellow, body.card-swipe-up .exercise .sentence.mastered .btn-toggle-note svg:not(.yellow){ display: none }
	body.card-view .exercise .sentence:not(.mastered) .btn-toggle-note svg:not(.yellow), body.card-view .exercise .sentence.mastered .btn-toggle-note svg.yellow,
	body.card-swipe-up .exercise .sentence:not(.mastered) .btn-toggle-note svg:not(.yellow), body.card-swipe-up .exercise .sentence.mastered .btn-toggle-note svg.yellow{ display: block }
}

.exercise .sentence.splash { animation: splash 1s; animation-iteration-count:1; animation-fill-mode: forwards }
.exercise .sentence.splash-focused { animation: splash-focused 1s; animation-iteration-count:1; animation-fill-mode: forwards }
body.card-view .exercise .sentence.splash, body.card-view .exercise .sentence.splash-focused { animation: splash-card 1s; }
@keyframes splash { 
	10% { background-color: #FFB74A; border-color: #FFB74A; }
	100% { background-color: transparent; border-color: transparent; }
}
@-webkit-keyframes splash { 
	10% { background-color: #FFB74A; border-color: #FFB74A; }
	100% { background-color: transparent; border-color: transparent; }
}

@keyframes splash-focused { 
	10% { background-color: #FFB74A; border-color: #FFB74A; }
	100% { background-color: transparent; border-color: #00B2A7; }
}
@-webkit-keyframes splash-focused { 
	10% { background-color: #FFB74A; border-color: #FFB74A; }
	100% { background-color: transparent; border-color: #00B2A7; }
}

@keyframes splash-card { 
	10% { background-color: #FFB74A; border-color: #FFB74A; }
	100% { background-color: #fff; border-color: #00B2A7; }
}
@-webkit-keyframes splash-card { 
	10% { background-color: #FFB74A; border-color: #FFB74A; }
	100% { background-color: #fff; border-color: #00B2A7; }
}

@media(max-width:991px){
	body.exercise .fb-content-wraper { padding-left: 20px; padding-right: 20px; }
	body.exercise h1.article-title { font-size: 18px; margin-top: 8px !important;         align-items: center !important;line-height: 21px;}
	body.exercise h1.article-title > .ct-span { margin-top: 0; }
	
	body.card-view {max-width: 100vw; overflow: hidden;}
	body.card-view .exercise{ height: 65vh }
	body.card-view .exercise .sentence { height: calc(100% - 50px - 8%); width:100%; box-shadow:none!important; padding-top:50px; text-align:center; transition:height .25s }
	body.playlist_playing.card-view .exercise .sentence { height:50vh }
	body.card-view .exercise .flickity-prev-next-button,
	body.card-view .exercise .flickity-numbering {top: calc(100% - 42px);}
	/*.exercise .sentence:not(.mastered) .btn-master { display:block }*/
	.exercise .sentence.mastered .btn-undo,.exercise .sentence .lnr-volume-high.en { display:block }
	body.card-view .flickity-viewport { position:absolute; top:0; left:0; right:0; height: calc(100%) !important }
	body.card-view .fb-back-link { z-index:10 }
	body.card-view .exercise .sentence .lang-note { }
	body.card-view .exercise .flickity-numbering, body.card-swipe-up .exercise .flickity-numbering{
	        margin-top: -9px !important;
	}
	body.exercise .exercise-control-bar {
    	padding-bottom: 5px !important;
    }
}

@media (min-width: 768px) {
	body.card-view .exercise .sentence .btn-toggle-en .lnr:hover {border-color: transparent;}
}
@media(max-width: 479px){
	body.card-view .fb-header-wrapper { flex-direction:row!important; align-items:flex-start!important }
	body.card-view #exercise-icons-shortcode { position:relative }
	body.card-view .exercise .sentence .lang-1,
	body.card-view .exercise .sentence .lang-2,
	body.card-view .exercise .sentence .lang-note { padding-left:0px!important; padding-right:0px!important }
}
@media print and (max-width: 800px){
	@page { margin-bottom:2.5cm }
	#div_block-19-294 { margin-top:2rem }
	#BrowserPrintDefaults { display:none }
	body p { line-height:1.5 }
	.article-title { margin-top:0; }
	.exercise-icons,.exercise-icons.show { display:none!important }
	#div_block-1-294,#link_button-5-212,#section-1-280,.lang-table-row .lang-1:after,.print-page,.reset-mastered,.btn-master,.btn-undo,#exercise-icons-shortcode,.exercise-icons,.exercise-controls,.exercise .sentence.mastered,.lnr-volume-high,.toggle-mastered,.fb-back-link { display:none!important }
	h1#headline-5-566 { font-size:24px; margin-top:0; margin-bottom:0 }
	.lang-table-row { page-break-inside:avoid; padding:0; box-shadow:none!important; list-style-type:none; margin:10px!important; min-height:.1em }
	.lang-table-row.focused { border-color:#fff!important }
	.lang-table-row:before { display:none }
	.lang-table-row .chevron-span:before { display:none }
	body.exercise .exercise { counter-reset:css-counter 0; padding-top:20px }
	.exercise .lang-table-row:not(.mastered) .lang-1 { counter-increment:css-counter 1 }
	.lang-table-row .lang-1 { padding:0; font-weight:400; font-size:14px; line-height:1.5; display:flex }
	.lang-table-row .lang-1 + :last-child { padding-bottom:0 }
	.exercise .lang-table-row:not(.mastered) .lang-1:before { content:counter(css-counter) ". "; transform:rotateX(0deg); display:block; width:35px }
	.lang-table-row .lang-2 { display:block!important; max-height:none!important; overflow:visible!important; color:#23a098; background:none; padding:0 ; font-size:14px; line-height:1.5 }
	.lang-table-row .lang-note { display:block!important; max-height:none!important; overflow:visible!important; color:#333; background:none; padding:0; font-size:12px; margin-top:.5rem!important; line-height:1.2 }
	body.user-administrator .lang-table-row .lang-2,body.user-administrator .lang-table-row .lang-note { display:none!important }
}
.modal-help p { margin-top:1em }
.modal-help ul { padding-left:1.5em }
.modal-help ul li { margin-top:.5em }
.modal-help .ct-link-button { background-color:#23a098; color:#fff; border:solid 1px #23a098 }

@media(min-width:769px){
    .modal-help .ct-link-button:hover { background-color:#60c4c1; color:#fff }
}

/* Exercise Sentence - Stop */


/* Exercise Text - Stop */
/*body.exercise-text h1.article-title { position:relative; display: flex; align-items: flex-start !important; justify-content: center; margin: 0; padding: 0; }
body.exercise-text h1.article-title > * { flex-basis: 0; flex-grow: 0; flex-shrink: 1; }
body.exercise-text h1.article-title > .ct-span { flex-grow: 1; padding-right: 15px; }*/

/* oral and writing mode */
body.exercise-text[mode=oral] .jBox-TooltipDark .jBox-container,body.exercise-presentation[mode=oral] .jBox-TooltipDark .jBox-container {
	border: 3px solid #49CEC5;
}

body.exercise .jBox-pointer:before,body.exercise .jBox-pointer:after{display:none !important}

body.exercise-text #exercise-modes,body.exercise-presentation #exercise-modes { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; height: 40px }
body.exercise-text #exercise-modes .ex-icon,body.exercise-presentation #exercise-modes .ex-icon { position:relative; display:flex; align-items:center; align-content:center; justify-content:center; padding:0; margin:0 7px; cursor:pointer; text-align:center; width:30px; height:30px; border-radius:50%; border:1px solid transparent; transition:.1s; user-select:none; }
body.exercise-text #exercise-modes .ex-icon > svg,body.exercise-presentation #exercise-modes .ex-icon > svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(.95); width: 90%; height: 90%; z-index: 1; transition: .2s opacity; transform-origin: 50% 50%; }
body.exercise-text #exercise-modes .ex-icon > svg.active,body.exercise-presentation #exercise-modes .ex-icon > svg.active { opacity: 0; }

@media(min-width:769px){
    body.exercise-text #exercise-modes .ex-icon,body.exercise-presentation #exercise-modes .ex-icon { margin: 0 12px; }
    body.exercise-text #exercise-modes .ex-icon > svg,body.exercise-presentation #exercise-modes .ex-icon > svg { transform: translate(-50%,-50%) scale(1); width: 100%; height: 100%; }
    body.exercise-text #exercise-modes .ex-icon:hover > svg, body.exercise-text #exercise-modes .ex-icon:active > svg,body.exercise-presentation #exercise-modes .ex-icon:hover > svg, body.exercise-presentation #exercise-modes .ex-icon:active > svg { transform: translate(-50%,-50%) scale(1.15); }
    body.exercise-text #exercise-modes .ex-icon:active > svg:not(.active),body.exercise-presentation #exercise-modes .ex-icon:active > svg:not(.active) { opacity: 0; }
    body.exercise-text #exercise-modes .ex-icon:active > svg.active,body.exercise-presentation #exercise-modes .ex-icon:active > svg.active { opacity: 1; }
}

body.exercise-text #exercise-modes .ex-icon > .tooltip,body.exercise-presentation #exercise-modes .ex-icon > .tooltip { pointer-events: none; text-align: center; display:none; position: absolute; top:100%; margin-top: -1px; left:50%; padding:8px; border-radius:4px; box-sizing:border-box; font-size:11px; font-family:'Open Sans'; line-height:1.2; text-align:center; color:#0C8BEB; width:90px; transform: translateX(-50%); }
body.exercise-text #exercise-modes .ex-icon.disabled,body.exercise-presentation #exercise-modes .ex-icon.disabled { opacity: .7; filter: grayscale(1); cursor: not-allowed; }
body.exercise-text #exercise-modes .ex-icon.disabled:hover,body.exercise-presentation #exercise-modes .ex-icon.disabled:hover { box-shadow: none !important; }

/*body.exercise-text[mode=study] #exercise-modes [do=study], body.exercise-text[mode=oral] #exercise-modes [do=oral], body.exercise-text[mode=writing] #exercise-modes [do=writing] { box-shadow: inset #0C8BEB 0 0 0 1px; background: #0C8BEB; color: #fff; }
body.exercise-text[mode=study] #exercise-modes [do=study] > svg path, body.exercise-text[mode=oral] #exercise-modes [do=oral] > svg path, body.exercise-text[mode=writing] #exercise-modes [do=writing] > svg path { fill: #fff }
body.exercise-text[mode=oral] #exercise-modes [do=oral] > svg path { fill: none; stroke: #fff }
body.exercise-text[mode=study] #exercise-modes [do=study] > svg circle, body.exercise-text[mode=oral] #exercise-modes [do=oral] > svg circle, body.exercise-text[mode=writing] #exercise-modes [do=writing] > svg circle { fill: #fff }
body.exercise-text[mode=study] #exercise-modes [do=study] > .tooltip, body.exercise-text[mode=oral] #exercise-modes [do=oral] > .tooltip, body.exercise-text[mode=writing] #exercise-modes [do=writing] > .tooltip { display: block; }*/
@media(min-width: 769px){
    body.exercise-text #exercise-modes .ex-icon:hover > .tooltip { display: block; }
	body.exercise-presentation #exercise-modes .ex-icon:hover > .tooltip { display: block; }
}

body.exercise-text .vocab { display: inline-block; }
body.exercise-text body.exercise-text[mode=study] , body.exercise-text .headword, body.exercise-text .hint { display: inline-block; border-bottom: 1px dashed #999; cursor: help; }
body.exercise-text .vocab .headword, body.exercise-text .vocab .hint, body.exercise-text .vocab .writing-input { display: none; }
body.exercise-text .vocab .hint { font-weight: 700; }
body.exercise-text .vocab .writing-input > input { border: 0; border-bottom: 1px solid #ccc; padding: 3px 5px 0; font-family: 'Arima Madurai'; text-align: center; font-weight: 700; display: inline-block; transition: .2s; line-height: 1.2rem; height: 1.4rem; }
body.exercise-text .vocab .writing-input > input:focus { border: 0; border-bottom: 1px solid #01AFA4; outline: 0;}
body.exercise-text .vocab .writing-input > input::placeholder { font-weight: 300; font-size: 14px; }
body.exercise-text .vocab .writing-input > input::-moz-placeholder { font-weight: 300; font-size: 15px; }
body.exercise-text .vocab .writing-input > input::-ms-placeholder { font-weight: 300; font-size: 15px; }
body.exercise-text .vocab .writing-input > input::-webkit-input-placeholder { font-weight: 300; font-size: 15px; }
body.exercise-text .vocab .writing-input > input.valid { color: #01AFA4; }
body.exercise-text .vocab .writing-input > input::-webkit-input-placeholder { color: #000; font-weight: 600; }
body.exercise-text .vocab .writing-input > input::-ms-input-placeholder { color: #000; font-weight: 600; }
body.exercise-text .vocab .writing-input > input::placeholder { color: #000; font-weight: 600; }
body.exercise-text .vocab.s .original, body.exercise-text .vocab.s .hint { color: #49CEC5; }
body.exercise-text .vocab.one_star.s .original, body.exercise-text .vocab.one_star.s .hint { color: #0B8BEB; }
body.exercise-text .vocab.two_star.s .original, body.exercise-text .vocab.two_star.s .hint { color: #999; }
body.exercise-text #vocabulary_words { list-style: none; margin: 30px 0; padding: 0; }
body.exercise-text #vocabulary_words > li { padding-bottom: 8px; }
body.exercise-text #vocabulary_words .original, body.exercise-text #vocabulary_words .headword { cursor: pointer; text-transform: lowercase; }
body.exercise-text #vocabulary_words .headword, body.exercise-text #vocabulary_words .hint { display: none; }
body.exercise-text #vocabulary_words .one_star, body.exercise-text #vocabulary_words .two_star { font-weight: 700; font-style: italic; }
body.exercise-text #vocabulary_words > li.have-headword .headword { display: inline-block; }
body.exercise-text #vocabulary_words > li.have-headword .original { display: none; }
body.exercise-text .jBox-Tooltip .original, body.exercise-text .jBox-Tooltip .headword { cursor: default; border: 0; }
body.exercise-text .jBox-Tooltip .original, body.exercise-text .jBox-Tooltip .hint { display: none; }
body.exercise-text .jBox-Tooltip .headword { display: block; }

@media(min-width:769px){
    body.exercise-text .original:hover, body.exercise-text .headword:hover { border-color: #000; }
}

/* STUDY mode - Start */
body.exercise-text[mode=study] #exercise-modes .ex-icon[do=study] > svg { opacity: 0; }
body.exercise-text[mode=study] #exercise-modes .ex-icon[do=study] > svg.active { opacity: 1; transform: translate(-50%,-50%) scale(1.15); }
body.exercise-text[mode=study] .original,
body.exercise-text[mode=study] .headword {font-family: 'Arima Madurai'; font-weight: 900; font-size: 0.95rem;}
/* STUDY mode - Stop */

/* ORAL mode - Start */
body.exercise-text[mode=oral] #exercise-modes .ex-icon[do=oral] > svg { opacity: 0; }
body.exercise-text[mode=oral] #exercise-modes .ex-icon[do=oral] > svg.active { opacity: 1; transform: translate(-50%,-50%) scale(1.15); }
body.exercise-text[mode=oral] .vocab .original, body.exercise-text[mode=oral] .vocab .headword { display: none; }
body.exercise-text[mode=oral] .vocab .hint { display: inline-block; }
body.exercise-text[mode=oral] .vocab[hint=""] .original { display: inline-block; font-weight: normal; border: 0; cursor: default; }
body.exercise-text[mode=oral] .jBox-Tooltip .headword, body.exercise-text[mode=oral] .jBox-Tooltip .definition { display: none; }
body.exercise-text[mode=oral] .jBox-Tooltip .original { display: inline-block; }
/* ORAL mode - Stop */

/* WRITING mode - Start */
body.exercise-text[mode=writing] #exercise-modes .ex-icon[do=writing] > svg { opacity: 0; }
body.exercise-text[mode=writing] #exercise-modes .ex-icon[do=writing] > svg.active { opacity: 1; transform: translate(-50%,-50%) scale(1.15); }
body.exercise-text[mode=writing] .vocab .original, body.exercise-text[mode=writing] .vocab .headword, body.exercise-text[mode=writing] .vocab .hint { display: none; }
body.exercise-text[mode=writing] .vocab .writing-input { display: inline-block; position: relative; z-index: 1; }
body.exercise-text[mode=writing] .vocab .writing-input > input { padding-right: 25px; }
body.exercise-text[mode=writing] .vocab[hint=""] .original { display: inline-block; cursor: default; border: 0; font-weight: 400; }
body.exercise-text[mode=writing] .vocab .help { display: inline-block; vertical-align: middle; position: absolute; transform: translate(-18px,3px); z-index: 2; }
body.exercise-text[mode=writing] .vocab .help svg { width: 16px; height: 16px;}
/*body.exercise-text[mode=writing] .vocab .help:hover { background-color: #0451C6; }
body.exercise-text[mode=writing] .vocab .help:hover svg path { stroke: #fff !important; }
body.exercise-text[mode=writing] .vocab .help:hover svg circle { fill: #fff !important; }*/
body.exercise-text[mode=writing] .jBox-Tooltip .original { display: inline-block; }
body.exercise-text[mode=writing] .jBox-Tooltip .headword, body.exercise-text[mode=writing] .jBox-Tooltip .definition { display: none; }
/* WRITING mode - Stop */

/* Exercise Text - Stop */

/*Tour CSS - Start*/
.hContHeader:empty { display: none !important; }
.hContBlock { border-radius: 20px; border: 4px solid #01AFA4; z-index: 9; box-shadow: rgba(0,0,0,.25) 0 4px 4px; }
.hContPos:before{ content:'';width:0;height:0;border-width:8px;border-color:#01AFA4;border-style:solid;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);z-index:9; }
.hContPos:after { z-index: 10; margin-top: 4px; border-width: 6px; }
.hAction { float: none; position: absolute; right: 0; top: 0; width: auto; height: auto; z-index: 5; }
.hRoundBtn { margin: 0; width: 40px; height: 40px; border-radius: 503px; float: none; position: static; clear: none; line-height: .9; display: flex; justify-content: center; align-items: center; font-size: 40px; }
.hAction .hRoundBtn:last-child { margin-right: 0; }
.hCancelBtn { color: #066DB7; }
.hContBody { text-align: center; font-family: open-sans; line-height: 1.5; margin-top: 20px; padding: 30px 30px 20px; color: #01AFA4; }
.hContFooter { box-shadow: none; }
.hBtn { font-weight: 400; text-transform: none }
.hContFooter .hBtn { padding-left: 20px; padding-right: 20px; border-radius: 20px; font-family: greatescape; line-height: 40px; }
.hContFooter .hNext { background-color: #006DBB; color: #fff; float: right; }

.hContPos[data-step="1"] .hContFooter .hBtn { border-radius: 5px; }
.hContPos[data-step="1"] .hContFooter .hPrev { border: 1px solid #006DBB; }
.hContPos[data-step="2"] .hContFooter .hPrev { display: none !important; }
/*Tour CSS - Stop*/

/* Slick slider */
.slick-arrow{
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    font-size: 0;
    width: 30px;
    height: 30px;
    background: none;
    box-shadow: none;
    outline: none;
    border: none;
    position: relative;
    display: none !important;
}
.slick-prev{
    border-left: 4px solid #424242;
    border-top: 4px solid #424242;
    transform: rotate(45deg) skew(-20deg, -20deg);
    cursor: pointer;
}
.slick-next{
    border-right: 4px solid #424242;
    border-bottom: 4px solid #424242;
    transform: rotate(45deg) skew(-20deg, -20deg);
    cursor: pointer;
}
.slick-slider{
     
}
@media (max-width: 991px){
    #inner_content-11-566 {
        padding-left: 0;
        padding-right: 0;
    }
    body.card-view .exercise{
        height: 62vh !important;
    }
}


/*Gapfil start */
body.exercise-gapfil body.exercise-gapfil[mode=study] , body.exercise-gapfil .headword, body.exercise-gapfil .hint { display: inline-block; border-bottom: 1px dashed #999; cursor: help; }
body.exercise-gapfil .gapfil_sentence .headword, body.exercise-gapfil .gapfil_sentence .hint, body.exercise-gapfil .gapfil_sentence strong { display: none; }
body.exercise-gapfil .gapfil_sentence .hint { font-weight: 700; }
body.exercise-gapfil .gapfil_sentence .writing-input > input { border: 0; border-bottom: 1px solid #ccc; padding: 3px 5px 0; font-family: 'Arima Madurai'; text-align: center; font-weight: 700; display: inline-block; transition: .2s; line-height: 1.2rem; height: 1.4rem; }
body.exercise-gapfil .gapfil_sentence .writing-input > input:focus { border: 0; border-bottom: 1px solid #01AFA4; outline: 0;}
body.exercise-gapfil .gapfil_sentence .writing-input > input::placeholder { font-weight: 300; font-size: 14px; }
body.exercise-gapfil .gapfil_sentence .writing-input > input::-moz-placeholder { font-weight: 300; font-size: 15px; }
body.exercise-gapfil .gapfil_sentence .writing-input > input::-ms-placeholder { font-weight: 300; font-size: 15px; }
body.exercise-gapfil .gapfil_sentence .writing-input > input::-webkit-input-placeholder { font-weight: 300; font-size: 15px; }
body.exercise-gapfil .gapfil_sentence .writing-input > input.valid { color: #01AFA4; }
body.exercise-gapfil .gapfil_sentence .writing-input > input::-webkit-input-placeholder { color: #000; font-weight: 600; }
body.exercise-gapfil .gapfil_sentence .writing-input > input::-ms-input-placeholder { color: #000; font-weight: 600; }
body.exercise-gapfil .gapfil_sentence .writing-input > input::placeholder { color: #000; font-weight: 600; }

/* WRITING mode - Start */
body.exercise-gapfil[mode=writing] .gapfil_sentence .original, body.exercise-gapfil[mode=writing] .gapfil_sentence .headword, body.exercise-gapfil[mode=writing] .gapfil_sentence .hint { display: none; }
body.exercise-gapfil .gapfil_sentence .writing-input, body.exercise-gapfil .gapfil_sentence .gapfil-text { display: inline-block; position: relative; z-index: 1; }
body.exercise-gapfil .gapfil_sentence .writing-input > input { padding-right: 25px; }
body.exercise-gapfil[mode=writing] .gapfil_sentence[hint=""] .original { display: inline-block; cursor: default; border: 0; font-weight: 400; }
body.exercise-gapfil[mode=writing] .gapfil_sentence .help { display: inline-block; vertical-align: middle; position: absolute; transform: translate(-18px,3px); z-index: 2; }
body.exercise-gapfil[mode=writing] .gapfil_sentence .help svg { width: 16px; height: 16px;}
body.exercise-sentence .lang-table-row .lang-1, body.exercise-sentence .lang-table-row .lang-2 { padding-left:45px } 
body.exercise-gapfil .lang-table-row .lang-1, body.exercise-gapfil .lang-table-row .lang-2 { padding-left:20px }
body.exercise-gapfil .hintvalue{
    display:none;
    float:right;
}
@media print {
    body.exercise .exercise{
        margin-top: 0;
    }
    body.exercise-gapfil .hintvalue {
        display: block !important;
        float: right !important;
        max-width:20%;
        min-width:20%;
        width:20%;
        position:relative;
        border-left: 1px solid #00b2a7;
        margin-left: -30px;
        padding-left: 30px;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    body.exercise-gapfil i.help{
        display: none;
    }
    body.exercise-gapfil .lang-table-row.sentence{
        display: flex;
        justify-content: space-between;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        align-items: center;
        border: none !important;
    }
    body.exercise-gapfil .lang-table-row.sentence .lang-1{
        max-width:75%;
        width:75%;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-right:5%;
        /*overflow: hidden;*/
        /*word-break: break-word;*/
        word-wrap: break-word; /* Break long words */
        word-break: break-all;  /* Ensure text doesn't overflow */
        box-sizing: border-box;
    }

    body.exercise-sentence .lang-table-row .chevron-span:before{
        display: none;
    }

    .lang-table-row{
        padding: 0 !important;
    }

    .lang-table-row .lang-1,
    .lang-table-row .lang-2,
    .lang-table-row .lang-note{
        padding-left: 0 !important;
    }
    
    .lang-table-row .lang-note{
        color: #9d9d9d !important;
    }
    
    .lang-table-row .lang-note strong{
        font-weight: 500; !important;
    }

    .lang-table-row a.btn-master{
        display:none !important;
    }
    
}
/*@-moz-document url-prefix() {
    body.exercise-sentence .lang-table-row .chevron-span::before {
        top: 12px !important;
    }
}*/

@media screen and (max-width: 768px) {
	body.exercise-sentence .lang-table-row .lang-1 {
        text-indent: 25px !important;
    }
    body.exercise-sentence.card-view .lang-table-row .lang-1 {
        text-indent: 0 !important;
    }
    body.exercise-sentence .lang-table-row .lang-1 {
        padding-left:15px !important;
    }
    body.exercise-sentence .lang-table-row .lang-2 {
        padding-left:15px !important;
    }
    body.exercise-sentence h1.article-title > .ct-span {
        padding-right: 3px !important;
    }
    .ct-link.fb-back-link{
        min-width: 40px;
    }
    div#sentence-4208 {
        max-width: 100%;
        overflow-x: hidden;
    }
    #toggle-exercise-controls {margin-right: 0px; }
}
/* WRITING mode - Stop */
/*Gapfil stop */

.lang-table-row.sentence span.chevron-span{
    z-index:99;
    position: relative;
    cursor:pointer;
}
.lang-table-row.sentence .lang-2{
    cursor:pointer;
}
/* Exercise Text - Stop */