@import url(dialogs.css);

html {font-size: 12px;}
body>div.exercise{width:655px;margin: /*2em auto*/15px auto;}
body.board>div.exercise{margin:0;}

@media(max-width:675px){
    body>div.exercise.exercise-autowidth{margin:15px 10px;width:auto;}
}

div.exercise td, div.exercise th{vertical-align:top;}

input.ep-hidden{display:none;font-size:15px;}
input.ep-hidden+span.ep-checkbox{display:inline-block;width:17px;height:17px;border:1px solid #dedede;background:transparent;border-radius:0;margin-bottom:-3px;cursor:pointer;}
input.ep-hidden:checked+span.ep-checkbox{background:#fff url(/lector/img/checked.png) no-repeat center;cursor:pointer;}

div.exercise, div.exercise * {box-sizing: border-box;}
div.exercise { border:none;padding:0;margin:0;font: 400 1.417rem/1.75 "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; color:#5c5c5c;text-align:left;position:relative; }

section.exercise.exercise-disabled{position:relative;min-height:280px;}
section.exercise.exercise-disabled::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:#ffffffaf;/*backdrop-filter:blur(2px);*/z-index:999;}
section.exercise.exercise-disabled *{pointer-events:none;user-select:none;}
section.exercise.exercise-disabled a.access-denied{position:absolute;z-index:1000;pointer-events:all;text-decoration:none;color:#000;top:0;left:0;right:0;text-align:center;height:280px;font:700 42px/280px sans-serif;text-shadow:0 0 10px #0000003e;}
section.exercise.exercise-disabled a.access-denied>span{position:absolute;transform:rotate(-20deg);transform-origin:50% 50%;margin:0 auto;left:0;right:0;}

aside.demo-info,body.mode-test aside.demo-info{border-top:2px solid #e1ecf2;border-bottom:2px solid #e1ecf2;margin:15px 0;padding:5px 15px;background:#f3f7fa;color:#999;position:static;width:100%;}
aside.demo-info a,body.mode-test aside.demo-info a{color:inherit;text-decoration:underline;}
body.mode-test aside.demo-info{display:none;}
body.board aside.demo-info{display:none;}

div.exercise h6 {font:700 1.8rem/1 "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;color:#597a96;margin:0 0 0.2em;padding:0;text-align:left;}
div.exercise h6 span.ep-checkbox{margin-left:-23px;margin-right:8px;}
div.exercise h6:not(:first-child){margin-top:3rem;}
div.exercise h6.dialog{text-transform:uppercase;font:700 1.417rem/1.75 "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;color:#597a96;margin:0;}
div.exercise h6 small{color:inherit;}
div.exercise p.header {font: italic 400 1.4rem/1.4 "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;color:#597a96;margin:0;padding:0;text-align:left;}
div.exercise h6.answers{text-transform:uppercase;font:400 1.417rem/1.75 "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;color:#8e8e8e;margin:0;}

div.exercise span.answerBlock{white-space:nowrap;}

div.exercise p.header {margin-bottom:16px;}
div.exercise audio{margin: 1ex 0;vertical-align:middle;}

div.exercise h6 a{color:inherit;text-decoration:none;}
div.exercise h6 a:hover,div.exercise h6 a:focus,div.exercise h6 a:active{text-decoration:none;}

div.exercise span.answerBlock{white-space:nowrap;}

div.exercise p.header {margin-bottom:16px;}
div.exercise audio{margin: 1ex 0;vertical-align:middle;}
div.exercise div.EpolishAudio{margin-top:10px;margin-bottom:10px;backdrop-filter:none;display:inline-block;vertical-align:middle;}

div.exercise nav.icons {position:absolute;right:0;top:0;}
div.exercise nav.icons a {display:inline-block;width:22px;height:22px;background:url(../images/exercise2/exercise-icons-4.png);margin: 0 0 0 14px;}
div.exercise nav.icons a[rel=grammar]{background-position:0 0;}
div.exercise nav.icons a[rel=keyboard]{background-position:-22px 0;}
div.exercise nav.icons a[rel=add],div.exercise nav.icons a[rel=add-lesson]{background-position:-44px 0;}
div.exercise nav.icons a[rel=error]{background-position:-66px 0;}
div.exercise nav.icons a[rel=pdf]{background-position:-88px 0;}
div.exercise nav.icons a[rel=print]{background-position:-88px 0;}
div.exercise nav.icons a[rel=pdf-teacher]{background-position:-110px 0;}
div.exercise nav.icons a[rel=notes]{background-position:-132px 0;}
div.exercise nav.icons a[rel=transcripts]{background-position:-154px 0;}

div.exercise div.buttons {padding:20px 0 0 0;}
div.exercise div.buttons button {width:auto;min-width:109px;height:31px;border:1px solid #cfcfcf;margin: 0 18px 0 0;background:#fdfdfd;border-radius:3px;color:#8d8d8d;font:700 1.167rem/29px Lato,sans-serif;text-align:center;padding:0 2em;box-shadow: 0 0 20px rgba(0,0,0,.1);cursor:pointer;}
div.exercise div.buttons button:hover,div.exercise div.buttons button:focus,div.exercise div.buttons button:active{outline:none;}
div.exercise div.buttons button[name=check],div.exercise div.buttons button[name=mysolution] {border-color:#dde2eb;background:#8badc0;color:#fdfdfd;}

div.exercise span.checkmark {display: inline-block;width:16px;height:16px;background:url(../images/exercise2/checkmark.png);vertical-align: -4px;margin: 0 3px;}
div.exercise span.checkmark.checkright{background-position: -48px 0;}
div.exercise span.checkmark.checkpartial{background-position: -64px 0;}
div.exercise span.checkmark.checkwrong{background-position: -32px 0;}
div.exercise span.checkmaerk.checknone{background-position: -16px 0;}
div.exercise span.DragBox{text-indent:0;}
div.exercise span.DragBox span.checkmark{margin: 0 10px 0 0;vertical-align: -3px;}

div.exercise span.option-left {display:inline-block; min-width: 12em;}

em.hint{font-style:normal;font-size:87%;color:#949494;}

/* tmp - begin */
/*
http://e-polish.eu/page/lesson/learn/6:21?itemID=33646
*/
div.exercise span.checkright,div.exercise span.checkpartial,div.exercise span.checkwrong,div.exercise span.checknone{display: inline-block;width:16px;height:16px;background:url(../images/exercise2/checkmark.png);vertical-align: -2px;margin: 0 3px;}
div.exercise span.checkright{background-position: -48px 0;}
div.exercise span.checkpartial{background-position: -64px 0;}
div.exercise span.checkwrong{background-position: -32px 0;}
div.exercise span.checknone{background-position: -16px 0;}
div.exercise span.checknone.checknonehide{display:none;}
div.exercise span.checkright.checkrighthide{display:none;}
/* tmp - end */

div.exercise ol { padding: 0 0 0 1.4em; list-style-position: inside; counter-reset:li;list-style-type:none;}
div.exercise ol[start="1"]{counter-reset:li 0;}
div.exercise ol[start="2"]{counter-reset:li 1;}
div.exercise ol[start="3"]{counter-reset:li 2;}
div.exercise ol[start="4"]{counter-reset:li 3;}
div.exercise ol[start="5"]{counter-reset:li 4;}
div.exercise ol[start="6"]{counter-reset:li 5;}
div.exercise ol[start="7"]{counter-reset:li 6;}
div.exercise ol[start="8"]{counter-reset:li 7;}
div.exercise ol[start="9"]{counter-reset:li 8;}
div.exercise ol[start="10"]{counter-reset:li 9;}
div.exercise ol[start="11"]{counter-reset:li 10;}
div.exercise ol[start="12"]{counter-reset:li 11;}
div.exercise ol[start="13"]{counter-reset:li 12;}
div.exercise ol[start="14"]{counter-reset:li 13;}
div.exercise ol[start="15"]{counter-reset:li 14;}
div.exercise ol[start="16"]{counter-reset:li 15;}
div.exercise ol[start="17"]{counter-reset:li 16;}
div.exercise ol[start="18"]{counter-reset:li 17;}
div.exercise ol[start="19"]{counter-reset:li 18;}
div.exercise ol[start="20"]{counter-reset:li 19;}
div.exercise ol>li {/*text-indent:-1.4em;*/counter-increment:li;}
div.exercise ol>li *{text-indent:0;}
div.exercise ol>li:before{content:counter(li) ".";display:inline-block;min-width:1.4em;text-indent:0;position:absolute;margin-left:-1.4em;}
div.exercise ol[type=a]>li:before{content:counter(li,lower-alpha) ".";display:inline-block;min-width:1.4em;text-indent:0;}

div.exercise input[type=text] { border:none; border-bottom: 1px dotted #a3a3a3; margin: 0 3px; padding: 0 3px; height:1.4em; line-height:1.2;max-width:calc(100% - 40px);}
div.exercise input[type=text]:active,div.exercise input[type=text]:focus,div.exercise input[type=text]:hover{outline:none;}
div.exercise input[type=text].show,div.exercise span.DragContainer.show {display: inline-block!important;} /* konflikt z bootstrap */

div.exercise input[type=text].crossword { width: 1em; text-align: center; /*margin:0 2px;*/margin:0;padding:0;border:none;border-bottom: 1px solid #49699a; color: #49699a; height: 1.4em;max-width:none;/*background:#f0f0f0;*/}
div.exercise input[type=text][disabled].crossword { background:transparent; border-bottom: none; }
div.exercise input[type=text].ending {margin-left:0;}
div.exercise input[type=text].crossword{margin-right:.3em;}
div.exercise input[type=text].crossword:last-child{margin-right:0;}
/*div.exercise span.word+span.word {margin-left: 12px;}*/

div.exercise table.crossword2 {border-spacing:4px;border-collapse:separate;width:auto;max-width:100%;}
div.exercise table.crossword2 input[type=text] { width: 29px; height: 29px; text-align: center; border-radius: 3px; margin:0;padding:0; border: 1px solid #89aabd;max-width:none;}
div.exercise table.crossword2 td.sel input[type=text] { background:#d2e5eb;background: linear-gradient(0, #accfde, #d2e5eb)}
div.exercise table.crossword2 th[scope=row]{font-weight:400;text-align: left;text-indent: -3px;width:25px;}

div.exercise table.crossword {border-collapse: separate; border-spacing: 0;color: #232f34; font:400 17px 'Segoe UI',sans-serif;text-shadow: 0px 1px 0px #fff;width:auto;}
div.exercise table.crossword td { height:27px;width:29px;text-align:center;border-bottom: 1px solid #81a6ba;border-right:1px solid #e7e7e7;border-top:1px solid #fff; border-left:1px solid #fff;}
div.exercise table.crossword td.sel {border-bottom-color:#a2c3d2;border-right-color:#bbd7e3;border-top-color:#d2e5eb;border-left-color:#e5f0f4;background:linear-gradient(0,#accfde,#d2e5eb);}
div.exercise table.crossword tr:first-child td {border-top-color:#b1d2df;}
div.exercise table.crossword tr td:first-child {border-left-color:#b1d2df;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
div.exercise table.crossword tr td:last-child {border-right-color:#97b9c9;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
div.exercise table.crossword tr:first-child td.sel {border-top-color:#b4c2c7;}

div.exercise input.nice {display:none;}
div.exercise input.nice+span {display:inline-block;width:16px;height:16px;cursor:pointer;background:url(../images/exercise2/checkboxes.png);vertical-align: -3px;margin: 0 1ex 0 0;}
div.exercise input.nice:disabled+span{cursor:not-allowed;}
div.exercise input[type=checkbox]:checked.nice+span{background-position:-16px 0;}
div.exercise input[type=radio].nice+span{background-position:-32px 0;}
div.exercise input[type=radio]:checked.nice+span{background-position:-48px 0;}

div.exercise label.checkbox,div.exercise label.radio {display:inline;margin:0 1em 0 0;}
div.exercise table.choices {border-collapse: separate; border-spacing: 10px;margin:0 -50px 0 -10px; table-layout: fixed;/*width:calc(100% + 60px);*/width:calc(100% + 20px);max-width:none;}/* przy 60 pojawia się pasek przewijania w poziomie */
div.exercise table.choices td {vertical-align:top;/*padding: 0 40px 0 0;*/padding:0;}/* 40px to za dużo w ćwiczeniu https://e-polish.eu/exercise/16748 */
div.exercise table.choices td > div {width:100%;}
div.exercise table.choices input[type=text] {margin:0;width: calc(100% - 28px);}

div.exercise ul.test.choices { list-style-type: none; padding: 0; margin: 20px 0 0 0; border: 1px solid #dfe4ed; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,.1); padding: 11px 17px; background:#fff;}
div.exercise ul.test.choices li { display: inline-block; border: 1px solid #d1d1d1; border-radius: 4px; color: #8e8e8e; background: #f0f0f0; padding: .1em .6em; margin: .4em .5em; }
div.exercise ul.test.choices li.stroke { text-decoration: line-through; opacity: 0.6; }

div.exercise div.DragContainer {padding: 0; margin: 20px 0 0 0; border: 1px solid #dfe4ed; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,.1); padding: 11px 17px;line-height:34px;background:#fff;}
div.exercise div.DragContainer {-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;min-height:3em;overflow: hidden;}
div.exercise div.DragContainer.float{position:fixed;bottom:20px;z-index:2;}
div.exercise div.DragContainers.float{position:fixed;bottom:20px;z-index:2;}
div.exercise div.DragContainer.float-top{position:fixed;top:20px;z-index:2;}
div.exercise div.DragContainers.float-top{position:fixed;top:20px;z-index:2;}
div.exercise ul.test.choices.float-top{position:fixed;top:20px;z-index:2;}
div.exercise ul.test.choices.float{position:fixed;bottom:20px;z-index:2;background:#fff;}
div.exercise div.DragContainer.active,div.exercise span.DragContainer.active {border-color:#7f7f7f;}
div.exercise table.choices div.DragContainer {background:#f3f3f3;border-bottom-left-radius:0;border-bottom-right-radius:0; min-height: 8em;}
div.exercise div.DragContainer>strong { display: block; margin: -11px -17px 8px; border-bottom: 1px solid #dfe4ed; text-align: left; padding: 11px 17px;color:#587995;font: 300 15px "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;  background: #f3f3f3;}
div.exercise div.DragContainer.DragContainerStart > span.DragBox {padding-right: 0;}
div.exercise div.DragContainer.DragContainerStart span.checkmark{display:none;}
div.exercise span.DragContainer > span.DragBox {padding-right: 0;}
div.exercise span.DragContainer span.checkmark{display:none;}
div.exercise span.DragBox, body>div>span.DragBox {background:transparent;display:block;float:left;-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; /*-khtml-user-drag: element; -webkit-user-drag: element;*/ position: relative;min-width: 30px;padding-right: 32px;}
div.exercise span.DragBox span.checkmark, body>div>span.DragBox span.checkmark{position: absolute;right: 10px;top: 1.2ex;margin-right: 0;}
div.exercise span.DragBox>span:first-child,body>div>span.DragBox>span:first-child { background:#eeeeee;border:1px solid #cfcfcf;border-radius:5px;margin: 0 5px 5px 0; padding: 2px 5px;cursor:pointer;font:700 1.167rem/1 Lato,sans-serif;white-space: normal;display:inline-block;min-width:30px;}
div.exercise table.choices div.DragContainer span.DragBox>span:first-child {background:#fff;}
div.exercise span.DragContainer {display: inline-block;border: 1px solid #dfe4ed; border-radius: 8px; /*box-shadow: 0 0 20px rgba(0,0,0,.1);*/ min-width:5em;min-height: 2.1em;vertical-align:-0.66em;margin-top: .5em;padding: 0.1em 0.3em;line-height: 1.75em;background:#fff;}
div.exercise div.DragContainers {display:flex;width:100%;justify-content:space-between;}
div.exercise div.DragContainers div.DragContainer {width:calc(50% - 10px);border-radius: 0}
div.exercise div.DragContainers div.DragContainer:first-child{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
div.exercise div.DragContainers div.DragContainer:last-child{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
div.exercise span.DragBox.invisible-item{display:none;}

/*div.exercise span.DragContainer span.DragBox>span {border:none;background:none;}*/

div.exercise label {font: inherit;cursor: pointer;}
div.exercise select {max-width: calc(100% - 40px); border: 1px solid #cfcfcf; border-radius: 8px; background: #fff; margin: 3px; box-shadow: 0 0 20px rgba(0,0,0,.1);}
div.exercise select:hover,div.exercise select:active,div.exercise select:focus{outline:none;}
div.exercise textarea { background:#f3f3f3;border:1px solid #dce2eb; width: 100%;border-radius:8px;padding:8px 18px; color: #2a2a2a;font: 300 15px/30px "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;box-shadow: 0 0 20px rgba(0,0,0,.1);resize:vertical;}
div.exercise div.hint {color: #2a2a2a;font: italic 300 15px/26px "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px 0;}

div.exercise table.truefalse {border-collapse:collapse;width:100%;}
div.exercise table.truefalse td { border-bottom: 1px solid #dbe4e9; text-align:center;padding: 3px 0;}
div.exercise table.truefalse td.first {text-align:left;}
div.exercise table.truefalse td:last-child {text-align:right;}
div.exercise table.truefalse thead td {border-bottom:2px solid #baccd6;}
div.exercise table.truefalse input.nice+span {margin:0 1em;}

div.exercise table.truefalse {counter-reset:truefalselist;}
div.exercise table.truefalse td.table-list {padding-left:1.4em;text-indent:-1.4em;counter-increment:truefalselist;}
div.exercise table.truefalse td.table-list:before { content: counter(truefalselist) "."; display:inline-block;min-width:1.4em;text-indent:0;}

div.exercise div.draganddrop-answers.truefalse { display: flex; justify-content: space-between;box-shadow: 0 0 20px rgba(0,0,0,.1);margin-top: 20px;}
div.exercise div.draganddrop-answers.truefalse > div.DragContainer {flex-grow:1;width:50%;background:#fff;box-shadow:none;margin: 0;}
div.exercise div.draganddrop-answers.truefalse > div.DragContainer strong {background:#f3f3f3;}

div.exercise div.draganddrop-answers.truefalse > div.DragContainer:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
div.exercise div.draganddrop-answers.truefalse > div.DragContainer:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0;}
/*div.exercise div.draganddrop-answers.truefalse > div span.DragBox>span:first-child {background:#fff;}*/

div.exercise label.crossout {font-weight:700;text-indent:0;}

div.exercise .technique-pairup,div.exercise .technique-dragndrop,div.exercise .technique-dragndropparts {line-height:2.5em;}

/* tabele wstawiane z nowego edytora */
div.exercise table.table {width:100%;border-collapse:collapse;}
div.exercise table.table td {padding: 4px 8px;}
div.exercise table.table.table-bordered td {/*border:1px solid #818181;*/border:none;}

div.exercise table.tab{width:100%;border-collapse:collapse;border:2px solid #b5b5b5;table-layout:fixed;}
div.exercise table.tab td,div.exercise table.tab th{padding: 4px 8px;border:1px solid #b5b5b5;}

div.exercise table.col{table-layout:fixed;width:100%;}
div.exercise table.col td,div.exercise table.col th{vertical-align:top;}

/* klawiatura ekranowa */
div.virtual-keyboard { position: /*absolute*/fixed; width: 271px; height: 61px; margin:0;padding:0;line-height: 0;background:0;border-top: 1px solid #bcbcbc;border-left: 1px solid #bcbcbc;border-radius: 3px;overflow: hidden;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);opacity:0.95;z-index:2;}
div.virtual-keyboard button {display: inline-block; margin:0;padding:0; text-align:center; height:30px;width:30px;line-height:30px;border:1px solid #bcbcbc;border-top:none;border-left:none;background:linear-gradient(-10deg, #d5d5d5 0%, #f6f6f6 100%);color:#888;cursor:pointer;}
div.virtual-keyboard button:hover {color:#333;}
div.virtual-keyboard button:focus,div.virtual-keyboard button:active{outline:none;box-shadow:none;}
div.exercise nav.icons a[rel=keyboard]+div.virtual-keyboard, .exercise menu a[rel=keyboard]+div.virtual-keyboard{right:0;}
/*body.exercise div.virtual-keyboard,div.virtual-keyboard {position: fixed;top: 40px;right: 80px!important;}*//*jednak klawiatura nieruchoma*/

/* przycisk start/stop, maska i wyniki */
div.exercise-mask{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,8,8,0.4);z-index:100;text-align:center;padding-top:25vh;}
div.exercise-mask.exercise-mask-before{}
div.exercise-mask.exercise-mask-started{}
div.exercise-mask.exercise-mask-finished{display:none;}
div.exercise-mask.exercise-mask-hidden{display:none;}
div.exercise-mask.exercise-mask-waiting{background:rgba(0,8,8,0.4) url(/static/images/exercise2/loader.svg) no-repeat center;}
div.exercise-mask span.timer{display:block;text-align:center;margin:0 auto;font:700 28px sans-serif;color:#fff;text-shadow:0 0 3px #000;}
div.exercise-mask span.timer output{color:inherit;font:inherit;display:inline;padding:0;margin:0;}
div.exercise-mask button{display:block;margin:0 auto 20px;border:none;color:transparent;min-width:128px;min-height:128px;text-indent:-10000px;}
div.exercise-mask button[name=start]{background:transparent url(/static/images/exercise2/play.svg) no-repeat top center;background-size:128px 128px;}
div.exercise-mask button[name=stop]{background:transparent url(/static/images/exercise2/stop.svg) no-repeat top center;background-size:128px 128px;}
div.exercise-mask.exercise-mask-before button[name=stop]{display:none;}
div.exercise-mask.exercise-mask-started button[name=start]{display:none;}
div.exercise-mask.exercise-mask-waiting button{display:none;}
div.exercise-mask.exercise-mask-waiting span.timer{display:none;}

/* wyniki ćwiczenia */
dialog.exercise-results{position:absolute;z-index: 3;background:#fff;width: 70%;left:auto;right:0;top:30px;box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);padding:15px 10px 10px;border: 1px solid #d2d3d4;border-top: none;border-bottom: 3px solid rgba(131, 132, 133, 0.6);border-radius: 8px 0 8px 8px;margin: 0 0 38px;width:253px;}
dialog.exercise-results{left:0;right:0;margin:auto;/*top:0;bottom:0;*/box-shadow: 0 0 200px rgba(0,0,0,0.5);position:fixed;width:400px;}
dialog.exercise-results dl {margin:15px 0;font: 400 1.167rem/1.4 "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;color:#597a96;overflow:hidden;}
dialog.exercise-results dl dt {clear:both;float:left;}
dialog.exercise-results dl dt a{color:inherit;text-decoration:none;}
dialog.exercise-results dl dd {float:right;}
/* 2022-03-32 https://test.e-polish.eu/page/lesson/test/99
dialog.exercise-results button[name=restart] {display:block;clear:both;margin: 0 auto 5px;width:auto;min-width:109px;height:31px;border:1px solid #cfcfcf;background:#fdfdfd;border-radius:3px;color:#8d8d8d;font:700 1.167rem/29px Lato,sans-serif;text-align:center;padding:0 2em;box-shadow: 0 0 20px rgba(0,0,0,.1);}
dialog.exercise-results button[name=close]{position:absolute;top:5px;right:5px;width:20px;height:20px;text-align:center;line-height:10px;padding:0;font:400 20px/10px sans-serif;border:none;background:transparent;}
dialog.exercise-results button[name=close]:hover,STOP dialog.exercise-results button[name=close]:active{color:#7f0000;}
*/
dialog.exercise-results div.notes{color:#597a96;font-size:1.2rem;margin:0;}

/* poprawka 2022-03-31 https://test.e-polish.eu/page/lesson/test/99 */
dialog.exercise-results{padding:0;}


/* alternatywne */
div.panel-exercises-alt { border-top: 1px solid #c9d1dd; margin: 27px -20px -20px -37px; padding: 27px 20px 20px 37px; clear: both; background: #f4f4f4;overflow: hidden;}
div.panel-exercises-alt ul { list-style-type:none; padding: 0;margin-right:-41px;margin-top:10px;}
div.panel-exercises-alt ul li {display:inline-block;border:1px solid #c9c9c9;margin:0 41px 20px 0;position:relative;}
div.panel-exercises-alt ul li a:before{content: " "}
div.panel-exercises-alt ul li.solved,div.panel-exercises-alt ul li.selected {border-color:#29739d;}
div.panel-exercises-alt ul li.selected {box-shadow: 0 0 10px rgba(41,115,157,0.7);}
div.panel-exercises-alt ul li.solved a:before{content: url(../images/lesson2/frame-alt-icon-solved.png);line-height:50px;vertical-align:middle;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(41,115,157,0.4);text-align:center;}
div.panel-exercises-alt ul li.selected a:before{background:rgba(41,115,157,0.4);position:absolute;left:0;top:0;right:0;bottom:0;}
div.panel-exercises-alt button[name=next] {background:#d42136;color:#fff;border:none;border-radius:3px;float:right;text-transform:uppercase;width:119px;height:34px;text-align:center;font:700 1.167rem/34px Lato,sans-serif;padding:0;}
div.panel-exercises-alt p { font: 400 1.417rem 'Segoe UI',sans-serif;color: #454545;}
body.exercise div.panel-exercises-alt{width:655px;margin: 0 auto;}
body.exercise.board>div.panel-exercises-alt{margin:30px 0 0;width:100%;}
/*body.exercise div.panel-exercises-alt p {display:none;}*/

@media(max-width:1280px){
  div.panel-exercises-alt {border: 1px solid #c9d1dd;margin-left: 0;margin-right: 0;}
}
@media(max-width:754px){/* 714 (width of section)+40 (parent-padding) */
  div.panel-exercises-alt {border-left: none;border-right: none;padding-left: 77px;margin-left: -37px;margin-right: -20px;}
  div.panel-exercises-alt p { line-height:2.5em;}
}

/* słownik */
body.exercise section.item-dictionary { border: 1px solid #d2d3d4; border-top: none; border-radius: 8px 0 8px 8px; background: #fff; border-bottom: 3px solid rgba(131, 132, 133, 0.6); margin: 0 0 38px; position:relative;width:253px;position: absolute;right: 15px;top: 15px;position:fixed;}
body.exercise section.item-dictionary h6 {background: #7a9fb4 url(../images/lesson2/icon-dictionary.png) 12px center no-repeat; color:#fff; text-transform: uppercase; border: none; margin: 0; border-radius: 8px 0; height: 47px; width: 100%; padding: 0 20px 0 61px; font: 400 1.55rem/47px "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; text-align: left;}
body.exercise section.item-dictionary h6 a { position: absolute; right: 0; top: 0; width: 47px; height: 47px; color: #fff; text-decoration: none; text-align: center; }
body.exercise section.item-dictionary h6 a:active {outline:none;}
body.exercise section.item-dictionary ul { list-style-type: none; margin: 0; padding: 0; }
body.exercise section.item-dictionary ul li { font: 400 14px/20px 'Segoe UI'; color: #597a96; position: relative; height: 34px; padding: 7px 5px 7px 60px; }
body.exercise section.item-dictionary ul li+li { border-top: 1px solid #dce5ea; }
body.exercise section.item-dictionary ul li a, section.item-dictionary ul li a:hover, section.item-dictionary ul li a:active { text-decoration: none; color: inherit; display: block; }
body.exercise section.item-dictionary ul li a[rel=play] { position: absolute; background: url(../images/lesson2/dictionary-sound.png) center no-repeat; width: 33px; height: 33px; left: 20px; top: 0;}
body.exercise section.item-dictionary nav { text-align: right; height: 18px; position: absolute; bottom: -26px; right: 0; }
body.exercise section.item-dictionary nav a { display: inline-block; width: 18px; height: 18px; background: url(../images/lesson2/menu5.png) 0 0; margin: 0 0 0 3px; }
body.exercise section.item-dictionary nav a[rel=print]{background-position: -36px 0; }
body.exercise section.item-dictionary nav a[rel=add-word-quiz]{background-position: -18px 0; }
body.exercise section.item-dictionary h6 a:before {content: "▲"}
body.exercise section.item-dictionary.collapsed h6 a:before {content: "▼"}
body.exercise section.item-dictionary.collapsed {border-bottom: none; margin-bottom: 18px; }
body.exercise section.item-dictionary.collapsed > * {display:none;}
body.exercise section.item-dictionary.collapsed > h6 {display:block;}

table.dialog{width:100%;}
table.dialog td {padding-bottom:0.5ex;padding-right:2ex;/*vertical-align:top;*/vertical-align:baseline;}
table.dialog td:before {content: " ";display:inline-block;width:1px;height:2em;vertical-align:baseline;margin-left:-1px;}
div.exercise h6.dialog+table.dialog{margin-top:-15px;}


/* .technique-pairup ol span.DragContainer,.technique-pairup ul span.DragContainer{width:calc(100% - 40px);vertical-align:top;margin-top:0.2em;} */
.technique-pairup ol span.DragContainer,.technique-pairup ul span.DragContainer{vertical-align:top;margin-top:0.2em;}
.technique-pairup ol.with-image span.DragContainer,.technique-pairup ul.with-image span.DragContainer{width:auto;}

.technique-dragndropparts ol span.DragContainer{width:calc(100% - 40px);vertical-align:top;margin-top:0.2em;}
.technique-dragndropparts ol span.checkmark{float:right;margin-top:0.7em;}
.technique-dragndropparts table.dialog span.DragContainer{width:calc(100% - 40px);}
.technique-dragndropparts table.dialog span.checkmark{float:right;margin-top:1em;}
.technique-crossword span.word{white-space:nowrap;display:inline-block;}
.technique-crossword img{max-width:100%;}


@media screen and (-webkit-min-device-pixel-ratio:0){
    .technique-fillblanks input[type=text]{position:relative;top:-1px;}
}

div.exercise table.facesTableTwo{table-layout:fixed;width:100%;}
div.exercise table.facesTableTwo img{max-width:100%;}

div.exercise table{/*table-layout:fixed;*/width:100%;max-width:100%;}/* table-layout:fixed - tabela szersza niż obszar ćwiczenia*/
div.exercise table img{max-width:100%;}
div.exercise table.dialog{table-layout:auto;width:auto;}


form.technique-pairup{}
form.technique-pairup ol.numbers>li::after{content:"";display:block;clear:both;}
form.technique-pairup ol.numbers li>div{display:flex;float:right;width:calc(100% - 1em);}
form.technique-pairup ol.numbers li>div span:first-child{white-space: nowrap;}
form.technique-pairup ol.numbers li>div span:nth-child(2){flex-grow:2;margin-left:1em;}


div.frame { border: 1px solid #d3d3d3; border-radius: 4px; -mox-border-radius: 4px; width: 100%; padding: 0 10px 10px 10px; margin: 20px 0 0 0; }
div.frame h6 { font-size: 18px; color: #fff; width: 357px; height: 26px; position: relative; top: -14px; background: url(../images/page/caption-bg.gif) no-repeat 0 0; margin: 0 0 -10px 0 ; padding: 2px 0 0 10px; font-weight: normal; line-height: 22px; }
div.frame table.dictionaryTable { margin: 0px; }
.dictionaryTable input { border: 1px solid #d3d3d3; width: 130px; height: 18px; width: 110px ! important; background: white; }
.dictionaryTable tr:first-child { background: none; font-size: 18px; color: #789eb5; }
.dictionaryTable tr:first-child td { vertical-align: bottom; }
.dictionaryTable tr { background: #edf2f5; border: 0; }
.dictionaryTable tr.odd { background: #d6e1e8; border: 0; }
.dictionaryTable tr td { padding: 0 1ex; height: 24px; vertical-align: top; *border-bottom: 1px solid #fff; }
#containerTable .dictionaryTable tr td { height: 20px; }
.dictionaryTable tr:nth-child(2n+3) { background: #d6e1e8; }
.redFont { color: #d00a21; }
.doneMark { display: block; width: 18px; height: 15px; background: url(../images/main/secon-i-done2.png) no-repeat 0 0; margin-top: 2px; }
.dictionaryTable tr .firstColumn { width: 71px; }
.dictionaryTable tr .secondColumn { width: 135px; }
.dictionaryTable tr .lastColumn { width: 50px; }
div.exercise .dictionaryTable span.DragContainer{margin-top:5px;margin-bottom:5px;}
div.exercise .dictionaryTable span.checkmark{vertical-align:3px;}


@media only print {
    div.dialog-overlay{position:static;width:100%;background:transparent;}
    dialog.std{background:#fff;box-shadow:none;border:1px solid #ccc;}
    dialog.std h6 button[name=close]{display:none;}
}

a.play-icon{display:inline-block;border:none;outline:none;width:18px;height:18px;margin:0;overflow:hidden;text-indent:-999px;color:transparent;cursor:pointer;background:url("/lector/img/snd18.png") no-repeat;}
a.play-icon.play-icon-playing{width:28px;background:url("/lector/img/snd18-playing.png");}


div.frame-grammar-table{border:2px solid #246aaa;border-radius:1ex;margin:4ex 0 1ex;max-width:32em;padding:2ex 1ex 1ex;position:relative;}
div.frame-grammar-table>strong{background:#246aaa;width:auto;display:block;position:absolute;color:#fff;font-size:2rem;line-height:1.5em;padding:0 2ex;border-radius:.8ex;top:-2ex;left:50%;transform:translate(-50%,0);}
div.frame-grammar-table table{table-layout:fixed;border-collapse:collapse;}
div.frame-grammar-table table td{vertical-align:middle;line-height:2em;padding:.3rem;}
div.frame-grammar-table table td.grouped{line-height:1.5em;}
div.frame-grammar-table table col:nth-child(1){width:10%;}
div.frame-grammar-table table col:nth-child(2){width:40%;}
div.frame-grammar-table table col:nth-child(3){width:10%;}
div.frame-grammar-table table col:nth-child(4){width:40%;}
div.frame-grammar-table table tbody tr td:nth-child(1),div.frame-grammar-table table tbody tr td:nth-child(3){text-align:right;}
div.frame-grammar-table table tbody tr td:nth-child(2){border-right:2px solid #246aaa;}
div.frame-grammar-table table td,div.frame-grammar-table table th{}
div.frame-grammar-table table td{background:#f5f5f5;}
div.frame-grammar-table table td:first-child{border-radius:.4rem 0 0 .4rem;}
div.frame-grammar-table table td:last-child{border-radius:0 .4rem .4rem 0;}
div.frame-grammar-table table tbody tr{}
div.frame-grammar-table table th{font-size:1.2rem;border-bottom:2px solid #246aaa;padding-left:.6rem;padding-right:.6rem;text-align:left;}
div.frame-grammar-table table th:first-child{border-right:2px solid #246aaa;}
div.frame-grammar-table table th:last-child{text-align:right;}
div.frame-grammar-table table th>span{background:#6e6e6e;color:#fff;padding:0 1ex;border-radius:.7ex;}
div.frame-grammar-table table tr.spacer td{height:.5rem;padding:0;background:none;}


div.show-answer-box{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    max-width: 655px;
    margin: 0 auto;
    width: 100%;
    opacity:.9;

    border: 1px solid #eee;
    border-radius: 3px;
    padding: 2px;
    background: #fff;
    bottom: 2px;
}
div.show-answer-box>button{
    width: 50%;
    height: 77px;
    border: none;
    font-size:28px;
    transition: filter 500ms;
    color: #555;
    text-shadow: 0 0 4px rgba(0,0,0,.3);
}
div.show-answer-box>button:hover{filter:brightness(120%);}
div.show-answer-box>button:nth-child(1){background:#f0e68c;color:#54511a;border-radius:2px 0 0 0;}
div.show-answer-box>button:nth-child(2){background:#a3f08c;color:#3a562c;border-radius:0 2px 0 0;}
div.show-answer-box>button:nth-child(3){background:#de8cf0;color:#402e3f;border-radius:0 0 0 2px;}
div.show-answer-box>button:nth-child(4){background:#8cc9f0;color:#323b52;border-radius:0 0 2px 0;}
input[data-options]:focus,input[data-options].focus{background:#cdefff;}


div.exercise table.caption-image{table-layout:fixed;width:100%;}
div.exercise table.caption-image td{text-align:center;position:relative;padding:0 0 45px;border-left:30px solid transparent;}
div.exercise table.caption-image td:first-child{border-left:none;}
div.exercise table.caption-image td>div.answer{position:absolute;left:8px;right:8px;bottom:15px;height:30px;}
div.exercise table.caption-image td>div.answer>input[type=text]{width: 100%;}
div.exercise table.caption-image td img{max-width:100%;}
div.exercise table.caption-image span.DragContainer{min-width:0;width:calc(100% - 25px);}

div.exercise table.caption-image-single{table-layout:fixed;width:100%;}
div.exercise table.caption-image-single td{padding-bottom:30px;padding-right:30px;vertical-align:middle;}
div.exercise table.caption-image-single td img{max-width:100%;}
div.exercise table.caption-image td>div.answer span.number{position:absolute;left:-0.8em;}

div.exercise label.answer-strikeout{cursor:pointer;}
div.exercise label.answer-strikeout input[type=checkbox]{display:none;}


div.exercise .technique-chooseone label.radio img{max-height:100px;}

div.exercise p.result{margin:.5rem 0 0;font-size:1rem;font-style:italic;color:#49699a;padding:0;line-height:1;}
div.exercise p.result input[type=number]{margin:1rem .5rem 0 0;padding:0 0 0 .5rem;width:4rem;text-align:right;border:none;border-bottom:1px dotted #49699a;font-style:normal;}
div.exercise p.result input[type=number]:hover,div.exercise p.result input[type=number]:focus,div.exercise p.result input[type=number]:active{outline:none;box-shadow:none;}

div.exercise div.test-element-note{position:absolute;border:1px solid #e4e4de;min-height:20px;width:220px;top:26px;right:0;background:#ffffe4;box-shadow:0 5px 40px #0002;opacity:.9;}
div.exercise div.test-element-note textarea{margin:0;display:block;border:none;resize:none;background:transparent;min-height:160px;padding:.3em .5em;line-height:1.4;}
div.exercise div.test-element-note textarea:focus,div.exercise div.test-element-note textarea:active,div.exercise div.test-element-note textarea:hover{outline:none;box-shadow:none;}

div.exercise div.access-denied-msg{}
div.exercise div.access-denied-msg p{font-size:1.5rem;line-height:1.5;}
div.exercise div.access-denied-msg p.large{font-size:2rem;margin:1em 0 .2em;color:#597a96;}
div.exercise div.access-denied-msg p.error{font-size:2rem;margin:1em 0 .2em;color:#d23749;font-weight:bold;}
div.exercise div.access-denied-msg strong{color:#597a96;}
div.exercise div.access-denied-msg form.access-ecoursebook{}
div.exercise div.access-denied-msg form.access-ecoursebook input[name=handbookCode]{height:31px;margin:0;padding:.1em .5em;border:none;border-bottom:1px dotted #597a96;background:#ebeef3;}
div.exercise div.access-denied-msg form.access-ecoursebook input[name=handbookCode]:hover,div.exercise div.access-denied-msg form.access-ecoursebook input[name=handbookCode]:focus,div.exercise div.access-denied-msg form.access-ecoursebook input[name=handbookCode]:active{outline:none;}
div.exercise div.access-denied-msg form.access-ecoursebook .button{text-transform:uppercase;}
div.exercise div.access-denied-msg p.access-full a.button{margin-top:.5em;text-transform:uppercase;}

div.exercise div.access-denied-lector-msg{background-color:#fffa;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;}
div.exercise div.access-denied-lector-msg>section{border:3px solid #e61d4c;background:#fff;margin:10em auto 0;padding:.2em .5em;max-width:655px;}
div.exercise div.access-denied-lector-msg>section,div.exercise div.access-denied-lector-msg>section *{pointer-events:all;}
div.exercise div.access-denied-lector-msg h6{color:#e61c3b;font:italic 400 18pt/1.5 SegoeUI,Arial,sans-serif;}
div.exercise div.access-denied-lector-msg p.adb a{display:inline-block;background:#e61d4c;color:#fff;padding:.1em 1em;margin:0 .4em 0 0;text-decoration:none;font-weight:bold;}
div.exercise div.access-denied-lector-msg p.adb a:hover,div.exercise div.access-denied-lector-msg p.adb a:active,div.exercise div.access-denied-lector-msg p.adb a:focus{outline:none;}

div.exercise .button{width:auto;min-width:109px;height:31px;border:1px solid #cfcfcf;margin: 0 18px 0 0;background:#fdfdfd;border-radius:3px;color:#8d8d8d;font:700 1.167rem/29px Lato,sans-serif;text-align:center;padding:0 2em;box-shadow: 0 0 20px rgba(0,0,0,.1);text-decoration:none;display:inline-block;}
div.exercise .button:hover,div.exercise .button:focus,div.exercise .button:active{outline:none;}
div.exercise .button.button-main{border-color:#dde2eb;background:#8badc0;color:#fdfdfd;}

div.exercise span.tooltip-icon{position:relative;width:1.3em;height:1.3em;display:inline-block;background:#0003;border-radius:50%;vertical-align:baseline;line-height:1.3;text-align:center;transition:background-color .3s;}
div.exercise span.tooltip-icon:hover{background-color:#0005;}
div.exercise span.tooltip-icon::after{content:"?";font-weight:bold;}
div.exercise span.tooltip-icon::before{display:none;content:attr(data-title);position:absolute;border:1px solid #c9d1dd;background:#f4f4f4;color:#555;font-weight:400;padding:.1em .3em;text-align:left;opacity:.7;border-radius:.2em;min-width:200px;margin-top:1.3em;right:-3em;}
div.exercise span.tooltip-icon:hover::before{display:block;}


div.show-more-container{}
div.show-more-container .show-hide-button,
div.show-more-container .show-hide-button:hover,div.show-more-container .show-hide-button:focus,div.show-more-container .show-hide-button:active{text-decoration:none;outline:none;box-shadow:none;}

div.show-more-container .show-hide-button::before{display:inline-block;content:"▶";text-decoration:none;outline:none;color:inherit;transition:transform .3s;}
div.show-more-container div.show-hide-block{display:none;}
div.show-more-container.show-more-container-show div.show-hide-block{display:block;}
div.show-more-container.show-more-container-show .show-hide-button::before{transform:rotate(90deg);}

div.exercise div.show-more-container .show-hide-button{color:#5c5c5c;}




none {
/* v2 */
body.version-2{min-height:100vh;width:100%;width:1080px;overflow:hidden auto;}
body.version-2::-webkit-scrollbar{display:none;}

body.version-2 audio{height:42px;width:234px;}
body.version-2 audio::-webkit-media-controls-panel{background:#f3f7fa;}

body.version-2>div.exercise{margin:0 auto 15px 115px;width:580px;min-height:408px;}
body.version-2 div.exercise h6{height:40px;line-height:40px;padding:0 16px;background:#f5f9fc;white-space:nowrap;color:#a9c2d6;font-size:20px;position:relative;}
body.version-2 div.exercise h6 a{color:inherit;}
body.version-2 div.exercise h6 span.ep-checkbox{display:none;}
body.version-2 div.exercise h6 menu{position:absolute;margin:0;padding:5px 0;right:5px;top:0;bottom:0;}
body.version-2 div.exercise h6 menu a{display:inline-block;vertical-align:top;height:30px;width:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat 0 30px;margin:0 2px;}
body.version-2 div.exercise h6 menu a[rel=error]{background-position:-30px -30px;margin-top:2px;}
body.version-2 div.exercise h6 menu a[rel=print]{background-position:-870px 0;}
body.version-2 div.exercise h6 menu a[rel=add-lesson]{background-position:-900px 0;}
body.version-2 div.exercise h6 menu a[rel=grammar]{background-position:-930px 0;margin-top:-1px;}

body.version-2 p.header{margin-left:16px;}

/* słownik również w /templates/EpolishPages/dictionary-exercise.tpl */
body.version-2.exercise section.item-dictionary{top:0;left:calc(115px + 580px + 23px);width:250px;border:none;background:#f5f9fc;}
body.version-2.exercise section.item-dictionary h6{background:#a9c2d6;height:40px;line-height:40px;padding:0 0 0 47px;border-radius:0;position:relative;}
body.version-2.exercise section.item-dictionary h6::before{content:"";background:url(/ecoursebook/img/buttons-show.png) no-repeat 0 0;width:21px;height:29px;position:absolute;left:14px;top:6px;vertical-align:middle;}
body.version-2.exercise section.item-dictionary ul li{height:39px;border:none;}
body.version-2.exercise section.item-dictionary ul li a[rel=play]{left:9px;top:3px;width:30px;height:30px;background:transparent url(/lekcje-online/img/icons-navigation.png?6) no-repeat -450px 0;}

/* alt */
body.version-2.exercise div.panel-exercises-alt{background:#e2ebf2;margin:0;width:100%;border:none;min-height:226px;}
body.version-2.exercise div.panel-exercises-alt>*{width:853px;margin-left:auto!important;margin-right:auto!important;}
body.version-2.exercise div.panel-exercises-alt p.next{display:none;}
}