@charset "utf-8";

@import url(/lekcje-online/dialogs.css);
@import url(/lekcje-online/clipboard.css);
@import url(/dialog/exercise/style.css?3);/* menu */
@import url(/static/css/pkpk-colors.css?4);



@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Light"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semilight"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Bold"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semibold"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype");
    font-weight: 600;
}

/* common layout */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;font:400 16px/1.5 "SegoeUI",sans-serif;overflow:hidden;user-select:none;}
:root{--panel-scale:1;--panel-u:calc(var(--panel-scale) * 10px);--panel-iw:calc(38.9 * var(--panel-u));--panel-ow:calc(38.9 * var(--panel-u) + 2px);--panel-oh:100vh;--panel-ih:100vh;}

body{position:fixed;left:0;right:0;top:0;bottom:0;}
body>aside{position:absolute;width:391px;width:var(--panel-ow);left:0;top:0;height:100vh;height:var(--panel-oh);background:#f3f7fa;border-right:2px solid #e1ecf2;border-width:calc(var(--panel-ow) - var(--panel-iw));transform-origin:0 0;}
body>main{position:absolute;left:391px;left:var(--panel-ow);right:0;top:0;bottom:0;background:#fff;z-index:0;}

body>main>div.area{position:absolute;left:0;right:0;top:0;bottom:0;}
body>main>div.area:not(.active){display:none;}

/* aside */
body>aside{display:flex;flex-direction:column;align-items:stretch;z-index:1;}

body>aside .with-line-v::after{content:"";font-size:10px;font-size:var(--panel-u);position:absolute;display:block;width:.2em;background:none;background-size:.4em .5em;background-image:linear-gradient(0,transparent 0%,transparent 50%,#a7c0d4 60%,#a7c0d4 100%);}
body>aside .block{margin:0 28px 0 31px;margin:0 calc(2.8 * var(--panel-u)) 0 calc(3.1 * var(--panel-u));padding:0;}

/* aside header */
body>aside>header{height:69px;height:calc(6.9 * var(--panel-u));border-bottom:2px solid #e1ecf2;position:relative;flex:0 0 auto;background:#fff;}

body>aside>header a.home{position:absolute;left:0;top:0;bottom:0;width:145px;color:transparent;text-indent:9999px;width:calc(14.5 * var(--panel-u));}
body>aside>header a.home{background:transparent url(/lekcje-online/img/logo.png) no-repeat 16px 14px;background-position:calc(1.6 * var(--panel-u)) calc(1.4 * var(--panel-u));background-size:calc(12.6 * var(--panel-u));}

body>aside>header a.my-account{position:absolute;right:25px;top:20px;height:35px;width:120px;text-align:right;padding:4px 53px 5px 10px;text-decoration:none;color:#a9c2d6;font-size:11px;line-height:13px;text-transform:uppercase;}
body>aside>header a.my-account.with-line-v::after{right:42px;top:1px;bottom:1px;}
body>aside>header a.my-account img{position:absolute;right:0;top:0;width:35px;height:35px;border:4px solid #8faec3;border-radius:50%;background:#ebf2f6;}

body>aside>header menu.language{font-size:10px;font-size:var(--panel-u);position:absolute;margin:0;padding:0 .7em;left:14.7em;top:1.7em;height:4.2em;max-width:4.2em;overflow:hidden;background:transparent;border-radius:2.1em;display:flex;transition:.3s background-color,.3s max-width;}
body>aside>header menu.language.open{background:#f4f7fa;max-width:30em;z-index:1;}
body>aside>header menu.language a{width:2.8em;height:100%;padding:1.1em .4em;order:2;display:none;position:relative;outline:none;margin:0;}
body>aside>header menu.language a.active{order:1;display:block;width:4em;flex:0 0 4em;}
body>aside>header menu.language.open a{display:block;}
body>aside>header menu.language a.active::before{content:url(/ecoursebook/img/arrow-lang.png);display:block;position:absolute;top:1.7em;right:.4em;line-height:0;}
body>aside>header menu.language.open a.active::before{transform:scale(-1,1);}


body>aside>header menu.language a img{width:2em;height:2em;border:.2em solid #8faec3;border-radius:50%;}
body>aside>header menu.language.open a:not(.active):focus::after,body>aside>header menu.language.open a:not(.active):hover::after{content:"";position:absolute;width:2em;height:.5em;border-radius:.25em;background:#a2bdd2;bottom:.4em;left:.4em;}



/* aside handbook */
body>aside>section.handbook{height:210px;height:calc(21.0 * var(--panel-u));border-bottom:2px solid #e1ecf2;position:relative;flex:0 0 auto;background:#274867 url(/ecoursebook/img/logo-ecoursebook-xs.png) no-repeat 31px 17px;background-color:var(--color-main);}
body.full-access>aside>section.handbook{background-image:url(/ecoursebook/img/logo-course-xs.png);background-position:31px 20px;}
body>aside>section.handbook h1{color:#e2ebf2;position:absolute;font-size:14px;line-height:18px;top:15px;left:131px;right:70px;margin:1em 0;}

body>aside>section.handbook div.book{position:absolute;top:80px;left:31px;right:25px;height:70px;overflow:hidden;}
body>aside>section.handbook div.book img{display:block;margin:0 auto;}

body>aside>section.handbook menu.chapters{position:absolute;margin:0;padding:0;height:43px;min-height:43px;left:31px;top:150px;right:28px;background:#e2ebf2;border-radius:21px;overflow:hidden;}
body>aside>section.handbook menu.chapters>div{overflow:hidden;scrollbar-width:thin;}
body>aside>section.handbook menu.chapters>div::-webkit-scrollbar{/*display:none;*/}
body>aside>section.handbook menu.chapters.open{height:auto;z-index:2;box-shadow:0 0 41px #0000003f;}
body>aside>section.handbook menu.chapters.open>div{height:auto;max-height:calc(6 * 43px);overflow:hidden auto;}
body>aside>section.handbook menu.chapters button[name=switch]{position:absolute;right:0;top:0;width:41px;height:43px;border:none;background:none;outline:none;padding:0;}
body>aside>section.handbook menu.chapters button[name=switch]::before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:url(img/arrow-chaters.png) no-repeat center;}
body>aside>section.handbook menu.chapters.open button[name=switch]::before{transform:scale(1,-1);}
body>aside>section.handbook menu.chapters button[name=switch]:enabled{cursor:pointer;}
body>aside>section.handbook menu.chapters button[name=switch]::after{top:.5em;bottom:.5em;left:0;}
body>aside>section.handbook menu.chapters>div>a{display:flex;height:43px;margin:0;padding:0 19px;line-height:43px;text-decoration:none;color:#515352;font-size:14px;font-weight:700;outline:none;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;cursor:pointer;}
body>aside>section.handbook menu.chapters>div>a>span{height:100%;position:relative;white-space:nowrap;flex:1 1 auto;}
body>aside>section.handbook menu.chapters>div>a>span:first-child{height:100%;width:36px;flex:0 0 36px;text-align:right;padding:0 18px 0 0;font-weight:400;}
body>aside>section.handbook menu.chapters>div>a>span:first-child::after{content:"";position:absolute;top:19px;right:6px;width:6px;height:6px;background:#a9c2d6;border-radius:50%;}
body>aside>section.handbook menu.chapters>div>a>span:first-child+span{text-overflow:ellipsis;margin-right:2em;overflow:hidden;}
body>aside>section.handbook menu.chapters:not(.open)>div>a:not(.active){display:none;}
body>aside>section.handbook menu.chapters.open>div>a:focus,body>aside>section.handbook menu.chapters.open>div>a:hover,body>aside>section.handbook menu.chapters.open>div>a:active,body>aside>section.handbook menu.chapters.open>div>a.active{background:#c8d9e6;}

body>aside>section.handbook menu.view{position:absolute;right:27px;top:24px;width:38px;margin:0;padding:0;z-index:1;}
body>aside>section.handbook menu.view button{display:block;width:100%;height:30px;margin:0 0 9px;padding:0;line-height:0;border:none;background:none;outline:none;}
body>aside>section.handbook menu.view button:enabled{cursor:pointer;}
body>aside>section.handbook menu.view button:disabled,body>aside>section.handbook menu.view button.disabled{cursor:not-allowed;}
body>aside>section.handbook menu.view button:disabled::before,body>aside>section.handbook menu.view button.disabled::before{opacity:.5;}
body>aside>section.handbook menu.view button::before{content:"";display:inline-block;vertical-align:middle;width:38px;height:26px;background:url(/ecoursebook/img/buttons-view.png) no-repeat 0 0;}
body>aside>section.handbook menu.view button[value=ecoursebook]::before{background-position:-40px 0;width:34px;height:25px;}
body>aside>section.handbook menu.view button[value=course]::before{}
body>aside>section.handbook menu.view button[value=mobile]::before{background-position:-80px 0;width:18px;height:26px;}
body>aside>section.handbook menu.view button.active:enabled::before{filter:brightness(1.6) drop-shadow(1px 1px 2px #fff8);}

/* aside buttons */
body>aside>section.buttons{height:80px;height:calc(8.0 * var(--panel-u));border-bottom:2px solid #e1ecf2;position:relative;flex:0 0 auto;}
body>aside>section.buttons menu.block{margin-top:10px;margin-top:calc(1.0 * var(--panel-u));display:flex;justify-content:space-around;}
body>aside>section.buttons button{position:relative;font-size:10px;font-size:var(--panel-u);width:5.6em;height:5.6em;border-radius:50%;border:none;outline:none;background:#a9c2d6;padding:0;margin:0;line-height:5.6em;transition:.3s transform;}
body>aside>section.buttons button:enabled{cursor:pointer;}
body>aside>section.buttons button:disabled{cursor:not-allowed;filter:grayscale(.3);}
body>aside>section.buttons button:disabled::before{/*filter:grayscale(.8) brightness(1.3);*/filter:invert(1) brightness(0.5);}
body>aside>section.buttons button.no-access{margin-right:.3em;}
body>aside>section.buttons button.no-access::after{content:"";position:absolute;width:1.5em;height:2em;background:url(/ecoursebook/img/buttons-show-black.png?1) no-repeat -180px 0;bottom:0;right:-.4em;filter:invert(var(--color-f1)) sepia(var(--color-f2)) saturate(var(--color-f3)) hue-rotate(var(--color-f4)) brightness(var(--color-f5)) contrast(var(--color-f6));}
body>aside>section.buttons button::before{content:"";background:url(/ecoursebook/img/buttons-show-black.png?1) no-repeat 0 0;width:0;display:inline-block;vertical-align:middle;filter:invert(var(--color-f1)) sepia(var(--color-f2)) saturate(var(--color-f3)) hue-rotate(var(--color-f4)) brightness(var(--color-f5)) contrast(var(--color-f6));}
body>aside>section.buttons button:enabled:hover,body>aside>section.buttons button:enabled:focus,body>aside>section.buttons button:enabled:active{transform:scale(1.1);}
body>aside>section.buttons button[value=dictionary]::before{background-position:0 0;width:21px;height:29px;}
body>aside>section.buttons button[value=grammar]::before{background-position:-36px 0;width:33px;height:30px;margin-bottom:4px;margin-left:4px;}
body>aside>section.buttons button[value=additional-exercises]::before{background-position:-72px 0;width:22px;height:27px;}
body>aside>section.buttons button[value=wordquiz]::before{background-position:-108px -36px;width:35px;height:26px;}
body>aside>section.buttons button[value=notes]::before{background-position:-144px 0;width:21px;height:26px;}


/* aside search */
body>aside>section.search{height:73px;height:calc(7.3 * var(--panel-u));position:relative;flex:0 0 auto;}
body>aside>section.search form{margin-top:13px;height:43px;position:relative;background:url(/ecoursebook/img/search-bg.png) no-repeat 3px 11px;}
body>aside>section.search form div.search{position:absolute;left:86px;right:42px;top:0;bottom:0;}
body>aside>section.search form div.search .twitter-typeahead{height:100%;width:100%;}
body>aside>section.search form input{margin:0;height:100%;display:block;border:none;background:#e2ebf2;width:100%;border-radius:21px 0 0 21px;padding:0 .5em 0 2em;outline:none;font-size:13.3px;}
body>aside>section.search form button{border:none;position:absolute;right:0;top:0;bottom:0;width:42px;border-radius:0 21px 21px 0;outline:none;text-indent:-9999px;overflow:hidden;background:#e2ebf2 url(/ecoursebook/img/search-button.png) no-repeat center;}
body>aside>section.search form button:enabled{cursor:pointer;}
body>aside>section.search form button::after{top:.5em;bottom:.5em;left:0;}

body>aside input.tt-input{outline:none;}
body>aside span.twitter-typeahead{width:100%;}
body>aside span.twitter-typeahead .tt-hint{/*border-radius:17px;*/}
body>aside span.twitter-typeahead .tt-menu{width:calc(100% + 42px);border:none;box-shadow:0 32px 32px #0000003f;padding:3px 0 8px;border-radius:0 0 17px 17px;border-top:2px dotted #afc6d8;margin:0;background:#e2ebf2;}
body>aside span.twitter-typeahead .tt-menu::before{content:"";display:block;left:0;right:0;height:0;top:-19px;position:absolute;border-left:17px solid #e2ebf2;border-right:17px solid #e2ebf2;border-top:17px solid transparent;box-sizing:content-box;}
body>aside span.twitter-typeahead .tt-suggestion{height:32px;line-height:22px;padding:5px 22px 5px 57px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}
body>aside span.twitter-typeahead .tt-suggestion:hover{background-color:#d9e4ed}
body>aside span.twitter-typeahead .tt-suggestion::before{content:"▸";margin:0 9px 0 0;}

body>aside span.twitter-typeahead .tt-suggestion.tt-suggestion-exercise::before{content:"";margin:0;position:absolute;left:19px;top:6px;width:24px;height:20px;background:transparent url(/ecoursebook/img/search-bg.png) no-repeat 2px 0;}
body>aside span.twitter-typeahead .tt-suggestion.tt-suggestion-page::before{content:"";margin:0;position:absolute;left:19px;top:6px;width:24px;height:20px;background:transparent url(/ecoursebook/img/search-bg.png) no-repeat -25px 0;}
body>aside span.twitter-typeahead .tt-suggestion.tt-suggestion-word::before{content:"";margin:0;position:absolute;left:19px;top:6px;width:24px;height:20px;background:transparent url(/ecoursebook/img/search-bg.png) no-repeat -53px 0;}

body>aside span.twitter-typeahead.twitter-typeahead-selected{}
body>aside span.twitter-typeahead.twitter-typeahead-selected input.tt-hint{background-color:#e2ebf2!important;}
body>aside span.twitter-typeahead.twitter-typeahead-selected::after{content:"×";position:absolute;right:0;top:0;bottom:0;width:34px;text-align:center;cursor:pointer;color:#888;font:400 24px/34px sans-ser;z-index:2;}
body>aside span.twitter-typeahead.twitter-typeahead-selected input.tt-input{padding-right:30px;}

/* aside summary */
body:not([data-view=course])>aside>section.summary{display:none}
body>aside>section.summary{position:relative;flex:1 1 auto;overflow:hidden auto;scrollbar-width:thin;}
body>aside>section.summary:not(.ep-scroll)::-webkit-scrollbar{display:none;}

body>aside>section.summary section{border:2px solid #4c63a62f;margin-bottom:13px;}
body>aside>section.summary section.collapsed{}

body>aside>section.summary section header{height:40px;margin:-2px -2px 0;line-height:40px;color:#fff;background:#4c63a6;padding:0 0 0 22px;position:relative;font-weight:700;font-size:14px;text-transform:uppercase;position:sticky;top:0;z-index:1;}
body>aside>section.summary section.collapsed header{margin-bottom:-2px;}
body>aside>section.summary section header button[name=collapse]{position:absolute;right:0;top:0;bottom:0;width:40px;border:none;background:none;padding:0;outline:none;}
body>aside>section.summary section header button[name=collapse]:enabled{cursor:pointer;}
body>aside>section.summary section header button[name=collapse]::before{content:"▼";display:block;font-family:SegoeUISymbol,sans-serif;font-size:16px;color:#0007;}
body>aside>section.summary section.collapsed header button[name=collapse]::before{transform:scale(1,-1);}

body>aside>section.summary section header+div{}
body>aside>section.summary section.collapsed header+div{display:none;}


body>aside>section.summary section header+div>a,body>aside>section.summary section header+div>h6{display:block;height:32px;line-height:32px;text-decoration:none;padding:0 20px;margin:0;font-size:16px;font-size:calc(1 / var(--text-scale) * 16px);color:#a9c2d6;position:relative;}
body>aside>section.summary section header+div>h6{font-size:13px;font-size:calc(1 / var(--text-scale) * 13px);line-height:30px;padding-top:4px;}
body>aside>section.summary section header+div>a::before{content:"➜";display:inline-block;height:32px;width:21px;outline:none;}
body>aside>section.summary section header+div>a:hover,body>aside>section.summary section header+div>a:focus,body>aside>section.summary section header+div>a:active,body>aside>section.summary section header+div>a.active{background-color:#e2ebf2;}
body>aside>section.summary section header+div>a.active::before{color:#4c63a5;}
body>aside>section.summary section.exercises header+div>a.active::before{color:#bb3637;}
body>aside>section.summary section header+div>a.solved::after{content:url(/ecoursebook/img/solved.png);position:absolute;right:17px;top:8px;height:15px;width:15px;line-height:0;}

body>aside>section.summary section.grammar header+div>h6{text-transform:uppercase;color:#4c63a5;}

body>aside>section.summary section header+div>h6:not(:first-child){padding-top:6px;height:34px;}
body>aside>section.summary section header+div>h6:not(:first-child)::after{content:"";position:absolute;top:0;background:#4c63a62f;height:2px;left:19px;right:18px;}

body>aside>section.summary section header+div>h6[data-letter]::before{content:attr(data-letter);display:inline-block;height:14px;width:14px;margin:0 7px 0 0;color:#fff;background-color:#a9c2d6;border-radius:50%;text-align:center;padding:0;line-height:14px;font-size:10px;vertical-align:3px;font-weight:400;}

body>aside>section.summary section.exercises{border-color:#bb36374f;}
body>aside>section.summary section.exercises header{background-color:#bb3637;}
body>aside>section.summary section.exercises header+div>h6{color:#ba3737;}
body>aside>section.summary section.exercises header+div>h6[data-letter]::before{background-color:#bb3637;}
body>aside>section.summary section.exercises header+div>h6:not(:first-child)::after{background:#bb36372f;}

/* aside pages */
body:not([data-view=ecoursebook])>aside>section.pages{display:none}
body>aside>section.pages{position:relative;flex:1 1 auto;overflow:hidden auto;scrollbar-width:thin;}
body>aside>section.pages::-webkit-scrollbar{display:none;}

ol.slides-list{margin:0 12px 0 0;padding:31px 0 21px 67px;list-style:none;counter-reset:slides;height:100%;overflow:scroll;/*scrollbar-width:thin;*/}
ol.slides-list:not(.ep-scroll)::-webkit-scrollbar{display:none;}
section.slides ol.slides-list{padding-left:31px;}
ol.slides-list>li{position:relative;width:168px;height:118px;background:#e0e9f0;margin:0 0 10px 45px;cursor:pointer;box-shadow:0 0 20px #a8bdd07f;}
ol.slides-list>li::before{content:counters(slides, ".", decimal-leading-zero);position:absolute;left:-45px;width:30px;top:0;bottom:0;line-height:118px;color:#000;font-weight:400;font-size:14px;counter-increment:slides;}
ol.slides-list>li.active::after{content:"";position:absolute;display:block;width:5px;top:0;bottom:0;left:-14px;background:#a8bdd0;border-radius:2.5px;}
ol.slides-list>li.preview-loading{background:#f7f7f7;background:#e0e9f0 url(/lector/img/loader16.gif) no-repeat center;}
ol.slides-list>li.preview-loading img{display:none;}
ol.slides-list>li.preview-disabled{background:#a5c2d5;cursor:not-allowed;}
ol.slides-list>li.preview-error{background:#ccc;}
ol.slides-list>li.preview-error img{display:none;}
ol.slides-list>li>a{position:absolute;left:0;top:0;right:0;bottom:0;}
ol.slides-list>li>a>img{display:block;margin:auto;}

ol.slides-list>li menu{margin:0;padding:0;text-align:center;position:absolute;top:68px;top:calc(6.8 * var(--panel-u));left:0;right:0;opacity:0;transition:.3s opacity;line-height:0;z-index:1;pointer-events:none;}
ol.slides-list>li:hover menu{opacity:1;}
ol.slides-list>li menu>*{pointer-events:all;}
ol.slides-list>li menu>button{width:40px;height:40px;width:calc(4.0 * var(--panel-u));height:calc(4.0 * var(--panel-u));border-radius:50%;border:none;background:#8eaec7;cursor:pointer;margin:0 3.5px;margin:0 calc(.35 * var(--panel-u));padding:8px;padding:calc(.8 * var(--panel-u));position:relative;}
ol.slides-list>li menu>button:disabled{cursor:not-allowed;}
ol.slides-list>li menu>button:enabled:hover,ol.slides-list>li menu>button:enabled:focus,ol.slides-list>li menu>button:enabled:active{outline:none;}
ol.slides-list>li menu>button::before{content:"";display:block;width:24px;height:24px;background:transparent url(/lekcje-online/img/icons-slide.png) no-repeat 24px 0;transform-origin:0 0;transform:scale(var(--panel-scale));}
ol.slides-list>li menu>button[name="delete"]::before{background-position:0 0;}
ol.slides-list>li menu>button[name="copy"]::before{background-position:-24px 0;}
ol.slides-list>li menu>button[name="copy-to"]::before{background-position:-48px 0;}
ol.slides-list>li menu>button[name="add-to-lesson"]::before{background-position:-48px 0;}


/* area-course */
div.area-course{}
div.area-course>header{height:183px;padding:12px 0 0 70px;user-select:text;position:relative;max-width:963px;}
div.area-course>header::before{content:"";position:absolute;top:21px;left:54px;height:135px;display:block;width:2px;background:none;background-size:1px 5px;background-image:linear-gradient(0,transparent 0%,transparent 50%,#a7c0d4 60%,#a7c0d4 100%);}
div.area-course>header h2{color:#274867;color:var(--color-main);font-size:47px;font-weight:600;margin:0;line-height:47px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:894px;padding-right:155px;}
div.area-course>header h2 small{display:block;color:#a9c2d6;font-size:29px;font-weight:600;text-transform:uppercase;}
div.area-course>header h2 small strong{font-weight:700;}
div.area-course>header menu.menu-exercises{position:absolute;padding:0;right:0;height:30px;bottom:10px;margin:0;}
div.area-course>iframe{display:block;overflow:hidden;margin:0 0 0 52px;padding:0;width:calc(100% - 52px);height:calc(100vh - 183px);border:none;}
div.area-course>header h2 .subchapter{text-transform:uppercase;font:400 23px/1 "Segoe UI",sans-serif;margin:18px 0 0;}
div.area-course>header h2 .subchapter .letter{display:inline-block;border:1px solid #274867;border-color:var(--color-main);font-style:normal;margin:0 0 0 .15em;width:47px;text-align:right;padding:0 9px;font-weight:600;height:25px;border-radius:13px;vertical-align:-1px;font-size:90%;line-height:21px;font-weight:700;}
div.area-course>header h2 .subchapter .letter:empty{display:none;}
div.area-course>header h2 .subchapter .letter+span{}

div.area-course>header div.progress{position:absolute;width:135px;left:820px;top:73px;font-size:16px;line-height:1;}
div.area-course>header div.progress>div{width:100%;margin:0;height:34px;position:relative;overflow:hidden;}
div.area-course>header div.progress>div .n{text-transform:uppercase;float:right;color:#000;font-weight:600;margin-top:6px;margin-right:3px;font-size:14px;}
div.area-course>header div.progress>div .n::after{content:"";display:inline-block;margin:0 0 1px 5px;width:6px;height:6px;border-radius:50%;background:#274867;background-color:var(--color-main);}
div.area-course>header div.progress>div .v{color:#274867;color:var(--color-main);font-weight:700;font-size:19px;margin-top:3px;float:left;}
div.area-course>header div.progress>div .l{position:absolute;background:#ecf1f5;display:block;border-radius:3px;height:5px;left:0;right:0;bottom:5px;}
div.area-course>header div.progress>div span.l>span{display:block;height:100%;border-radius:3px;background:#274867;background-color:var(--color-main);transition:width .3s;}



/* PDF View */
div.pdf-area{overflow:hidden;width:100%;height:100%;padding:0;}
div.pdf-area:focus{outline:none;box-shadow:none;}
div.pdf-area>div{/*position:absolute;left:0;right:0;top:0;bottom:0;*/margin:auto;transition:width .2s,height .2s;position:relative;}
@-moz-document url-prefix(){div.pdf-area>div{overflow:hidden;}}
div.pdf-area>div>div{position:relative;padding:0;transition:zoom .24s,height .24s;user-select:none;transform-origin:0 0;transition:transform .2s;}
div.pdf-area>div>div>canvas{display:block;margin:0;}

div.pdf-area div.handbook-item{position:absolute;background:transparent;border-radius:20px;transition:background-color .4s;cursor:pointer;overflow:hidden;}
/*div.pdf-area div.handbook-item:hover,div.pdf-area div.handbook-item:focus{background:#00000020;overflow:visible;z-index:2;}*/
div.pdf-area div.handbook-item:hover,div.pdf-area div.handbook-item:focus{overflow:visible;z-index:2;border-radius:0;border:2px solid #274867;border-color:var(--color-main);}

div.pdf-area.pdf-area-edit div.handbook-item{border-radius:0;/*border:.02em solid red;*/background:#0003;z-index:1;}
div.pdf-area.pdf-area-edit div.handbook-item:hover,div.pdf-area.pdf-area-edit div.handbook-item:focus{/*background:transparent;*/background:#0003;z-index:2;}

div.pdf-area div.handbook-item>menu{position:absolute;margin:0;padding:0;left:1em;bottom:1em;transform-origin:0 100%;font-size:1rem;border-radius:20px;overflow:hidden;user-select:none;background:#f7f7f7;opacity:0;transition:opacity .2s 1s;}
/*
div.pdf-area div.handbook-item>menu{transform-origin:0 0;top:1em;bottom:auto;}
div.pdf-area div.handbook-item>menu{top:-40px;transform-origin:0 100%;}
div.pdf-area div.handbook-item.handbook-item-top>menu{top:0;transform-origin:0 0;}
div.pdf-area div.handbook-item:hover>menu,div.pdf-area div.handbook-item:focus>menu{opacity:.85;}
div.pdf-area div.handbook-item>menu>button,div.pdf-area div.handbook-item>menu>a,
div.pdf-area div.handbook-item>menu>.submenu>button,div.pdf-area div.handbook-item>menu>.submenu>a{display:inline-block;vertical-align:top;width:40px;height:40px;border:none;background:none;cursor:pointer;color:#999;transition:color .2s;text-align:center;line-height:40px;text-decoration:none;}
div.pdf-area div.handbook-item>menu>button:focus,div.pdf-area div.handbook-item>menu>a:focus,
div.pdf-area div.handbook-item>menu>button:hover,div.pdf-area div.handbook-item>menu>a:hover,
div.pdf-area div.handbook-item>menu>button:active,div.pdf-area div.handbook-item>menu>a:active,
div.pdf-area div.handbook-item>menu>.submenu>button:focus,div.pdf-area div.handbook-item>menu>.submenu>a:focus,
div.pdf-area div.handbook-item>menu>.submenu>button:hover,div.pdf-area div.handbook-item>menu>.submenu>a:hover,
div.pdf-area div.handbook-item>menu>.submenu>button:active,div.pdf-area div.handbook-item>menu>.submenu>a:active{color:#555;outline:none;box-shadow:none;text-decoration:none;}
*/

ol.slides-list{margin:0 12px 0 0;padding:31px 0 21px 67px;list-style:none;counter-reset:slides;height:100%;overflow:scroll;scrollbar-width:thin;}
ol.slides-list:not(.ep-scroll)::-webkit-scrollbar{display:none;}
section.slides ol.slides-list{padding-left:31px;}
ol.slides-list>li{position:relative;width:168px;height:118px;background:#e0e9f0;margin:0 0 10px 45px;cursor:pointer;box-shadow:0 0 20px #a8bdd07f;}
ol.slides-list>li::before{content:counters(slides, ".", decimal-leading-zero);position:absolute;left:-45px;width:30px;top:0;bottom:0;line-height:118px;color:#000;font-weight:400;font-size:14px;counter-increment:slides;}
ol.slides-list>li.active::after{content:"";position:absolute;display:block;width:5px;top:0;bottom:0;left:-14px;background:#a8bdd0;border-radius:2.5px;}
ol.slides-list>li.preview-loading{background:#f7f7f7;background:#e0e9f0 url(/lector/img/loader16.gif) no-repeat center;}
ol.slides-list>li.preview-loading img{display:none;}
ol.slides-list>li.preview-disabled{background:#a5c2d5;cursor:not-allowed;}
ol.slides-list>li.preview-error{background:#ccc;}
ol.slides-list>li.preview-error img{display:none;}
ol.slides-list>li>a{position:absolute;left:0;top:0;right:0;bottom:0;}
ol.slides-list>li>a>img{display:block;margin:auto;}

aside>section.navigation select{position:absolute;left:10px;right:10px;top:10px;height:49px;width:calc(100% - 20px);border:none;background:transparent;outline:none;font-size:24px;color:#607d8b;}
aside>section.navigation input[name=pageNo]{position:absolute;top:70px;left:10px;width:120px;height:40px;border:none;padding:0;line-height:40px;text-align:right;outline:none;}
aside>section.navigation a.link-course{position:absolute;top:70px;left:140px;right:10px;height:40px;background:#a5c2d5;color:#fff;border:none;padding:0;line-height:40px;text-align:center;outline:none;text-decoration:none;}


/*
div.pdf-area div.pdf-view-selection{position:absolute;background:transparent;border:.02em solid #adf9;cursor:move;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize{position:absolute;font-size:10%;}

div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-n{top:-.3em;left:.7em;right:.7em;height:1em;cursor:n-resize;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-s{bottom:-.3em;left:.7em;right:.7em;height:1em;cursor:s-resize;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-w{top:.7em;bottom:.7em;left:-.3em;width:1em;cursor:w-resize;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-e{top:.7em;bottom:.7em;right:-.3em;width:1em;cursor:e-resize;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-ne{top:-.3em;right:-.3em;width:1em;height:1em;cursor:ne-resize;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-nw{top:-.3em;left:-.3em;width:1em;height:1em;cursor:nw-resize;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-se{bottom:-.3em;right:-.3em;width:1em;height:1em;cursor:se-resize;}
div.pdf-area div.pdf-view-selection>div.pdf-view-selection-resize.pdf-view-selection-sw{bottom:-.3em;left:-.3em;width:1em;height:1em;cursor:sw-resize;}
*/
div.pdf-area svg.pdf-view-selection{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;outline:none;}
div.pdf-area svg.pdf-view-selection rect.frame{fill:transparent;stroke:#5770ff;stroke-width:1px;stroke-dasharray:5 2;stroke-dashoffset:7;animation:dash .6s linear infinite;}
@keyframes dash{to{stroke-dashoffset:0;}}
div.pdf-area svg.pdf-view-selection rect.handler{fill:#fff;stroke:#5770ff;stroke-width:1;}
div.pdf-area svg.pdf-view-selection rect.handler-n{cursor:n-resize;}
div.pdf-area svg.pdf-view-selection rect.handler-s{cursor:s-resize;}
div.pdf-area svg.pdf-view-selection rect.handler-w{cursor:w-resize;}
div.pdf-area svg.pdf-view-selection rect.handler-e{cursor:e-resize;}
div.pdf-area svg.pdf-view-selection rect.handler-nw{cursor:nw-resize;}
div.pdf-area svg.pdf-view-selection rect.handler-ne{cursor:ne-resize;}
div.pdf-area svg.pdf-view-selection rect.handler-sw{cursor:sw-resize;}
div.pdf-area svg.pdf-view-selection rect.handler-se{cursor:se-resize;}


dialog:focus,dialog:active,dialog:hover{outline:none;}
@keyframes dialogshow{
from{transform:scale(.1);}
to{transform:scale(1);}
}
dialog{animation-name:dialogshow;animation-duration:.3s;z-index:11;}

dialog header button[name=close]{position:absolute;right:18px;top:5px;width:36px;height:36px;border:none;background:none;padding:0;line-height:39px;cursor:pointer;font-size:42px;color:#888;transition:color .3s;z-index:3;background-color:#fff7;border-radius:50%;}
dialog header button[name=close]:empty::before{content:"×"}
dialog header button[name=close]:hover,dialog.dialog-fs button[name=close]:focus,dialog.dialog-fs button[name=close]:active{outline:none;box-shadow:none;color:#000;}

dialog.dialog-fs{position:fixed;left:0;top:0;right:0;bottom:0;width:auto;height:auto;border:none;padding:0;}
dialog.dialog-fs iframe{position:absolute;top:0;left:0;border:none;width:100%;height:100%;}

dialog.dialog-inline{border:none;background:none;padding:0;transform-origin:0 0;}
dialog.dialog-inline button[name=close]{right:-36px;top:-10px;}
dialog.dialog-inline.dialog-dictionary button[name=close]{right:0;top:0;position:absolute;padding:0;background:transparent;color:#fff9;border-radius:0;height:24px;width:24px;line-height:28px;font-size:24px;z-index:1;outline:none;border:none;cursor:pointer;}
dialog.dialog-inline.dialog-dictionary button[name=close]::before{content:"×";color:#0000007f;}

menu.pdf-view-pages{position:fixed;bottom:0;left:0;right:0;height:150px;padding:10px 0;margin:0;border-top:1px solid #eee;background:#f7f7f7;box-shadow:0 0 60px #0002;z-index:2;white-space:nowrap;overflow:scroll hidden;user-select:none;opacity:.95;text-align:center;transition:transform .3s;}
menu.pdf-view-pages button,menu.pdf-view-pages a.set-page{display:inline-block;vertical-align:top;padding:0;cursor:pointer;background:none;border:none;margin:0 10px;transition:transform .2s,box-shadow .2s;}
menu.pdf-view-pages button:hover,menu.pdf-view-pages button:active,menu.pdf-view-pages button:focus,
menu.pdf-view-pages a.set-page:hover,menu.pdf-view-pages a.set-page:active,menu.pdf-view-pages a.set-page:focus{outline:none;transform:scale(1.05);}
menu.pdf-view-pages button.active,menu.pdf-view-pages a.set-page.active{box-shadow:0 0 10px #0004;}
menu.pdf-view-pages button img,menu.pdf-view-pages a.set-page img{display:block;max-height:120px;border:1px solid #0003;}
/*
menu.pdf-view-pages button[name=show-hide-pages]{position:absolute;right:100px;height:1.6em;background:#f7f7f7;padding:0 1em;top:-1.6em;}
*/

menu.pdf-view-pages span.menu-pages-mode{display:block;position:absolute;top:.6em;right:1em;color:#999;font:400 12px/1 sans-serif;}
menu.pdf-view-pages span.menu-pages-mode button{display:inline-block;border:none;background:none;margin:0 0 0 .3em;font:inherit;color:#555;}

menu.pdf-view-pages span.menu-page-no{display:block;position:absolute;top:2em;right:1em;color:#999;font:400 12px/1 sans-serif;}
menu.pdf-view-pages span.menu-page-no button{display:inline-block;border:none;background:none;margin:0;padding:0;font:inherit;color:#555;}



.pdf-view-hide-elements div.handbook-item{display:none;}
.pdf-view-hide-elements menu.pdf-view-zoom{display:none;}

.pdf-view-board div.pdf-area *{transition:none!important;}

/*.pdf-view-board{padding:20px 0;}
.pdf-view-board div.pdf-area{height:calc(100vh - 40px);overflow:visible;}*/
.pdf-view-board div.pdf-area{height:100vh;overflow:visible;}


/*
menu.pdf-view-zoom{position:fixed;bottom:160px;left:0;right:0;height:40px;width:100px;padding:0;margin:0 auto;background:#f7f7f7;z-index:2;opacity:.7;border-radius:20px;overflow:hidden;user-select:none;}
menu.pdf-view-zoom::after{content:"🔍";display:block;position:absolute;left:30px;top:0;width:40px;height:40px;text-align:center;font:18px/40px sans-serif;z-index:0;}
menu.pdf-view-zoom button{display:block;width:40px;height:40px;border:none;background:none;cursor:pointer;font:25px sans-serif;color:#0008;z-index:1;}
menu.pdf-view-zoom button:first-child{position:absolute;left:0;top:0;}
menu.pdf-view-zoom button:last-child{position:absolute;right:0;top:0;}
menu.pdf-view-zoom button:hover,menu.pdf-view-zoom button:focus,menu.pdf-view-zoom button:active{outline:none;color:#000;}
*/
menu.pdf-view-zoom{position:fixed;bottom:160px;left:0;right:0;height:40px;width:120px;padding:0;margin:0 auto;background:#f7f7f7;z-index:2;opacity:.7;border-radius:20px;overflow:hidden;user-select:none;text-align:center;}
menu.pdf-view-zoom button{display:inline-block;vertical-align:top;width:30px;height:40px;border:none;background:none;cursor:pointer;font:25px sans-serif;color:#0008;z-index:1;}
menu.pdf-view-zoom button:hover,menu.pdf-view-zoom button:focus,menu.pdf-view-zoom button:active{outline:none;color:#000;}

menu.pdf-view-zoom.pdf-view-zoom-off{margin:0;right:10px;top:10px;left:auto;bottom:auto;min-width:0;width:auto;transition:top .3s;}
body menu.pdf-view-zoom.pdf-view-zoom-off{top:-60px;}
body.zoom-active menu.pdf-view-zoom.pdf-view-zoom-off{top:10px;}
menu.pdf-view-zoom.pdf-view-zoom-off button{width:40px;}

menu.pdf-view-tools{position:fixed;bottom:160px;left:auto;right:10px;height:40px;padding:0;margin:0;background:#f7f7f7;z-index:2;opacity:.7;border-radius:20px;overflow:hidden;user-select:none;}
menu.pdf-view-tools button{display:inline-block;vertical-align:top;width:40px;height:40px;border:none;background:none;cursor:pointer;font:25px sans-serif;color:#0008;z-index:1;overflow:hidden;}
menu.pdf-view-tools button:hover,menu.pdf-view-tools button:focus,menu.pdf-view-tools button:active{outline:none;color:#000;}

body.zoom-active .zoom-active-hide{display:none;}






form.board-popup-window{position:absolute;z-index:10;margin:10vh auto 0;left:0;right:0;top:0;}
form.board-popup-window { background:#f5f5f5; width:380px; padding:0; border:none; /*margin-top:-330px;*/ /*position:relative;*/ font:400 14px Lato,sans-serif;color:#787878; box-shadow:0 0 50px rgba(0,0,20,0.2);}
form.board-popup-window.exercise-preview {width:700px;}
form.board-popup-window h6 { background:#0ab2cf; height:40px; margin:0; padding:0 40px 0 0; text-align:center; font:700 15px/40px Lato,sans-serif; color:#fff; }
form.board-popup-window button[name=close] { display:inline-block; border:none; background:transparent; border-left:1px solid #0898b2; width:40px; height:40px; right:0; top:0; position:absolute; color:#fff; text-align:center; font:400 20px/40px sans-serif; cursor:pointer; }
form.board-popup-window input[type=button],form.board-popup-window input[type=submit]{background:#0ab2cf;font:700 16px/38px Lato,sans-serif;color:#fff;height:38px; padding:0 60px;border:none;}
form.board-popup-window input[type=text],form.board-popup-window select{width:100%;box-sizing:border-box;height:35px;line-height:33px;padding:0 1em;border:1px solid #cacaca;background:#fff;}
form.board-popup-window input[type=number]{box-sizing:border-box;height:35px;line-height:33px;padding:0 0 0 1em;border:1px solid #cacaca;background:#fff;}
form.board-popup-window input[size="3"]{width:50px;}
form.board-popup-window input[type=text]:focus,form.board-popup-window input[type=number]:focus,form.board-popup-window select:focus{outline:none;box-shadow:none;}
form.board-popup-window fieldset label.lradio,form.board-popup-window fieldset label.lcheckbox{cursor:pointer;}
form.board-popup-window fieldset { border:none; padding:17px; margin:0; }
form.board-popup-window>h6+fieldset{max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;}
form.board-popup-window fieldset p {margin:0;padding:0;text-align:left;}
form.board-popup-window fieldset p+p{margin-top:17px;}
form.board-popup-window fieldset p.right{text-align:right;}
form.board-popup-window fieldset p.pages label {display:inline-block; margin:0 15px 15px 0; cursor:pointer;position:relative;}
form.board-popup-window fieldset p.pages label input[type=radio] {display:none;}
form.board-popup-window fieldset p.pages label img {display:block;}
form.board-popup-window fieldset p.pages label input[type=radio]+span{position:absolute;top:0;bottom:0;right:0;left:0;background:/*rgba(0,0,0,0.14)*/transparent;z-index:2;}
form.board-popup-window fieldset p.pages label input[type=radio]:checked+span{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.14) url(../images/board/selected-page.png) no-repeat center;;z-index:2;}
form.board-popup-window fieldset p.pages label input[type=radio]+span+img {position:relative;z-index:1;}
form.board-popup-window fieldset p.pages label input[type=radio]:checked+span+img { box-shadow:0 0 5px rgba(10,178,207,0.4);}

.autocomplete-w1 .autocomplete-w2 .autocomplete {border:1px solid #cacaca;margin-left:-3px;}
.autocomplete-w1 .autocomplete-w2 .autocomplete::-webkit-scrollbar              {background:transparent;width:13px;}
.autocomplete-w1 .autocomplete-w2 .autocomplete::-webkit-scrollbar-button       {display:none; }
.autocomplete-w1 .autocomplete-w2 .autocomplete::-webkit-scrollbar-track        {background:#f5f5f5;border-left:1px solid #dadada;}
.autocomplete-w1 .autocomplete-w2 .autocomplete::-webkit-scrollbar-track-piece  {background:transparent;}
.autocomplete-w1 .autocomplete-w2 .autocomplete::-webkit-scrollbar-thumb        {background:#0ab2d0;border-radius:0;}

form[name=selectFile]{width:600px;}
form[name=selectFile] .btn-file{margin:0;}
form[name=selectFile] ul.autocomplete-items{border:1px solid #cacaca;background:#fff;padding:0;margin:15px 0;min-height:100px;max-height:250px;overflow-y:scroll;overflow-x:hidden;}
form[name=selectFile] ul.autocomplete-items.autocomplete-items-loading::after{content:url(/lector/img/loader2.gif);display:block;text-align:center;height:39px;padding:10px 0;}
form[name=selectFile] ul.autocomplete-items[data-msg-empty]:empty:not(.autocomplete-items-loading)::before{content:attr(data-msg-empty);display:block;text-align:center;color:#ccc;padding:15px;}
form[name=selectFile] ul.autocomplete-items li {padding:1ex;display:inline-block;width:160px;text-align:center;cursor:pointer;vertical-align:top;overflow:hidden;}
form[name=selectFile] ul.autocomplete-items li img{display:block;margin:0 auto 10px;border:1px solid #dedede;}
form[name=selectFile] ul.autocomplete-items li strong{display:block;}
form[name=selectFile] ul.autocomplete-items li small{display:block;color:#aaa;}
form[name=selectFile] ul.autocomplete-items li.selected{color:#335;}
form[name=selectFile] ul.autocomplete-items a.button-preview{display:inline-block;width:20px;height:20px;background:url("/static/images/icons/exercise-preview-20.png");}

a.play-icon{display:inline-block;border:none;outline:none;width:18px;height:18px;margin:0;background:url("/lector/img/snd18.png") no-repeat;}
a.play-icon.play-icon-playing{width:28px;background:url("/lector/img/snd18-playing.png");}
span.te-menu-icon {display:inline-block;width:20px;height:20px;background:url(/lector/img/exercise-menu-icons.png?5) 0 0;vertical-align:-4px;}
span.te-menu-icon.te-menu-icon-transcript{background-position:-360px 0;}

div.audio-container{}
div.audio-container audio.player{vertical-align:middle;}
div.audio-container button[name=close]{width:40px;height:40px;vertical-align:middle;border:none;border-radius:50%;margin:0 0 0 .2em;font:20px monospace;color:#aaa;background:#f1f3f4;cursor:pointer;}


img.img-loading{background:#0004 url(/lector/img/loader.svg) no-repeat center center;}

div.loading{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:#0004 url(/lector/img/loader.svg) no-repeat center center;cursor:wait;}


div.pdf-area div.handbook-item>menu{transform-origin:0 0;top:1em;bottom:auto;top:-40px;transform-origin:0 100%;}
div.pdf-area div.handbook-item>menu{background:transparent;opacity:1;margin:5px;border-radius:0;white-space:nowrap;font:600 20px SegoeUI,sans-serif;}
div.pdf-area div.handbook-item>menu>button,div.pdf-area div.handbook-item>menu>a{display:inline-block;vertical-align:top;width:64px;height:35px;border:none;cursor:pointer;color:#999;transition:color .2s;text-align:center;line-height:40px;text-decoration:none;border-radius:17px;margin:0 7px 0 0;}
div.pdf-area div.handbook-item>menu>button:focus,div.pdf-area div.handbook-item>menu>a:focus,
div.pdf-area div.handbook-item>menu>button:hover,div.pdf-area div.handbook-item>menu>a:hover,
div.pdf-area div.handbook-item>menu>button:active,div.pdf-area div.handbook-item>menu>a:active{color:#555;outline:none;box-shadow:none;text-decoration:none;}

.submenu{display:inline-block;}


.button-webizz{text-indent:-999px;/*background-color:#4f66a8!important;*/padding:0;position:relative;}
.button-webizz::before{content:"";display:block;margin:2px auto;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -360px 0;}
.button-zoom{text-indent:-999px;/*background-color:#4f66a8!important;*/padding:0;position:relative;}
.button-zoom::before{content:"";display:block;margin:2px auto;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -390px 0;}
body.zoom-active .button-zoom::before{background-position:-390px -30px;}
.button-dictionary{text-indent:-999px;/*background-color:#4f66a8!important;*/padding:0;position:relative;}
.button-dictionary::before{content:"";display:block;margin:2px auto;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -330px 0;}
.button-grammar{text-indent:-999px;/*background-color:#4f66a8!important;*/padding:0;position:relative;}
.button-grammar::before{content:"";display:block;margin:2px auto;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -270px 0;}

.submenu{height:35px;border-radius:17px;display:inline-block;background:#4f66a8;margin:0 7px 0 0;position:relative;}
.submenu::before{content:"";display:inline-block;margin:2px 17px;vertical-align:top;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -300px -30px;transform:scale(.8);}
.submenu::after{content:"";position:absolute;width:2px;top:7px;bottom:6px;left:62px;background-size:1px 5px;background-image:linear-gradient(0,transparent 0%,transparent 50%,#a7c0d4 60%,#a7c0d4 100%);}
.submenu.submenu-audio::before{content:"";display:inline-block;margin:2px 17px;vertical-align:top;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -450px -30px;transform:scale(.8);}
.submenu.submenu-audio::after{display:none;}

div.pdf-area div.handbook-item>menu>.submenu>button,div.pdf-area div.handbook-item>menu>.submenu>a,
.submenu .button-exercise{width:35px;height:35px;border:none;background:none;color:#fff;font-weight:bold;line-height:35px;padding:0;cursor:pointer;}

.submenu, .button-webizz, .button-zoom, .button-dictionary, .button-grammar{background-color:#90adc6!important;transition:.3s background-color!important;}
.submenu:hover, .button-webizz:hover, .button-zoom:hover, .button-dictionary:hover, .button-grammar:hover{background-color:#4f66a8!important;}

iframe.student-tests-view{overflow:hidden;margin:0;padding:0;width:100%;height:100%;border:none;margin:0;display:block;}
dialog iframe.student-tests-view{padding:15px 0 15px 15px;min-height:80vh;}
iframe.student-tests-view.iframe-loading,iframe.iframe-loading{background:#0004 url(/lector/img/loader.svg) no-repeat center center;cursor:wait;pointer-events:none;}


dialog.board-word{padding:0;text-align:left;width:285px;}
dialog.board-word section{padding:0;}
dialog.board-word div.header { text-align:right;border-bottom:1px solid #d0d0d0;}
dialog.board-word div.header a { display:inline-block;height:31px;border-left:1px solid #d0d0d0;font:400 13px/31px Lato,sans-serif;color:#3e3e3e;text-decoration:none;vertical-align:top;
max-width:110px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
dialog.board-word div.header a:first-child {border-left:none;}
dialog.board-word a[rel=play] {color:#d70e3c;background:url(/static/images/board/minidictionary-play.png) no-repeat 7px center;padding:0 6px 0 31px;overflow:hidden;text-indent:-999px;display:inline-block;
top:47px;right:0;position:absolute;background-color:#ffffff7f;width:28px;height:28px;padding:0;background-position:center;border-radius:0 0 0 10px;}
dialog.board-word div.header a[rel=word-quiz] {background:url(/static/images/board/minidictionary-add.png) no-repeat 7px center;padding:0 6px 0 31px;}
dialog.board-word div.header a[rel=close] { width:31px;text-align:center;font-size:20px;line-height:31px;}
dialog.board-word div.header a[rel=error] { width:31px;text-align:center;background:url(/static/images/board/minidictionary-error.png) no-repeat center;}
dialog.board-word div.image {padding:0;margin:0;}
dialog.board-word div.image img {max-width:100%;margin:0 auto;display:block;}
dialog.board-word div.word { margin:12px;}
dialog.board-word div.word p { margin:0;text-align:left;}
dialog.board-word div.word p.word{font:500 24px Dosis,sans-serif;color:#434343;margin-top:4px;margin-bottom:10px;}
dialog.board-word div.word p.grammar{font:500 16px Dosis,sans-serif;color:#757575;}
dialog.board-word div.word p.translation{font:500 24px Dosis,sans-serif;color:#0c7f94;margin-top:10px;margin-bottom:20px;}
dialog.board-word div.word p.example{font:500 16px Dosis,sans-serif;color:#000;}


/* floating menu */

menu.menu-floating{position:fixed;margin:0;padding:0;height:32px;z-index:10;white-space:nowrap;filter:drop-shadow(0 0 30px #0005);pointer-events:none;}
menu.menu-floating.menu-floating-tr{/*z-index:12;*/z-index:2001;}
menu.menu-floating>*{display:inline-block;vertical-align:top;border-radius:17px;margin:0 5px 0 0;height:32px;width:32px;pointer-events:auto;}
menu.menu-floating>*:last-child{margin-right:0;}
menu.menu-floating .handler{width:58px;background:#dde6ee;margin-right:-18px;cursor:move;border-top-right-radius:0;border-bottom-right-radius:0;}
menu.menu-floating button{border:none;width:59px;background:#a5c2d5;padding:0;}
menu.menu-floating button:enabled{cursor:pointer;}
menu.menu-floating button:disabled{filter:grayscale(.8);}
menu.menu-floating button:enabled:hover,menu.menu-floating button:enabled:active,menu.menu-floating button:enabled:focus{outline:none;}
menu.menu-floating button[name="play"]:enabled,menu.menu-floating button[name="resume"]:enabled,menu.menu-floating button[name="pause"]:enabled{background-color:#4f66a8;}
menu.menu-floating button.small{width:32px;background:#fff;}
menu.menu-floating button.small:disabled{background:#eee;cursor:not-allowed;filter:grayscale(.8);}

menu.menu-floating .handler::before{content:"";display:block;width:30px;height:30px;margin:3px 0 0 6px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -150px 0;}
menu.menu-floating button::before{content:"";display:block;margin:1px auto;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat 30px 0;}
menu.menu-floating button[name="previous"]::before{background-position:-210px -30px;position:relative;left:-2px;}
menu.menu-floating button[name="next"]::before{background-position:-210px 0;position:relative;left:2px;}
menu.menu-floating button[name="play"]::before,menu.menu-floating button[name="resume"]::before{background-position:-240px 0;}
menu.menu-floating button[name="pause"]::before{background-position:-240px -30px;}
menu.menu-floating button[name="refresh"]::before{background-position:-180px 0;}
menu.menu-floating button[name="screen"]::before{background-position:-120px 0;}
menu.menu-floating button[name="groups"]::before{background-position:-90px 0;}
menu.menu-floating button[name="set-mode"]::before{background-position:-60px 0;}
menu.menu-floating button[name="error"]::before{background-position:-30px 0;}
menu.menu-floating button[name="close"]::before{background-position:0 0;}

menu.menu-floating button[name="zoom"]::before{background-position:-390px -30px;}
body:not(.zoom-active) menu.menu-floating button[name="zoom"]::before{background-position:-390px 0;}
menu.menu-floating button[name="page-left"]::before{background-position:-780px 0;}
menu.menu-floating button[name="page-right"]::before{background-position:-780px -30px;}
menu.menu-floating button[name="help"]::before{background-position:-810px 0;}
menu.menu-floating button[name="keyboard"]::before{background-position:-840px 2px;}

menu.menu-floating button[name="full-screen"]::before{background-position:-420px 0;}
body.fullscreen menu.menu-floating button[name="full-screen"]::before{background-position:-420px -30px;}

menu.menu-floating button{background-color:#274867;background-color:var(--color-main);}

body[data-view="course"]>menu.menu-floating:not(.menu-floating-tr){display:none;}


/* keyboard */
/*main>*/menu.menu-floating{position:absolute;top:40px;right:35px;}
/*main>*/menu.menu-floating div.virtual-keyboard{top:48px;right:3px;margin:0;}
/*main>*/menu.menu-floating div.virtual-keyboard button[name=letter]::before{display:none;}

div.virtual-keyboard{width:353px;height:118px;background:#e2ebf2;border-radius:16px;overflow:hidden;user-select:none;position:absolute;z-index:1;top:88px;right:33px;filter:drop-shadow(0 0 20px #0002);white-space:break-spaces;}
div.virtual-keyboard header{position:relative;margin:0;padding:0;height:41px;}
div.virtual-keyboard header::after{content:"";position:absolute;height:2px;bottom:0;left:2px;right:2px;background-size:5px 1px;background-image:linear-gradient(90deg,transparent 0%,transparent 50%,#a7c0d4 60%,#a7c0d4 100%);}
div.virtual-keyboard header span{display:block;line-height:33px;vertical-align:middle;padding:0 15px;}
div.virtual-keyboard header span::before{content:"";display:inline-block;width:30px;height:30px;margin:0;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -840px -30px;vertical-align:middle;}
div.virtual-keyboard header span::after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #a7c0d4;border-radius:50%;margin:0 0 0 7px;vertical-align:middle;background:linear-gradient(0,#f00 50%, #fff 50%);}
div.virtual-keyboard button[name=close]{position:absolute;top:9px;right:13px;width:22px;height:22px;border:2px solid #a7c0d4;border-radius:50%;background:none;outline:none;cursor:pointer;padding:0;font-size:20px;line-height:20px;}
div.virtual-keyboard button[name=close]::before{content:"×";color:#a7c0d4;display:inline;background:none;width:auto;height:auto;}
div.virtual-keyboard button[name=letter]{width:39px;height:38.5px;color:#515352;font-size:16px;padding:0;text-align:center;font-weight:600;border:none;background:none;position:relative;}
div.virtual-keyboard button[name=letter]:enabled{cursor:pointer;}
div.virtual-keyboard button[name=letter]:hover,div.virtual-keyboard button[name=letter]:focus{color:#a2bdd2;outline:none;}
div.virtual-keyboard button[name=letter]:hover::before,div.virtual-keyboard button[name=letter]:focus::before,
/*main>*/menu.menu-floating div.virtual-keyboard button[name=letter]:hover::before,/*main>*/menu.menu-floating div.virtual-keyboard button[name=letter]:focus::before{content:"";display:block;position:absolute;width:19px;height:5px;border-radius:2px;bottom:5px;background:#a2bdd2;left:10px;background-image:none;margin:0;}

/* dialogs - typeahead autocomplete */
dialog input.tt-input{outline:none;}
dialog span.twitter-typeahead{width:100%;}
dialog span.twitter-typeahead .tt-hint{border-radius:17px;}
dialog span.twitter-typeahead .tt-menu{width:100%;border:none;box-shadow:0 32px 32px #0000003f;padding:3px 0 8px;border-radius:0 0 17px 17px;border-top:2px dotted #afc6d8;margin:0;}
dialog span.twitter-typeahead .tt-menu::before{content:"";display:block;left:0;right:0;height:0;top:-19px;position:absolute;border-left:17px solid #fff;border-right:17px solid #fff;border-top:17px solid transparent;box-sizing:content-box;}
dialog span.twitter-typeahead .tt-suggestion{height:32px;line-height:22px;padding:5px 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
dialog span.twitter-typeahead .tt-suggestion:hover{background-color:#d9e4ed}
dialog span.twitter-typeahead .tt-suggestion::before{content:"▸";margin:0 9px 0 0;}
dialog span.twitter-typeahead.twitter-typeahead-selected{}
dialog span.twitter-typeahead.twitter-typeahead-selected input.tt-hint{background-color:#e2ebf2!important;}
dialog span.twitter-typeahead.twitter-typeahead-selected::after{content:"×";position:absolute;right:0;top:0;bottom:0;width:34px;text-align:center;cursor:pointer;color:#888;font:400 24px/34px sans-ser;z-index:2;}
dialog span.twitter-typeahead.twitter-typeahead-selected input.tt-input{padding-right:30px;}


div.msg-hello{position:fixed;z-index:10;left:0;right:0;min-height:20vh;background:#8eaec7b0;backdrop-filter:blur(3px);box-shadow:0 0 2vh #00000040;padding:1em 3em;font-size:2vw;text-align:center;color:#3e4f5d;text-shadow:1px 0 1px #fff,-1px 0 1px #fff,0 1px 1px #fff,0 -1px 1px #fff;font-weight:bold;}
div.msg-hello button{position:absolute;right:3vh;top:3vh;width:5vh;height:5vh;border:none;background:no-repeat;cursor:pointer;font-size:3rem;line-height:4vh;color:inherit;}

.ep-scroll{overflow:hidden auto;}
.ep-scroll::-webkit-scrollbar{width:12px;}
.ep-scroll::-webkit-scrollbar-track{color:transparent;padding:20px;}
.ep-scroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#0000002f;transition:background-color .4s;}
.ep-scroll:not(:hover)::-webkit-scrollbar-thumb{background-color:#00000000;}


/*
body div.area-course>header{background:url(/ecoursebook/img/___tmp_header.png) no-repeat;background-size:882px;background-position:51px -2px;}
body.test div.area-course::after{content:url(/ecoursebook/img/___tmp_course.webp);position:absolute;top:0;left:0;filter:grayscale(1);opacity:.3;pointer-events:none;}
*/

.cke_notifications_area{display:none;}

div.message-view-mobile{background:#e2ebf2;position:relative;z-index:99;margin:0 1em;padding:.5em 1em;border-radius:.3em;border:1px solid var(--color-main);box-shadow:0 0 50px #0000003f;margin-top:120px;}
div.message-view-mobile.message-view-mobile-hidden{display:none;}
div.message-view-mobile>p{margin:0 0 .5em;color:#555;}
div.message-view-mobile a{color:var(--color-main);}
div.message-view-mobile .button{cursor:pointer;text-transform:uppercase;text-decoration:none;color:#fff;background-color:var(--color-main);display:inline-block;height:32px;line-height:32px;padding:0 1em;border-radius:16px;font-weight:bold;margin-top:0.8em;}
div.message-view-mobile .close{    position: absolute;
    width: 1.5em;
    line-height: 1.5em;
    text-align:center;
    height: 1.5em;
    background: #000;
    right: 5px;
    top: 5px;
    border-radius: 50%;opacity:0.2;cursor:pointer;}
div.message-view-mobile .close::before{content:"×";color:#fff;    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    line-height: 75%;}
.fs-message{text-align:center;position:absolute;margin:auto;inset:0;display:flex;justify-content:center;align-items:center;width:80%;font-size:1rem;color:#ccc;}