@charset "utf-8";
@import url(../style.css?2);

dialog.gl.gl-exercise{width:1080px;background:#fff;border-bottom:6px solid #274867;margin-top:8px;}

@media only screen and (max-height:900px){dialog.gl.gl-exercise{margin-top:0;}}

dialog.gl.gl-exercise.gl-exercise-board{width:800px;}
dialog.gl.gl-exercise.gl-exercise-board.gl-webizz{width:1200px;}

dialog.gl.gl-exercise section{margin:0;padding:0;}
dialog.gl.gl-exercise section iframe{min-height:calc(100vh - 170px - 58px);max-height:calc(100vh - 87px - 40px - 6px);padding-top:40px;}
dialog.gl.gl-exercise.gl-webizz section iframe{min-height:calc(100vh - 170px - 58px);max-height:calc(100vh - 87px - 0px - 6px);padding-top:0;}
dialog.gl.gl-exercise.gl-webizz.gl-fullscreen section iframe{height:calc(100vh - 87px);}


dialog.gl.gl-exercise.gl-exercise-board section iframe{margin:0px;padding:15px 0px 15px 15px;}

dialog.gl.gl-exercise header{background:#274867;background-color:var(--color-main);height:87px;overflow:visible;}
dialog.gl.gl-exercise header button[name=close]{width:32px;height:32px;right:14px;top:28px;background:url(close.png) no-repeat 3px 4px;overflow:hidden;text-indent:-999px;color:transparent;transition:.3s filter;}
dialog.gl.gl-exercise header button[name=close]:focus,dialog.gl.gl-exercise header button[name=close]:hover{filter:brightness(2);}
dialog.gl.gl-exercise header button[name=close]::before{display:none;}
dialog.gl.gl-exercise header button[name=minimize]{width:32px;height:32px;right:46px;top:28px;overflow:hidden;text-indent:0;color:transparent;transition:.3s filter;color:#ffffff7f;font-size:26px;}
dialog.gl.gl-exercise header::before{content:"";box-sizing:border-box;position:absolute;left:115px;bottom:-24px;height:57px;width:147px;background:#fff url(logo.png) 15px 10px no-repeat;border:1px solid #97b3cb;border-radius:9px;}
dialog.gl.gl-exercise header h6{margin:0;padding:28px 50px;text-align:center;color:#fff;font:600 20px/1.5 "SegoeUI",sans-serif;}

dialog.gl.gl-exercise.gl-minimized{border-bottom:none;}
dialog.gl.gl-exercise.gl-minimized header{height:42px;padding:0 30px 0 10px;}
dialog.gl.gl-exercise.gl-minimized header::before{display:none;}
dialog.gl.gl-exercise.gl-minimized header button[name=close]{right:1px;top:5px;}
dialog.gl.gl-exercise.gl-minimized header h6{padding:0;line-height:41px;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:normal;font-size:15px;}

dialog.gl.gl-exercise iframe{display:block;height:649px;width:100%;border:none;padding:0;margin:0;}
dialog.gl.gl-exercise iframe.loading{background:#0004 url(/lector/img/loader.svg) no-repeat center center;cursor:wait;pointer-events:none;}

dialog.gl.gl-exercise button[name=previous],dialog.gl.gl-exercise button[name=next]{position:absolute;border:none;height:32px;width:59px;top:315px;margin:0;transition:.3s transform;background:#274867;background-color:var(--color-main);border-radius:17px;color:#fff;outline:none;font:700 28px/1 sans-serif;padding:0 0 2px;}
dialog.gl.gl-exercise button[name=previous]{left:-80px;}
dialog.gl.gl-exercise button[name=next]{right:-80px;}
dialog.gl.gl-exercise button[name=previous]::before{content:"‹";}
dialog.gl.gl-exercise button[name=next]::before{content:"›";}

dialog.gl.gl-exercise button[name=previous]:disabled,dialog.gl.gl-exercise button[name=next]:disabled{display:none;}

dialog.gl.gl-exercise menu.menu-exercises{width:853px;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;}
dialog.gl.gl-exercise.gl-exercise-board menu.menu-exercises{width:100%;}

menu.menu-exercises{margin:0;height:58px;padding:16px 110px 12px 0;text-align:right;user-select:none;}
menu.menu-exercises *{box-sizing:border-box;}
menu.menu-exercises .menu-button{width:30px;height:30px;margin:0 6px;padding:0;background:url(/dialog/exercise/menu-exercise.png?1) 0 0 no-repeat;cursor:pointer;border:none;transition:filter .3s;position:relative;vertical-align:top;display:inline-block;}
menu.menu-exercises .menu-button::before{content:"";position:absolute;width:1px;height:19px;left:-5px;top:6px;background:#97b3cb4f;}
menu.menu-exercises .menu-button:first-child::before{display:none;}
menu.menu-exercises .menu-button:disabled,menu.menu-exercises a.menu-button.disabled{cursor:not-allowed;filter:grayscale(.8);}
menu.menu-exercises .menu-button:enabled:hover,menu.menu-exercises .menu-button:enabled:focus{filter:brightness(.75);box-shadow:none;outline:none;}
menu.menu-exercises .menu-button[name="clipboard"]{background-position:-30px 0;}
menu.menu-exercises .menu-button[name="clipboard"].active{background-position:-30px -30px;}
menu.menu-exercises .menu-button[name="pdf"],menu.menu-exercises .menu-button-pdf{background-position:-60px 0;}
menu.menu-exercises .menu-button[name="print"],menu.menu-exercises .menu-button-print{background-position:-90px 0;}
menu.menu-exercises .menu-button[name="error"],menu.menu-exercises .menu-button-error{background-position:-390px 0;}
menu.menu-exercises .menu-button[name="transcript"],menu.menu-exercises .menu-button-transcript{background-position:-180px 0;}
menu.menu-exercises .menu-button[name="dictionary"],menu.menu-exercises .menu-button-dictionary{background-position:-210px 0;}
menu.menu-exercises .menu-button[name="add"],menu.menu-exercises .menu-button-add{background-position:-240px 0;}
menu.menu-exercises .menu-button[name="delete"],menu.menu-exercises .menu-button-delete{background-position:-270px 0;}
menu.menu-exercises .menu-button[name="fast-exercise"],menu.menu-exercises .menu-button-fast-exercise{background-position:-120px 0;}
menu.menu-exercises .menu-button[name="edit"],menu.menu-exercises .menu-button-edit{background-position:-150px 0;}
menu.menu-exercises .menu-button[name="share"],menu.menu-exercises .menu-button-share{background-position:-300px 0;}
menu.menu-exercises .menu-button[name="note"],menu.menu-exercises .menu-button-note{background-position:-330px 0;}
menu.menu-exercises .menu-button[name="grammar"],menu.menu-exercises .menu-button-grammar{background-position:-360px 0;}
menu.menu-exercises .menu-button[name="view"],menu.menu-exercises .menu-button-view{background-position:-450px 0;}
menu.menu-exercises .menu-button[name="more"],menu.menu-exercises .menu-button-more{background-position:-420px 0;}

menu.menu-exercises .lang-icon{width:1.2em;height:1.2em;border:2px solid #8faec3;border-radius:50%;margin:0 .5em 0 -.5em;vertical-align:middle;}

menu.menu-exercises .menu-button.dropdown{}
menu.menu-exercises .menu-button.dropdown>.menu-button{margin:0;}
menu.menu-exercises .dropdown-menu{position:fixed;z-index:99;list-style:none;margin:-5px 0 0;padding:0;border:1px solid #a9c2d6;color:#a9c2d6;text-align:left;background:#fff;max-width:240px;white-space:nowrap;box-shadow:0 0 40px #12293c1f;display:none;top:auto;left:auto;right:auto;bottom:auto;}
menu.menu-exercises .open>.dropdown-menu{display:block;}
menu.menu-exercises .dropdown-menu>li>a,menu.menu-exercises .dropdown-menu>li>button{display:block;text-decoration:none;color:#a9c2d6;padding:3px 15px;border:none;outline:none;width:100%;background:transparent;text-align:left;font-size:14px;line-height:1.5;}
menu.menu-exercises .dropdown-menu>li>button:enabled{cursor:pointer;}
menu.menu-exercises .dropdown-menu>li>button:disabled{filter:grayscale(.8);}
menu.menu-exercises .dropdown-menu>li>a:hover,menu.menu-exercises .dropdown-menu>li>a:focus,menu.menu-exercises .dropdown-menu>li>a:active,
menu.menu-exercises .dropdown-menu>li>button:enabled:hover,menu.menu-exercises .dropdown-menu>li>button:enabled:focus,menu.menu-exercises .dropdown-menu>li>button:enabled:active{background:#f5f9fc;}

menu.menu-exercises .dropdown-menu.dropdown-menu-buttons{padding:2px 0;line-height:0;min-width:0;max-width:none;}