@charset "utf-8";
@import url("style-dialog-2026.css");

:root{--color-main:#4f66a8;}

a { color: #5068a9; }
a:focus{outline:none;}

.clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

body.epolish3{border-left:none;padding-top:67px;color:#515352;font-family:"Segoe UI",Lato,Verdana,sans-serif;font-size:16px;}
body.epolish3>header{position:fixed;z-index:20;top:0;left:0;right:0;min-height:67px;background:#fff;border-bottom:1px solid #a4c7d9;}
body.epolish3>header2{position:fixed;z-index:20;top:0;left:0;right:0;height:67px;background:#fff;border-bottom:1px solid #a4c7d9;}
body.epolish3>header>nav{border-top:none;height:100%;position:static;margin:0 auto;padding:0;width:1680px;max-width:100%;}

body.epolish3>header>nav{display:flex;align-items:stretch;flex-wrap:wrap;}
body.epolish3>header>nav>.menu-home-logo{order:1;flex:0 0 200px;}
body.epolish3>header>nav>.nav-menu{order:3;}
body.epolish3>header>nav>.nav-search{order:4;flex:1 0 200px;}
body.epolish3>header>nav>.nav-right{order:5;flex:0 0 120px;}

@media (max-width:1100px){
    body.epolish3>header>nav>.nav-search{order:2;flex-basis:calc(100% - 200px);}
}


span.ep-icon{display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-position:center;background-size:contain;color:transparent;overflow:hidden;text-indent:-9999px;vertical-align:middle;}
span.ep-icon.ep-icon-homework{background-image:url(../img/icon.homework.png);}

/*body.epolish3>header>nav{display:flex;}*/
body.epolish3>header>nav>div{position:relative;min-width:10px;flex-grow:1;height:66px;}

body.epolish3>header>nav>div.nav-menu{flex-grow:0;flex-shrink:0;}
body.epolish3>header>nav>div.nav-menu ul.nav,body.epolish3>header>nav>div.nav-menu ul.nav>li{height:100%;}
body.epolish3>header>nav>div.nav-menu a{height:100%;border:none;color:#777;padding:0 22px;text-align:center;position:relative;}
body.epolish3>header>nav>div.nav-menu li a .border-thick-100p{bottom:3px!important;visibility:hidden;}
body.epolish3>header>nav>div.nav-menu li.active a .border-thick-100p{bottom:3px!important;visibility:visible;}
body.epolish3>header>nav>div.nav-menu a .menu-label{display: block;margin: 0;text-transform: uppercase;font-size: 14px;color: #515352;line-height:16px;}
/*body.epolish3>header>nav>div.nav-menu ul.nav li.active{border-bottom:5px solid #a4c7d9;height:calc(100% + 3px);}*/
body.epolish3>header>nav>div.nav-menu ul.nav li.active a .menu-label {color:#4d65a7;font-weight: 600;}
body.epolish3>header>nav>div.nav-menu a .menu-icon {
    background: url('../img/bg.main-menu.icons.png') 0 0 no-repeat;
    display: block;
    height: 40px;
    margin: 5px auto 0 auto;
    width: 60px;
}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-home{background-position: 0 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-home, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-home{background-position: 0 -40px;}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-biblioteka{background-position: -60px 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-biblioteka, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-biblioteka{background-position: -60px -40px;}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-biurko{background-position: -120px 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-biurko, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-biurko{background-position: -120px -40px;}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-szkola{background-position: -180px 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-szkola, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-szkola{background-position: -180px -40px;}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-slownik{background-position: -240px 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-slownik, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-slownik{background-position: -240px -40px;}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-forum{background-position: -300px 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-forum, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-forum{background-position: -300px -40px;}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-sklep{background-position: -360px 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-sklep, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-sklep{background-position: -360px -40px;}
body.epolish3>header>nav>div.nav-menu li a .menu-icon.icon-info{background-position: -420px 0;}
body.epolish3>header>nav>div.nav-menu li a:hover .menu-icon.icon-info, body.epolish3>header>nav>div.nav-menu li.active a .menu-icon.icon-info{background-position: -420px -40px;}

div[role=dialog].dialog-fs .modal-content{max-height:100vh;display:flex;flex-direction:column;}
div[role=dialog].dialog-fs .modal-content>.modal-header{flex-grow:0;flex-shrink:0;}
div[role=dialog].dialog-fs .modal-content>.modal-body{flex-grow:1;flex-shrink:1;overflow:hidden auto;}

#lector-main-menu { display: inline-block; float: left; }

div.modal-dialog .open>span.dropdown-menu-position-fixer{display:block;clear:both;}
div.modal-dialog .open>.dropdown-menu{/*position:fixed;*/left:auto;right:auto;top:auto;bottom:auto;}/* fixed - problem z położeniem menu gdy zawartość okienka jest przesunięta #moje-materialy/katalog/cwiczenia/recent */
div.modal-dialog .open>.dropdown-menu.dropdown-menu-right{right:0;}
div.modal-dialog .open .dropdown-toggle+.dropdown-menu-on-right {
    position: absolute;
    margin: -35px 0 0 55px;
}
.dropdown-menu.dropdown-menu-width-submenu,#content ul.dropdown-menu.dropdown-menu-width-submenu{overflow:visible;}
div.modal-dialog .open>.dropdown-menu.dropdown-menu-width-submenu .dropdown-menu{position:absolute;left:0;top:-3px;margin-left:calc(100% - 5px);}
.dropdown-menu.dropdown-menu-width-submenu .dropdown [data-toggle]::after{content:"▸";position: absolute;right:7px;color: #a2bdd2;}

.growl { opacity: 1; filter: alpha(opacity=100); color: #ffffff; }
.growl * { color: #ffffff; }

h1 small{display:block;font-size:16px;}
h1 small+br{display:none;}
h1 strong{display:block;font-weight:normal;font-size:32px;}

#content .table>tbody>tr>td, #content .table>thead>tr>th {
    border-top: none;
    border-bottom: 2px solid #dfebf3;
}
#content .table tr:first-child td, #content .table tr:first-child th {
    border-top: 2px solid #dfebf3;
}
.box-more {
    background: url('../img/bg.hsl.more.png') center top no-repeat;
    display: block;
    margin-top: 15px;
    min-height: 8px;
    width: 100%;
}
h6.h6-icons {
    color: #e2ebf2 !important;
}

h6.dotted {
    display: block;
    width: 100%;
    text-align: center;
    color: #515352;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
h6.dotted>.dots {
    background: url(../img/bg.box.header.dots.png) center center no-repeat;
    display: inline-block;
    height: 10px;
    width: 77px;
}
h6.dotted a {
    color: inherit;
    font-size: inherit;
}

.ep-fixed .epolish-logo {
    background: url('../img/logo.epolish-eu.png') left top no-repeat;
    display: inline-block;
    float: left;
    height: 61px;
    margin: 20px 0 10px 0;
    width: 174px;
}
.ep-fixed .glossa-logo {
    background: url('../img/logo.glossa.png') left top no-repeat;
    display: inline-block;
    float: right;
    height: 66px;
    margin: 10px 55px 0 0;
    width: 155px;
}

.scroll-footer.scroll-footer-wizard>div:first-child>button {
    margin-right: 10px;
}
.scroll-footer.scroll-footer-wizard>div:last-child>button {
    margin-left: 10px;
}

.bottom-buttons{display:flex;}
.bottom-buttons>span.spacer{flex-grow:1;}


/***** TYTUŁ STRONY *****/

div.h {
    align-items: stretch;
    box-sizing: content-box;
    display: flex;
    height: 48px;
    margin: 0;
    padding: 20px 0 10px;
    position: relative;
}
div.h.h-tabs {
    padding-left: 0!important;
}
div.h h1 {
    border-left: 2px dotted #acc4d7;
    color: #979799;
    flex-grow: 2;
    font-size: 30px;
    font-weight: normal;
    line-height: 48px;
    margin: 0 0 0 30px;
    overflow: hidden;
    padding-left: 10px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.h h1 strong {
    color: #979799;
    font-size: inherit;
    font-weight: inherit;
    line-height: 30px;
    pointer-events:none;
}
div.h h1 a {
    color: #5068a9;
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 5px;
    text-transform: none;
}
div.h h1 small {
    color: #5068a9;
    font-size: 14px;
    line-height: 14px;
    margin: -8px 0;
}
div.h h1 small a {
    display: inline;
    font-size: inherit;
    font-weight: normal;
}

div.h .btn-ep {
    height: 38px;
    line-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
}
div.h .h-block {
    display: inline-block;
    margin: 0 0 0 15px;
}
div.h form {
    line-height: 0;
    max-width: 350px;
    min-width: 150px;
}
div.h form input[name=search] {
    border: 1px solid #bfbfbf;
    border-radius: 0;
    background: #f9f9f9;
    font-size: 14px;
    height: 38px;
    min-height: 38px;
    line-height: 1.3;
}
div.h form input[type=submit] {
    border: none;
    border-radius: 0;
    height: 38px;
    width: 41px;
}
@media (max-width: 600px){
    div.h a.h-block > span {display: none;}
}

h1 {
    font-family: "Segoe-UI",Lato,Verdana,sans-serif;
    font-weight: 500;
}
h1#user {
    color: #5068a9;
    font-size: 30px;
    font-weight: 600;
}
h1#user>a {
    line-height: 28px;
    margin-bottom: 0;
}
h1#user>a:hover {
    text-decoration: none;
}
h1#user>.user-name {
    color: #595b5d;
    display: inherit;
    font-family: "Segoe-UI",Lato,Verdana,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
}



.loyalty-cache {
    display: inline;
    float: right;
    text-align: center;
    width: calc(100% - 130px);
}
.loyalty-cache * { color: #515352;}
.loyalty-cache a {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}
.loyalty-cache small {
    display: inline-block;
    font-size: 14px;
    padding: 5px 0 0 0;
    text-transform: uppercase;
    vertical-align: text-top;
}
.loyalty-cache small small {
    font-size: 10px;
    padding: 1px 3px;
    text-transform: uppercase;
}

.loyalty-cache .dotted-digit {
    border: 2px dotted #a7c0d4;
    border-radius: 5px;
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    line-height: 0.96em;
    margin: 0 0.1em;
    padding: 0.167em;
}

@media(max-width:1400px){
    .loyalty-cache .dotted-digit{font-size:24px;}
}

.home-sala-lekcyjna {
    position: relative;
    background: #f1f3f7;
    border-radius: 25px;
    min-height: 207px;
    padding: 15px 20px;
    /*overflow: hidden;*/
    /*width: 360px;*/
    margin-bottom: 30px;
}
.col-xs-12>.home-sala-lekcyjna {
    min-height: 200px;
}
li>.home-sala-lekcyjna {
    height: 75%;
    width: 100%;
}
.home-sala-lekcyjna h6 {
    color: #000000;
    letter-spacing: .2ex;
    text-align: center;
    text-transform: uppercase;
}
.home-sala-lekcyjna h6>a {
    color: #000000;
}
.home-sala-lekcyjna>.divider {
    background: #a2bdd2;
    border: 3px solid #a2bdd2;
    border-radius: 4px;
    display: block;
    height: 2px;
    margin: 0 auto 5px;
    width: 66px;
}
.home-sala-lekcyjna .hsl-row {
    border-bottom: 2px solid #cbdae6;
    padding: 5px 0 5px 0;
    line-height: 22px;
}
.home-sala-lekcyjna .hsl-data, .info-line>.info-value>.value-date {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #000000;
    border-right: 2px solid #cbdae6;
    width: 47px;
}
.info-line>.info-value>.value-date {min-width: 60px;}
.home-sala-lekcyjna .hsl-time, .info-line>.info-value>.value-time, .test-label-value>.value-time {
    background: url('../img/icon-clock.png') 7px 1px no-repeat;
    color: #4d65a7;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    border-right: 2px solid #cbdae6;
    padding: 0 0 0 24px;
    width: 70px;
}
.info-line>.info-value>.value-time {background-position:7px 5px;border-right:none;}
.test-label-value>.value-time {
    background-position: 7px 4px;
    border: none;
    float: none;
    font-size: 16px;
}
.home-sala-lekcyjna .hsl-name {
    position: relative;
    color: #515352;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 22px;
    overflow: hidden;
    padding-left: 5px;
    width: calc(100% - 117px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 23px;
}
.home-sala-lekcyjna .hsl-link, .info-line>.info-value>.nl-link {
    background: url('../img/bg.page.prev.next.png') right top no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    height: 22px;
    width: 22px;
}
.home-sala-lekcyjna .box-more {
    bottom: -15px;
    left: 0;
    position: absolute;
    width: 100%;
}

/*.home-tiles {
    display: inline-block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
}
.home-tiles>li {
    background: url(../img/bg.li.separator.png) 353px top no-repeat;
    display: inline-block;
    height: 273px;
    position: relative;
    width: 390px;
}
.home-tiles>li:nth-child(4n), .home-tiles>li:last-child {
    background: none;
    width: 360px;
}*/
.home-tiles {
    display: inline-block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
}
.home-tiles>li {
    /*background: url(../img/bg.li.separator.png) 353px top no-repeat;*/
    display: inline-block;
    /*height: 273px;*/
    position: relative;
    /*width: 390px;*/
    /*width: 100%;*/
}
/*.home-tiles>li:nth-child(4n), .home-tiles>li:last-child {
    background: none;
    width: 360px;
}*/
.home-tiles>li>.home-tile-contents {
    display: inline-block;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
    /*width: calc(100% - 30px);*/
}
.home-tiles>li>.home-tile-contents>.home-tile-bg {
    background: url('../img/bg.home.tile.png') 0 0 no-repeat;
    border-radius: 25px;
    height: 75%;
}
.home-tiles>li:hover>.home-tile-contents>.home-tile-bg {
    background: url('../img/bg.home.tile.png') -400px 0 no-repeat;
}
.home-tiles>li:nth-child(4n)>.home-tile-contents, .home-tiles>li:last-child>.home-tile-contents {
    width: 100%;
}
.home-tiles>li>.home-tile-contents>.home-tile-bg>.home-tile-icon {
    background: url(../img/bg.home.tile.icons.png) 0 0 no-repeat;
    display: block;
    height: 66px;
    left: 140px;
    position: absolute;
    top: 63px;
    width: 90px;
}
.home-tiles>li>.home-tile-contents>.home-tile-bg>.home-tile-icon.icon-biblioteka{background-position:0 0;}
.home-tiles>li>.home-tile-contents>.home-tile-bg>.home-tile-icon.icon-biurko{background-position:-100px 0;}
.home-tiles>li>.home-tile-contents>.home-tile-bg>.home-tile-icon.icon-szkola{background-position:-200px 0;}
.home-tiles>li>.home-tile-contents>.home-tile-title {
    position: absolute;
    bottom: 25px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #515352;
}
.home-tiles>li:hover>.home-tile-contents>.home-tile-title {
    color: #5068a9;
}

.user-line {
    border-bottom: 3px solid #e2ebf2;
    color: #515352;
    display: block;
    padding: 10px 0;
}
.user-line a:hover{text-decoration:none;}
.user-line .avatar {
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 54px;
    margin-right: 20px;
    width: 54px;
}
.user-line .text {
    display: inline-block;
    float: left;
    width: calc(100% - 74px);
}
.user-line .name {
    color: #4d65a7;
    font-size: 15px;
}
.user-line .type {
    border-right: 2px solid #e2ebf2;
    color: #4d65a7;
    font-size: 15px;
    margin-right: 5px;
    padding-right: 5px;
    text-transform: uppercase;
}

.home-post-line {
    border-bottom: 3px solid #e2ebf2;
    color: #515352;
    display: block;
    min-height: 50px;
    padding: 10px 0;
    overflow: hidden;
    overflow-wrap: break-word;
}
.home-post-line .icon {
    display: inline-block;
    float: left;
    height: 100%;
    padding-right: 5px;
    min-width: 45px;
}
.home-post-line .icon>img {
    margin: auto;
}
.home-post-line .date {
    border-left: 2px solid #e2ebf2;
    border-right: 2px solid #e2ebf2;
    color: #4d65a7;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 26px;
    padding: 0 5px;
}
.home-post-line .link {
    color: #515352;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 1.2em;
    padding: 4px 5px 0;
    width: calc(100% - 140px);
}

.event-line {
    border-bottom: 3px solid #e2ebf2;
    color: #515352;
    display: block;
    line-height: 20px;
    min-height: 35px;
    padding: 10px 0;
}
.event-line .name {
    border-right: 2px solid #e2ebf2;
    color: #4d65a7;
    display: inline-block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: inherit;
    padding: 0 5px 0 0;
}
.event-line .date {
    border-right: 2px solid #e2ebf2;
    color: #4d65a7;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: inherit;
    padding: 0 5px;
}
.event-line .title {
    line-height: inherit;
    margin-left: 5px;
}

.home-notification {}
.home-notification-row {
    border-bottom: 3px solid #e2ebf2;
    display: block;
    padding: 5px 0 5px 40px;
}
.home-notification-row .icon {
    background: #d83d4c url('../img/notifications.home.icons.type.png?3') 0 0 no-repeat;
    border-radius:50%;
    display: inline-block;
    float: left;
    height: 29px;
    margin: 3px 0 0 -40px;
    width: 29px;
}
.home-notification-row .icon.icon-empty{background-image:none;}
.home-notification-row .icon.icon-student-payment{background-position:-29px 0;}
.home-notification-row .icon.icon-order{background-position:-58px 0;}
.home-notification-row .icon.icon-subscription{background-position:-87px 0;}
.home-notification-row .icon.icon-error{background-position:-116px 0;}
.home-notification-row .icon.icon-subscription-warning{background-position:-145px 0;}
.home-notification-row .icon.icon-invitation{background-position:-174px 0;}
.home-notification-row .icon.icon-no{background-position:0 0;}
.home-notification-row .icon.icon-homework{background-position:-203px -29px;}
.home-notification-row .icon.icon-training{background-position:-116px 0;}

.home-notification>.home-notification-row .title {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    width:90%;
}
.home-notification>.home-notification-row .text {
    display: inline-block;
    float: left;
    width: calc(100% - 54px);
}
.home-notification>.home-notification-row .more {
    background: url('../img/notifications.home.more.png') right 0 top no-repeat;
    color: #d83d4c;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding-right: 27px;
    text-align: right;
    width: 100%;
}

.home-offers{border: 2px solid #e2ebf2;border-radius:30px;min-height:352px;}
.home-offers>.home-offers-row {
    border-right: 2px solid #e2ebf2;
    display: inline-block;
    float: left;
    min-height: 348px;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    width: 25%;
}
.home-offers>.home-offers-row:last-child {border-right: none;}
.home-offers>.home-offers-row>a {text-align: center;}
.home-offers>.home-offers-row>a:hover {text-decoration: none;}
.home-offers>.home-offers-row .image {
    background: url('../img/bg.home.offers.png') center center no-repeat;
    height: 191px;
    margin: 0 auto;
    width: 183px;
}
.home-offers>.home-offers-row .image>img {
    display: block;
    height: 178px;
    margin: 0 auto;
    padding: 12px 0 0 0;
    width: 117px;
}
.home-offers>.home-offers-row .title {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
}
.home-offers>.home-offers-row .author {
    color: #a2bdd2;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.home-offers>.home-offers-row .bottom {
    position: absolute;
    bottom: 0;
    height: 88px;
    left: 0;
    right: 0;
}
.home-offers>.home-offers-row .bottom .divider {
    background: #e2ebf2;
    border: 2px solid #e2ebf2;
    border-radius: 4px;
    height: 8px;
    margin: 8px auto 5px;
    width: 66px;
}
.home-offers>.home-offers-row .bottom .price {
    display: block;
    font-weight: bold;
}
.home-offers>.home-offers-row .bottom .button {
    background: #f83d4c;
    color: #ffffff;
    display: block;
    font-weight: bold;
    height: 32px;
    line-height: 30px;
    margin: 5px auto;
    padding: 0 25px;
}

table.table tbody,table.table thead {
    font: 16px "Segoe UI",Lato,Verdana,sans-serif;
    font-weight: 400;
    color: #515352;
}
col.preview{width:115px;}
td.preview,th.preview,
table.table td.preview,
table.table>tbody>tr>td.preview{padding-left:0;padding-right:0;}
img.preview100,div.preview100{border:1px solid #bdd3e2;box-sizing:content-box;width:160px;height:100px;background:white;}
div.preview100.preview100-empty{border-color:#9e2d37;background:#d83d4b url(../img/lesson-empty.png) no-repeat center;color:#fff;text-align:center;font:700 75px/90px sans-serif;text-decoration:none;}
a[rel=play].icon-hover{position:relative;}
a[rel=play].icon-hover::before{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;}
a[rel=play].icon-hover:hover::before{content:url(/lector/img/snd18.png);}
a[rel=play].icon-hover.play-icon-playing::before,a[rel=play].icon-hover.play-icon-playing:hover::before{content:url(/lector/img/snd18-playing.png);}

body.epolish3 .navbar-nav>li>a,body.epolish3 .navbar-nav>li>a:hover,body.epolish3 .navbar-nav>li>a:focus,body.epolish3 .navbar-nav>li>a:active{background:none;outline:none;}

form.top-search-form{height:41px;padding:0;margin:0;color:#7f7f7f;position:relative;text-align:left;cursor:default;font-weight:normal;float:right;max-width:540px;width:100%;}
header .nav-search form.top-search-form{margin:12px 15px 0;max-width:none;width:auto;float:none;}
div.modal-dialog form.top-search-form{position:absolute;top:0;right:80px;width:400px;}
div.modal.epolish div.modal-dialog form.top-search-form {top: 19px;}

form.top-search-form>div:not(.virtual-keyboard){display:inline-block;background:#dfebf3;border:none;width:calc(100% - 84px);height:42px;vertical-align:top;border-radius:21px 0 0 21px;padding:0 0 0 12px;}
div.modal.epolish div.modal-dialog form.top-search-form>div{width:calc(100% - 42px);}
form.top-search-form>div>div{display:flex;flex-wrap:nowrap;justify-content:left;height:28px;margin:6px 0;}
form.top-search-form>div input{height:100%;border:none;background:transparent;flex-grow:2;flex-shrink:0;flex-basis:80px;width:auto;}
form.top-search-form>div input:hover,form.top-search-form>div input:focus,form.top-search-form>div input:active{outline:none;box-shadow:none;}
form.top-search-form>div .twitter-typeahead{height:100%;border:none;background:transparent;flex-grow:2;flex-shrink:0;flex-basis:80px;width:auto;}
form.top-search-form>div .twitter-typeahead input.tt-input{width:100%;border-radius:0;padding:0;}
form.top-search-form>button{background:#dfebf3;width:42px;height:42px;line-height:42px;vertical-align:top;border:none;color:#9bb6ce;transition:color .4s;position:relative;z-index:1;}
form.top-search-form>button[type="submit"]{border-radius:0 21px 21px 0;}
form.top-search-form>button[type="submit"]::after{content:"🔍\fe0e";font-size:19px;}
div.modal.epolish div.modal-dialog form.top-search-form>button[type="submit"]::after{/*position:relative;top:-20px;*/}
form.top-search-form>button[type="keyboard"]::after{content:"⌨";font-size:24px;}
form.top-search-form>button:hover,form.top-search-form>button:focus,form.top-search-form>button:active{outline:none;box-shadow:none;color:#008;}
form.top-search-form>a[rel="keyboard"]{background:#dfebf3;display:inline-block;width:42px;height:42px;vertical-align:top;border:none;color:#9bb6ce;transition:color .4s;position:relative;z-index:1;}
form.top-search-form>a[rel="keyboard"]::after{content:"⌨";font-size:24px;}
form.top-search-form>a[rel="keyboard"]:hover,form.top-search-form>button:focus,form.top-search-form>button:active{outline:none;box-shadow:none;color:#008;text-decoration:none;}

form.top-search-form span.option{
    display: inline-block;
    position: relative;
    color: #865fa0;
    line-height: 18px;
    padding: 2px 25px 2px 1ex;
    margin: 0 .5ex 0 0;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 0;
    flex-shrink: 1;
    border: 2px solid #c1d2e1;
    border-radius: 15px;
    font-weight: bold;
}
form.top-search-form span.option button[name=remove]{
    background: url(../img/bg.search.remove.png) 0 0 no-repeat;
    border: none;
    bottom: 0;
    display: block;
    height: 19px;
    margin: 3px 3px;
    padding: 0 0 0 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
}
form.top-search-form span.option button[name=remove]:hover,form.top-search-form span.option button[name=remove]:focus,form.top-search-form span.option button[name=remove]:active{outline:none;}

form.top-search-form span.option.option-category{color: #4d65a7;}
/*form.top-search-form span.option.option-category button[name=remove]{background-color:#729eb57f;}}*/

form.top-search-form .tt-menu{border-top: 2px dotted #a4bfd3; padding-top: 8px; padding-bottom: 8px; border-bottom-left-radius: 21px; border-bottom-right-radius: 21px;border-bottom:none;border-left:none;border-right:none;}

form.top-search-form .tt-suggestion{font-size:18px;}
form.top-search-form .tt-hint{display:none;}
form.top-search-form .tt-menu .tt-dataset h3{
    background: #a2bdd2;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
form.top-search-form .tt-menu .tt-dataset.tt-dataset-none h3{background: #865fa0;}
form.top-search-form .tt-menu .tt-dataset.tt-dataset-categories h3{background: #4d65a7;}
.search-left-down-arrow {
    background: url('../img/search-arrow-left-down-light.png') 25px 11px no-repeat;
    display: inline-block;
    float: left;
    height: 100%;
    width: 56px;
}
form.top-search-form .tt-menu .tt-dataset.tt-dataset-none h3 .search-left-down-arrow,
form.top-search-form .tt-menu .tt-dataset.tt-dataset-categories h3 .search-left-down-arrow {
    background-image: url('../img/search-arrow-left-down.png');
}
form.top-search-form span.twitter-typeahead{position:static!important;}
form.top-search-form span.twitter-typeahead .tt-menu{width:100%;left:0;max-height:400px;background:#e2ebf2;}
form.top-search-form span.twitter-typeahead .tt-menu .tt-suggestion{padding-top:.4ex;padding-bottom:.4ex;}

body div.tt-suggestion:before{content:url('../img/search-pointer-3.png');margin-right:10px;}
form.top-search-form span.twitter-typeahead .tt-menu .tt-suggestion{color:#865fa0;}
form.top-search-form span.twitter-typeahead .tt-menu .tt-dataset-categories .tt-suggestion{color:#4d65a7;}
form.top-search-form span.twitter-typeahead .tt-menu .tt-dataset-lessons .tt-suggestion{color:#a2bdd2;}
form.top-search-form span.twitter-typeahead .tt-menu .tt-dataset-lessons .tt-suggestion:hover{color:#4d65a7;text-decoration:none;}

.tt-look-for-categories {background: url(../img/search-question-mark.png) 28px 4px no-repeat;padding-left:57px !important;text-indent:0 !important;}
.tt-look-for-categories::before{display:none !important;}




/* body.epolish3>header>nav>div.nav-search{display: inline-block;}
body.epolish3>header>nav>div.nav-search form{height:100%;padding:12px 0 0;}
body.epolish3>header>nav>div.nav-search form>div{display:inline-block;background:#dfebf3;border:none;width:calc(100% - 42px);height:42px;vertical-align:top;border-radius:21px 0 0 21px;padding:0 0 0 12px;}
body.epolish3>header>nav>div.nav-search form>div>div{display:flex;flex-wrap:nowrap;justify-content:left;height:28px;margin:6px 0;}
body.epolish3>header>nav>div.nav-search form>div input{height:100%;border:none;background:transparent;flex-grow:2;flex-shrink:0;flex-basis:80px;width:auto;}
body.epolish3>header>nav>div.nav-search form>div input:hover,body.epolish3>header>nav>div.nav-search form>div input:focus,body.epolish3>header>nav>div.nav-search form>div input:active{outline:none;box-shadow:none;}
body.epolish3>header>nav>div.nav-search form>div .twitter-typeahead{height:100%;border:none;background:transparent;flex-grow:2;flex-shrink:0;flex-basis:80px;width:auto;}
body.epolish3>header>nav>div.nav-search form>div .twitter-typeahead input.tt-input{width:100%;border-radius:0;padding:0;}
body.epolish3>header>nav>div.nav-search form>button{background:#dfebf3;width:42px;height:42px;vertical-align:top;border:none;border-radius:0 21px 21px 0;color:#4065ab;transition:color .4s;position:relative;z-index:1;}
body.epolish3>header>nav>div.nav-search form>button::after{content:"🔍\fe0e";}
body.epolish3>header>nav>div.nav-search form>button:hover,body.epolish3>header>nav>div.nav-search form>button:focus,body.epolish3>header>nav>div.nav-search form>button:active{outline:none;box-shadow:none;color:#008;}

body.epolish3>header>nav>div.nav-search form span.option{display:inline-block;position:relative;background:#a4c7d9;color:#fff;line-height:28px;border-radius:5px;padding:2px 20px 2px 1ex;margin:0 .5ex 0 0;user-select:none;    overflow: hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:0;flex-shrink:1;}
body.epolish3>header>nav>div.nav-search form span.option button[name=remove]{position:absolute;right:0;top:0;bottom:0;width:16px;border:none;color:#fff;padding:0;background:#a4c7d97f;transition:color .4s;line-height:30px;}
body.epolish3>header>nav>div.nav-search form span.option button[name=remove]::before{content:"×";}
body.epolish3>header>nav>div.nav-search form span.option button[name=remove]:hover,body.epolish3>header>nav>div.nav-search form span.option button[name=remove]:focus,body.epolish3>header>nav>div.nav-search form span.option button[name=remove]:active{color:#777;outline:none;}

body.epolish3>header>nav>div.nav-search .tt-suggestion{font-size:18px;}
body.epolish3>header>nav>div.nav-search .tt-menu h3{font-size:18px;margin:0;background:#85d8e8;color:#fff;padding:3px 0 2px 20px;}
body.epolish3>header>nav>div.nav-search span.twitter-typeahead{position:static!important;}
body.epolish3>header>nav>div.nav-search span.twitter-typeahead .tt-menu{width:calc(100% - 32px)!important;left:16px!important;max-height:400px;}
body.epolish3>header>nav>div.nav-search span.twitter-typeahead .tt-menu div.tt-suggestion{padding-top:.4ex;padding-bottom:.4ex;}*/






/*body.epolish3>header>nav>div.nav-search input[type=search]{display:block;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;height:42px;border-radius:21px;background:#dfebf3;border:none;width:calc(100% - 30px);padding:0 1em;}
body.epolish3>header>nav>div.nav-search input[type=search]:hover,body.epolish3>header>nav>div.nav-search input[type=search]:focus,body.epolish3>header>nav>div.nav-search input[type=search]:active{outline:none;box-shadow:none;}
body.epolish3>header>nav>div.nav-search input[type=search]::placeholder{text-align:center;text-transform:uppercase;font-size:12px;}*/


.menu-top-right-button{display:inline-block;width:20px;height:20px;background:#a4c7d9 url(../img/menu-top-right.png?1) 0 0 no-repeat;line-height:20px;color:#fff;text-align:center;vertical-align:top;font-size:11px;font-weight:600;}
.menu-top-right-button:hover,.menu-top-right-button:focus{text-decoration:none;color:#fff;}
.menu-top-right-button.menu-top-right-button-help{background-position:-20px 0;}
.menu-top-right-button.menu-top-right-button-user{background-position:-40px 0;}
.menu-top-right-button.menu-top-right-button-code{background-position:-80px 0;}
.menu-top-right-button.menu-top-right-button-preferences{background-position:-100px 0;}
.menu-top-right-button.menu-top-right-button-language{text-transform:uppercase;}

.menu-top-button-container{position:relative;flex:1 1 25%;}
.menu-top-button-container .menu-top-right-button{position:absolute;margin:auto;inset:0;}



body.epolish3>header>nav>div.nav-right{width:100px;flex-grow:0;flex-shrink:0; float: right;}
body.epolish3>header>nav>div.nav-right .menu-language{position:absolute;width:50%;right:0;bottom:0;height:50%;margin:0;text-align:center;}
body.epolish3>header>nav>div.nav-right .menu-settings{position:absolute;width:50%;right:0;bottom:0;height:50%;margin:0;text-align:center;}
body.epolish3>header>nav>div.nav-right .menu-user{position:absolute;width:50%;left:0;bottom:0;height:50%;margin:0;text-align:center;}

body.epolish3>header>nav>div.nav-right .menu-help{position:absolute;width:50%;right:0;top:0;height:50%;margin:0;}
body.epolish3>header>nav>div.nav-right .menu-help a{position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;height:25px;width:29px;text-align:center;font:700 16px/25px sans-serif;background:#a4c7d9;border-radius:4px;color:#fff;text-decoration:none;outline:none;}

body.epolish3>header>nav>div.nav-right .menu-handbook-code{position:absolute;width:50%;left:0;top:0;height:50%;margin:0;text-align:center;}
body.epolish3>header>nav>div.nav-right .menu-handbook-code a{display:block;position:absolute;inset:0;background:url('../img/dropdown-icons-sprite.png?6') -8px -1486px no-repeat;display:block;width:30px;height:30px;margin:auto;}

body.epolish3>header>nav>div.nav-right{display:flex;}
body.epolish3>header>nav>div.nav-right .menu-settings{position:relative;inset:auto;display:block;width:25%;height:100%;}
body.epolish3>header>nav>div.nav-right .menu-settings>a{display:block;width:100%;height:100%;padding:22px 0;text-decoration:none;}
body.epolish3>header>nav>div.nav-right .menu-user{position:relative;inset:auto;display:block;width:25%;height:100%;}
body.epolish3>header>nav>div.nav-right .menu-user>a{display:block;width:100%;height:100%;padding:22px 0;text-decoration:none;}
body.epolish3>header>nav>div.nav-right .menu-help{position:relative;inset:auto;display:block;width:25%;height:100%;}
body.epolish3>header>nav>div.nav-right .menu-language{position:relative;inset:auto;display:block;width:25%;height:100%;}
body.epolish3>header>nav>div.nav-right .menu-language>a{display:block;width:100%;height:100%;padding:22px 0;text-decoration:none;}
body.epolish3>header>nav>div.nav-right .menu-handbookcode{position:relative;inset:auto;display:block;width:25%;height:100%;}
body.epolish3>header>nav>div.nav-right .menu-handbookcode>a{display:block;width:100%;height:100%;padding:18px 0;text-decoration:none;}




.menu-language{}
.menu-language .label-menu{text-transform:uppercase;}
.menu-language .dropdown-menu>li>a{padding-left:30px;position:relative;}
.menu-language .dropdown-menu>.active>a::before{content:"✓";position:absolute;left:8px;font:20px/1 sans-serif;}
.menu-language .dropdown-menu>.active{color:inherit;background-color:inherit;}

/*
body[data-path^="#start"] .menu-language{display:none;}
*/



/*.parent-h div.child-h,.parent-h menu.child-h{display:none;}
.parent-h:hover div.child-h, .parent-h:hover menu.child-h{display:block;}*/
/*.ring-btn{width:34px;height:34px;display:block;border-radius:50%;border:none;background:#dfebf3;cursor:pointer;padding:0;text-align:center;line-height:34px;text-decoration:none;color:#aaa;}
.ring-btn:hover,.ring-btn:focus,.ring-btn:active{color:#aaa;text-decoration:none;outline:none;box-shadow:none;}*/
/*menu.child-h .ring-btn{display:inline-block;margin:3px;}*/
.page.parent-h>menu {
    display: none;
    height: 41px;
    left: 0;
    margin: 0 auto;
    max-height: 41px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 235px;
    width: 100%;
}
.page.parent-h:hover>menu { display: block; }

.page.parent-h>menu>.ep-preview-icons {
    background: url('../img/bg.preview.icons.png') 0 0 no-repeat;
    display: inline-block;
    height: 35px;
    margin: 0 2px 0 0;
    width: 35px;
    vertical-align: top;
    line-height: 29px;
}
.page.parent-h>menu>.ep-preview-icons>a {
    display: block;
    height: 35px;
    margin: 0;
    width: 35px;
}
.page.parent-h>menu>.ep-preview-icons.icon-preview {background-position:0 -35px;}
.page.parent-h>menu>.ep-preview-icons.icon-edit {background-position:0 -70px;}
.page.parent-h>menu>.ep-preview-icons.icon-lesson {background-position:0 -105px;}
.page.parent-h>menu>.ep-preview-icons.icon-copy {background-position:0 -140px;}
.page.parent-h>menu>.ep-preview-icons.icon-pdf {background-position:0 -210px;}

/*.parent-h div.child-h>*,.parent-h menu.child-h>*{opacity:0;}*/
/*.parent-h:hover div.child-h>*, .parent-h:hover menu.child-h>*{opacity:1;}*/
.parent-hh div.child-hh>*,.parent-hh menu.child-hh>*{opacity:0;}
.parent-hh:hover div.child-hh>*, .parent-hh:hover menu.child-hh>*{opacity:1;}
.parent-hh div.child-hh>*.dropdown.open,.parent-hh menu.child-hh>*.dropdown.open{opacity:1;}

.ring-btn{width:29px;height:32px;display:block;border:none;cursor:pointer;padding:0;text-decoration:none;margin-left:6px;background:url('../img/menu.icons.30x30.png?5') 0 0 no-repeat;}
.ring-btn.icon-menu {background:url('../img/bg.exercises.row.icons.png?5') 0 0 no-repeat;height:29px;width:29px;}
.ring-btn.icon-none {background:#a2bdd2;height:29px;border-radius:50%;text-align:center;line-height:29px;}
/*.ring-btn.icon-pdf {background:#a2bdd2;height:29px;border-radius:50%;}*/
.ring-btn.icon-pdf{background-position:-300px 0;}
.ring-btn.icon-pdf-lector{background-position:-390px 0;}
.ring-btn.icon-pdf-student{background-position:-360px 0;}
.ring-btn.icon-print{background-position:-330px 0;}
.ring-btn.icon-drukuj{background-position:-330px 0;}
.ring-btn.icon-add-lesson {background-position: 0 0;}
.ring-btn.icon-add-to-group {background-position: -30px 0;}
.ring-btn.icon-contact {background-position: -60px 0;}
.ring-btn.icon-new-test {background-position: -90px 0;}
.ring-btn.icon-placement-test {background-position: -330px 0;}
.ring-btn.icon-expand-menu {background-position: -120px 0; width: 40px;}
.ring-btn.icon-results-percent {background-position: -180px 0;}
.ring-btn.icon-add-student {background-position: -210px 0;}
.ring-btn.icon-archive {background-position: -240px 0;}
.ring-btn.icon-dictionary {background-position: -270px 0;}
.ring-btn.icon-preview-student{background-position:-420px 0;}
.ring-btn.icon-new-quiz {background-position: -450px 0;}

.icons-lessons {
    background: url('../img/bg.icons.lessons.png?2') 0 0 no-repeat;
    display: inline-block;
    height: 39px;
    margin: 0 3px;
    width: 39px;
}

.ring-btn-45{width:41px;height:45px;display:inline-block;border:none;cursor:pointer;padding:0;text-decoration:none;margin-left:6px;background:url('../img/menu.icons.45x45.png') 0 0 no-repeat;}
.ring-btn-45.icon-contact {background-position: 0 0;}
.ring-btn-45.icon-delete-student {background-position: -45px 0;}
.ring-btn-45.icon-test {background-position: -90px 0;}
.ring-btn-45.icon-add-student {background-position: -135px 0;}
.ring-btn-45.icon-lessons {background-position: -180px 0;}
.ring-btn-45.icon-add-test {background-position: -225px 0;}

.ring-btn.ring-btn-2{background:#fff;border:2px solid #dfebf3;}
.ring-btn:hover,.ring-btn:focus,.ring-btn:active{color:#aaa;text-decoration:none;outline:none;box-shadow:none;}
menu.child-h .ring-btn{display:inline-block;margin:3px;}
.parent-h .child-h>a.select.selected{opacity:1;color:navy;}
.parent-h .child-h>.always-show-h{opacity:1}
.parent-h .child-h>.dropdown.open{opacity:1}
menu.child-h{position:absolute;padding:0;margin:0;pointer-events:none;}
menu.child-h>*{pointer-events:auto;}
td.preview menu.child-h{top:15px;}

.menu-icon-friends {
    background: url('../img/menu.icons.friends.png') 0 0 no-repeat;
    display: inline-block;
    height: 30px;
    margin: 0 4px;
    width: 30px;
}
.menu-icon-friends.icon-blank {background-position: -30px 0;}
.menu-icon-friends.icon-contact {background-position: -60px 0;}
.menu-icon-friends.icon-remove {background-position: -90px 0;}

.ep-tiles-panel {
    text-align: center;
}
.ep-tiles{
    display: inline-block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    max-width: 1572px;
    width: 100%;
}
.ep-tiles a:hover {text-decoration: none;}
.ep-tiles>div {
    /*background: url('../img/bg.li.separator.png') right -5px top no-repeat;*/
    display: inline-block;
    float: left;
    height: 207px;
    margin-bottom: 50px;
    position:relative;
    /*padding-bottom: 75%;*/
}
.ep-tiles>div.disabled{cursor:not-allowed;filter:grayscale(.8) contrast(0.5) brightness(1.33);}
.ep-tiles>div.disabled>*{pointer-events:none;}
.ep-tiles>div>.tile-contents {
    background: #e2ebf2;
    border-radius: 25px;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.ep-tiles>div>.tile-contents:before {
    content: "";
    height: 33px;
    width: 33px;
    display: block;
    position: absolute;
    left: 15px;
    top: 15px;
}
.ep-tiles>div>.tile-contents.tile-student::before {
    /*background: url('../img/student.icon.dark.33.png') left top no-repeat;*/
    background: #4f66a8;
    border-radius: 50%;
    content: "S";
    color: #ffffff;
    font-family: "Segoe UI", Lato, Verdana, sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}
.ep-tiles>div>.tile-contents.tile-grupa::before {
    /*background: url('../img/grupa.icon.dark.33.png') left top no-repeat;*/
    background: #8860a1;
    border-radius: 50%;
    content: "G";
    color: #ffffff;
    font-family: "Segoe UI", Lato, Verdana, sans-serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}
.ep-tiles>div>.tile-contents.tile-forum:before {
    background: url('../img/icons.tiles.png?6') -32px -2350px no-repeat;
    height:41px;
    width:36px;
    left:15px;
    top:13px;
}
.ep-tiles>div>.tile-contents span.forum-counter {
position: absolute;
    display: block;
    background: #c2373c;
    color: #fff;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2;
    font-weight: 700;
    border-radius: 50%;
    right: 1em;
    font-size: 16px;
}

.ep-tiles>div>.tile-contents .ep-avatar {
    display: block;
    position: relative;
    top: 20px;
    /*left: 50px;*/
    text-align: center;
    width: 100%;
}
.ep-tiles>div>.tile-contents>a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.ep-tiles>div>.tile-contents>a.preview{inset:0 0 auto auto;width:40px;height:40px;background:url(../img/testelement.preview2.png) no-repeat center;color:transparent;overflow:hidden;text-indent:-9999px;}
.ep-tiles>div>.tile-contents>a.homework{inset:0 1em 0 auto;margin:auto;width:40px;height:40px;background:url(../img/icon.homework.png) no-repeat center;background-size:contain;color:transparent;overflow:hidden;text-indent:-9999px;}
.ep-tiles>div>.tile-contents>.buy{display:block;position:absolute;inset:auto 31px 26px auto;margin:auto;width:50px;height:50px;background:#616ea2 url(../img/icon.buy.png) no-repeat center;border-radius:50%;color:transparent;overflow:hidden;text-indent:-9999px;}
.ep-tiles>div>.tile-contents>.buy{inset:auto 11px 56px auto;}

.ep-tiles>div>.tile-contents div.progress{position:absolute;width:80px;height:9px;top:90px;left:25px;border-radius:5px;background:#b6cadb;box-shadow:none;}
.ep-tiles>div>.tile-contents .progress-bar{background:#4f66a8;border-radius:5px;box-shadow:none;}




@media (max-width: 991px) {
    .ep-tiles-panel {
        margin-top: 15px !important;
    }
}

.ep-tiles .btn{width:auto;min-width:130px;height:35px;line-height:25px;text-transform:uppercase;vertical-align:top;border-radius:17px;}
.ep-tiles .ep-tile-bottom-info .btn{margin-top:9px;}


/*@media screen and (max-width: 898px) {
    .ep-tiles .ep-tile-container.line-of-1 { background: none; width: 360px; clear: both; }
    .ep-tiles .ep-tile-container.line-of-1 .tile-contents { width: 100%; }
}
@media screen and (min-width: 899px) and (max-width: 1285px) {
    .ep-tiles .ep-tile-container.line-of-2 { background: none; width: 360px; clear: right; }
    .ep-tiles .ep-tile-container.line-of-2>.tile-contents { width: 100%; }
}
@media screen and (min-width: 1286px) and (max-width: 1679px) {
    .ep-tiles .ep-tile-container.line-of-3 { background: none; width: 360px; clear: right; }
    .ep-tiles .ep-tile-container.line-of-3>.tile-contents { width: 100%; }
}
@media screen and (min-width: 1680px) {
    .ep-tiles .ep-tile-container.line-of-4 { background: none; width: 360px; clear: right; }
    .ep-tiles .ep-tile-container.line-of-4>.tile-contents { width: 100%; }
}*/
.ep-tiles>div.fill{background:#dfebf3;}
.ep-tiles>div>a:first-child{position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none;color:inherit;}
.ep-tiles>div>.tile-contents .ep-tile-icon {
    background: url('../img/icons.tiles.png?6') 0 0 no-repeat;
    display: block;
    height: 60px;
    margin: 20px auto;
    width: 100px;
}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-slownik {background-position: 0 -60px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-lekcje {background-position: 0 -120px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-materialy {background-position: 0 -180px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-gry {background-position: 0 -240px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-gry-interaktywne {background-position: 0 -1500px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-kursy {background-position: 0 -300px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-fiszki {background-position: 0 -360px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-gramatyka {background-position: 0 -420px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-tabele-odmian {background-position: 0 -420px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-testy {background-position: 0 -480px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-webizzy {background-position: 0 -540px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-tematy {background-position: 0 -600px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-rodzaje {background-position: 0 -660px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-podreczniki {background-position: 0 -720px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-1128 {background-position: 0 -780px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-825 {background-position: 0 -840px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-927 {background-position: 0 -900px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-online {background-position: 0 -960px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-lekcje-w-klasie {background-position: 0 -1020px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-studenci {background-position: 0 -1080px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-grupy {background-position: 0 -1080px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-pkpk {background-position: 0 -1140px;width:102px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-harmonogram{background-position:0 -1200px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-do-przeprowadzenia{background-position:0 -1260px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-wykupione-lekcje{background-position:0 -1320px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-lekcje-biezace{background-position:0 -1320px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-lekcje-info{background-position:0 -1320px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-archiwum{background-position:0 -1380px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-lekcje-archiwalne{background-position:0 -1380px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-preferencje{background-position:0 -1440px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-forum-metodyka{background-position:0 -1560px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-forum-e_polish_eu{background-position:0 -1620px;width:128px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-forum-grupy{background-position:0 -1680px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-forum-znajomi{background-position:0 -1740px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-test-plasujacy{background-position:0 -1800px;width:130px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-game-match{background-position:0 -2040px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-game-dialog-cards{background-position:0 -1860px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-game-dices{background-position:0 -1980px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-game-wheel-of-fortune{background-position:0 -1920px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-game-tic-tac-toe{background-position:0 -2220px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-game-memory{background-position:0 -2280px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-test-av{background-position:0 -2100px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-pakiety-lekcji{background-position:0 -2160px;}

.ep-tiles>div>.tile-contents .ep-tile-icon.icon-do-pobrania{background-position:15px -2400px;width:124px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-dane{background-position:0 -2460px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-abonament{background-position:0 -2520px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-kody{background-position:0 -2520px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-profil{background-position:0 -2580px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-zamowienia{background-position:0 -2640px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-szkolenia{background-position:0 -2700px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-preferencje-2{background-position:0 -2760px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-znajomi{background-position:0 -2820px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-kalendarz{background-position:0 -2880px;}

.ep-tiles>div>.tile-contents .ep-tile-icon.icon-quiz-flashcard{background-position:0 -3210px;height:70px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-quiz-choice{background-position:0 -2940px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-quiz-letters{background-position:0 -3000px;width:121px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-quiz-text{background-position:0 -3060px;}
.ep-tiles>div>.tile-contents .ep-tile-icon.icon-quiz-test{background-position:0 -3120px;height:72px;}



.ep-tiles>div>.tile-contents .ep-name-container {
    display: block;
    max-height: 52px;
}
.ep-tiles>div>.tile-contents h6 {
    color: #515352;
    font-size: 24px;
    font-weight: normal;
    height: 52px;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.ep-tiles>div>.tile-contents .ep-name-conhtainer h6 {
    position: unset;
}
.ep-tiles>div>.tile-contents .ep-tile-icon+h6 {
    top: 75px;
}
.ep-tiles>div>.tile-contents h6>span.ep-name {
    display: block;
    font-size: 24px;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    /* multine */
    position: absolute;
    top:auto;
    left:0;
    right:0;
    bottom:0;
    overflow: visible;
    height: auto;
    line-height: 22px;
    padding: 15px 0;
}
.ep-tiles>div>.tile-contents .ep-avatar>.ep-images {
    display: inline-block;
    margin: 0 auto;
    position: relative;
}
.ep-tiles>div>.tile-contents .ep-avatar>.ep-images>.ep-number {
    position: absolute;
    right: -22px;
    top: 20px;
}
.ep-tiles>div>.tile-contents .ep-avatar>.ep-images>img {
    border-radius: 50%;
    display: inline-block;
    height: 48px;
    margin: 5px 3px 0;
    width: 48px;
}
.ep-tiles>div>.tile-contents .divider{
    background: #cfdde8;
    border-radius: 4px;
    display: block;
    height: 9px;
    left: calc(50% - 45px);
    position: absolute;
    top: 125px;
    width: 91px;
}
.ep-tiles>div>.tile-contents .ep-tile-bottom-info {
    position: absolute;
    bottom: 3px;
    left: 25px;
    right: 25px;
    height: 63px;
    max-height: 63px;
    overflow: hidden;
    color: #515352;
    font-size: 14px;
    line-height: 1.3;
}
.ep-tiles>div>.tile-contents div.ep-tile-bottom-info {text-align: center;}
.ep-tiles>div>.tile-contents .ep-tile-bottom-info th {
    width: 80px;
    color: #a8c1d5;
    font-weight: normal;
    text-transform: uppercase;
    vertical-align: middle;
}
.ep-tiles>div>.tile-contents .ep-tile-bottom-info td {
    color: #515352;
    line-height: 21px;
}
.ep-tiles>div>.tile-contents .ep-tile-bottom-info td>div {
    height: 21px;
    overflow: hidden;
    padding-left: 25px;
}
.ep-tiles>div>.tile-contents .ep-tile-bottom-info td>div.long-text {
    padding-left: 0;
}
.ep-tiles>div>.tile-contents .ep-tile-bottom-info td>div.ep-tile-bottom-info-notes {
    height: 42px;
    padding-left: 0;
}
.ep-tiles>div>.tile-contents>ul.ep-tile-right-menu {
    position: absolute;
    right: 44px;
    top: 15px;
    width: 46px;
}
.ep-tiles>div>.tile-contents>ul.ep-tile-right-menu>li {
    display: block;
    height: 35px;
    width: 36px;
}
.ep-tiles>div>.tile-contents>ul.ep-tile-right-menu>li>a, .ep-tiles>div>.tile-contents>ul.ep-tile-right-menu>li>span {
    background: url(../img/dropdown-icons-sprite.png?6) 0 0 no-repeat;
    display: inline-block;
    height: 38px;
    width: 46px;
}
.ep-tiles>div>.tile-contents>ul.ep-tile-right-menu>li>.ico-test { background-position: 0 -114px; }
.ep-tiles>div>.tile-contents>ul.ep-tile-right-menu>li>.ico-error { background-position: 0 -1064px; }
.ep-tiles>div>.tile-contents menu {
    background: #c8d9e6c0;
    bottom: 0;
    display: block;
    height: 0;
    left: 0;
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: height .4s ease,max-height .4s ease;
    width: 100%;
}
.ep-tiles>div:hover>.tile-contents menu, .ep-tiles>div>.tile-contents menu.ep-menu-static {
    bottom: 0;
    height: 63px;
    max-height: 63px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow:visible;
}
.ep-tiles>div>.tile-contents menu a.ring-btn-45 {
    margin-top: 13px;
}

.ep-tiles>.ep-tile-container.ep-tile-lesson {
    height: unset;
    /*height: 277px;*/
}
.ep-tiles>div.ep-tile-lesson>.tile-contents {
/*    height: 207px;
    background-image: url(../img/bg.biblioteka.lekcje.udostepnione.png) 0 0 no-repeat;*/
}

/*.ep-tiles>div.ep-tile-lesson>.tile-contents.tile-lessons-6 {background-image:url('../img/bg.biblioteka.lekcje.6.png');}
.ep-tiles>div.ep-tile-lesson>.tile-contents.tile-lessons-23 {background-image:url('../img/bg.biblioteka.lekcje.23.png');}
.ep-tiles>div.ep-tile-lesson>.tile-contents.tile-lessons-28 {background-image:url('../img/bg.biblioteka.lekcje.28.png');}*/
.ep-tiles>div.ep-tile-lesson h6 {
    color: #515352;
    display: block;
    font-size: 22px;
    font-weight: normal;
    height: 61px;
    line-height: 61px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.ep-tiles > div.ep-tile-lesson h6 { font-size: 2.92vw; }
@media (min-width: 768px) {
    .ep-tiles > div.ep-tile-lesson h6 { font-size: 2.28vw; }
}
@media (min-width: 992px) {
    .ep-tiles>div.ep-tile-lesson h6 { font-size: 1.96vw; }
}
@media (min-width: 1200px) {
    .ep-tiles > div.ep-tile-lesson h6 { font-size: 1.15vw; }
}

.ep-tiles>div.ep-tile-lesson>.tile-contents menu {
    background: url('../img/bg.tile.lessons.menu.png') 0 0 no-repeat;
}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon,
.ep-tiles>div.ep-tile-container>.tile-contents menu>.dropdown>.lesson-menu-icon {
    background: url('../img/bg.tile.lessons.menu.icons.png?4') 0 -160px no-repeat;
    display: inline-block;
    height: 40px;
    margin: 13px 3px 0 0;
    width: 40px;
    vertical-align:top;
}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-ecoursebook{background-position:0 0;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-testy{background-position:0 -40px;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-program{background-position:0 -80px;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-recommend{background-position:0 -80px/*-120px*/;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-info{background-position:0 -200px;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-edit{background-position:0 -80px/*--160px*/;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-toc{background-position:0 -40px;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-sound{background-position:0 -120px;}
.ep-tiles>div.ep-tile-container>.tile-contents menu>.lesson-menu-icon.icon-syllabus{background-position:0 -240px;}
.ep-tiles>div.ep-tile-lesson>.divider{
    background: #cfdde8;
    border-radius: 4px;
    bottom: 0;
    display: block;
    height: 9px;
    left: calc(50% - 45px);
    position: absolute;
    width: 90px;
}



.ep-tiles>div h6>a{display:block;}
.ep-tiles>div h6>a:focus,.ep-tiles>div h6>a:hover,.ep-tiles>div h6>a:active{text-decoration:none;}
.ep-tiles>div p{text-align:center;color:#999;}

.ep-tiles>div.folder{position:relative;margin-top:40px;border-top-left-radius:0;}
.ep-tiles>div.folder::before{content:" ";display:block;background:#dfebf3;width:40%;height:30px;position:absolute;top:-35px;left:-5px;border-radius:12px 12px 0 0;}

.ep-folders{
    display: inline-block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    max-width: 1572px;
}
.ep-folders>div {
    display: inline-block;
    float: left;
    height: 115px;
    margin: 15px 11px;
    position:relative;
    width: 170px;
}
.ep-folders>div>.folder-contents {
    background: url('../img/bg.folder.png') 0 0 no-repeat;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.ep-folders>div>.folder-contents:hover {background-position: 0 -115px;}
.ep-folders>div.ep-folder-special>.folder-contents {background-position: 0 -230px;}
.ep-folders>div.fill{background:#dfebf3;}
.ep-folders>div>div>a, .ep-folders>div>div>span.choose{position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none;color:inherit;}
.ep-folders>div>div>span.choose{padding-top: 45px;text-align: center;font-weight: bold;}
.ep-folders>div.ep-folder-special>div>span.choose{color:#ffffff;}

.ep-folders>div>.folder-contents a:hover {
    text-decoration: none;
}
.ep-folders>div>.folder-contents h6 {
    color: #515352;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin: 27px auto 0;
    width: 150px;
    line-height: 18px;
    height: 40px;
}
.ep-folders>div.ep-folder-special>.folder-contents h6 {color:#ffffff;}
.ep-folders>div>.folder-contents menu, .ep-folders>.ep-folder-lesson-container>.folder-lesson-contents menu {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    right: 0;
    height: 48px;
    max-height: 48px;
    /*overflow: hidden;*/
    text-align: center;
    visibility: hidden;
}
.ep-folders>div>.folder-contents menu>*, .ep-folders>.ep-folder-lesson-container>.folder-lesson-contents menu>*{vertical-align:top;}
.ep-folders>div>.folder-contents:hover menu, .ep-folders>.ep-folder-lesson-container>.folder-lesson-contents:hover menu {
    visibility: visible;
}

.ep-folders>div>.folder-contents menu>.ep-folder-icon {
    background: url('../img/bg.folder.icons.png') 0 0 no-repeat;
    display: inline-block;
    margin: 0 3px;
    height: 40px;
    width: 40px;
}
.ep-folders>div>.folder-contents menu>.ep-folder-icon.icon-edit{background-position:0 0;}
.ep-folders>div>.folder-contents menu>.ep-folder-icon.icon-delete{background-position:0 -40px;}

.ep-folders>div.ep-folder-dictionary-container,
.ep-tiles>div.ep-tile-container.tile-dictionary-container{
    display: inline-block;
    float: left;
    height: 200px;
    margin: 11px 4px;
    position:relative;
    width: 300px;
}
.ep-folders>div.ep-folder-dictionary-container h6{margin:.5em 0 0;font-size:16px;}
.ep-folders>div.ep-folder-dictionary-container>.folder-dictionary-contents,
.ep-tiles>div.ep-tile-container.tile-dictionary-container>.tile-contents{
    background: url('../img/bg.folder.dictionary.png') 0 0 no-repeat;
    display: inline-block;
    height: 173px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.ep-folders>div.ep-folder-dictionary-container>.folder-dictionary-contents>.dictionary-category-icon,
.ep-tiles>div.ep-tile-container.tile-dictionary-container>.tile-contents>.dictionary-category-icon{
    background: url('../img/icons.folder.dictionary.png') 192px 145px no-repeat;
    display: inline-block;
    height: 145px;
    position: absolute;
    right: 9px;
    top: 0;
    vertical-align: top;
    width: 192px;
}
.ep-tiles>div.ep-tile-container.tile-dictionary-container>.tile-contents>.icon-container{
    position:absolute;
    width:150px;
    height:150px;
    top:-8px;
    right:30px;
    border-radius:50%;
    overflow:hidden;
    padding-top:8px;
}
.ep-tiles>div.ep-tile-container.tile-dictionary-container>.tile-contents>.icon-container>img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.dictionary-category-icon.icon-76{background-position: 0 0 !important;}
.dictionary-category-icon.icon-13{background-position: -192px 0 !important;}
.dictionary-category-icon.icon-27{background-position: -384px 0 !important;}
.dictionary-category-icon.icon-97{background-position: -576px 0 !important;}
.dictionary-category-icon.icon-98{background-position: -768px 0 !important;}
.dictionary-category-icon.icon-117{background-position: 0 -145px !important;}
.dictionary-category-icon.icon-5{background-position: -192px -145px !important;}
.dictionary-category-icon.icon-118{background-position: -384px -145px !important;}
.dictionary-category-icon.icon-33{background-position: -576px -145px !important;}
.dictionary-category-icon.icon-105{background-position: -768px -145px !important;}
.dictionary-category-icon.icon-89{background-position: 0 -290px !important;}
.dictionary-category-icon.icon-60{background-position: -192px -290px !important;}
.dictionary-category-icon.icon-66{background-position: -384px -290px !important;}
.dictionary-category-icon.icon-18{background-position: -576px -290px !important;}
.dictionary-category-icon.icon-75{background-position: -768px -290px !important;}
.dictionary-category-icon.icon-110{background-position: 0 -435px !important;}
.dictionary-category-icon.icon-114{background-position: -192px -435px !important;}
.dictionary-category-icon.icon-32{background-position: -384px -435px !important;}
.dictionary-category-icon.icon-91{background-position: -576px -435px !important;}
.dictionary-category-icon.icon-31{background-position: -768px -435px !important;}
.dictionary-category-icon.icon-90{background-position: 0 -580px !important;}
.dictionary-category-icon.icon-26{background-position: -192px -580px !important;}
.dictionary-category-icon.icon-6{background-position: -384px -580px !important;}
.dictionary-category-icon.icon-81{background-position: -576px -580px !important;}
.dictionary-category-icon.icon-121{background-position: -768px -580px !important;}
.dictionary-category-icon.icon-120{background-position: 0 -725px !important;}
.dictionary-category-icon.icon-38{background-position: -192px -725px !important;}

.ep-folders>div.ep-folder-lesson-container {
    display: inline-block;
    float: left;
    height: 200px;
    margin: 11px 4px;
    position:relative;
    width: 300px;
}
.ep-folders>div.ep-folder-lesson-container>.folder-lesson-contents {
    background: url('../img/bg.folder.lesson.png') 0 0 no-repeat;
    display: inline-block;
    height: 173px;
    /*overflow: hidden;*/
    position: relative;
    vertical-align: top;
    width: 100%;
}
.ep-folders>div.ep-folder-lesson-container>.folder-lesson-contents>.course-logo {
    background: url('../img/logo.courses.png') 0 0 no-repeat;
    height: 35px;
    left: 16px;
    position: absolute;
    top: 22px;
    width: 75px;
}
.course-logo.course-6 { background-position: 0 -35px !important; }
.course-logo.course-23 { background-position: 0 -35px !important; }
.course-logo.course-28 { background-position: 0 -70px !important; }
.ep-folders>div.ep-folder-lesson-container>.folder-lesson-contents>.lesson-page {
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 150px;
    overflow: hidden;
    position: absolute;
    right: 31px;
    top: -9px;
    vertical-align: top;
    width: 148px;
}
.ep-folders>div.ep-folder-lesson-container>.folder-lesson-contents>.lesson-page>img {
    position: relative;
    right: 6px;
    top: 9px;
}

.ep-folders>div.ep-folder-lesson-container>a:hover {text-decoration: none;}
.ep-folders>div.ep-folder-lesson-container>a>h6,
.ep-folders>div.ep-folder-lesson-container>h6
{
    color: #5068a9;
    font-family: "Segoe UI", Lato, Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.ep-folders>div.ep-folder-lesson-container>a>h6>.lesson-nr,
.ep-folders>div.ep-folder-lesson-container>h6>.lesson-nr{
    border-right: solid 2px #d2e0db;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    margin-right: 6px;
    padding-right: 6px;
}

.icons-lessons.icon-play{background-position: -40px 0;}
.icons-lessons.icon-games{background-position: -80px 0;}
.icons-lessons.icon-audio{background-position: -120px 0;}
.icons-lessons.icon-dictionary{background-position: -160px 0;}
.icons-lessons.icon-dictionary-2{background-position: -280px 0;}
.icons-lessons.icon-teacher{background-position: -200px 0;}
.icons-lessons.icon-menu{background-position: -240px 0;}


.ep-previews {
    display: inline-block;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    max-width: 1572px;
}
.ep-previews>div {
    display: inline-block;
    float: left;
    height: 120px;
    margin: 15px 11px;
    position:relative;
    width: 170px;
}
.ep-previews>div>.preview-contents {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.ep-previews>div>.preview-contents>img {
    border: 1px solid #cbd8e4;
    display: inline-block;
    height: 99px;
    margin: 0 auto;
    width: 160px;
}
.ep-previews>div>.preview-contents>.no-preview {
    background: red;
    border: 1px solid #7f0000;
    color: #ffffff;
    display: block;
    font: 800 76px/130px sans-serif;
    height: 99px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 160px;
}
.ep-previews>div>.preview-contents>h6 {
    color: #515352;
    font-size: 16px;
    font-weight: 600;
    margin-top: 3px;
}
.ep-previews>div>.preview-contents menu {
    position: absolute;
    top: 55px;
    left: 0;
    margin: 0 auto;
    padding: 0;
    right: 0;
    height: 41px;
    max-height: 41px;
    text-align: center;
    visibility: hidden;
    width: 100%;
}
.ep-previews>div>.preview-contents:hover menu {
    visibility: visible;
}
.ep-previews>div>.preview-contents menu>.ep-preview-icons {
    background: url('../img/bg.preview.icons.png') 0 0 no-repeat;
    display: inline-block;
    height: 35px;
    margin: 0 2px 0 0;
    width: 35px;
}
.ep-previews>div>.preview-contents menu>.ep-preview-icons>a {
    display: block;
    height: 35px;
    margin: 0;
    width: 35px;
}
.ep-previews>div>.preview-contents menu>.ep-preview-icons.icon-preview {background-position:0 -35px;}
.ep-previews>div>.preview-contents menu>.ep-preview-icons.icon-edit {background-position:0 -70px;}
.ep-previews>div>.preview-contents menu>.ep-preview-icons.icon-lesson {background-position:0 -105px;}
.ep-previews>div>.preview-contents menu>.ep-preview-icons.icon-copy {background-position:0 -140px;}



.ep-folders>div h6>a{display:block;}
.ep-folders>div h6>a:focus,.ep-folders>div h6>a:hover,.ep-folders>div h6>a:active{text-decoration:none;}
.ep-folders>div p{text-align:center;color:#999;}

.ep-folders>div.folder{position:relative;margin-top:40px;border-top-left-radius:0;}
.ep-folders>div.folder::before{content:" ";display:block;background:#dfebf3;width:40%;height:30px;position:absolute;top:-35px;left:-5px;border-radius:12px 12px 0 0;}

/*.ep-folders>div h6::after{content:" ";display:block;background:#96bfd4;width:40px;height:4px;margin:8px auto 0;}*/
.ep-folders>div.small{width:10%;height:90px;}
.ep-folders>div.folder.small{margin-top:20px;}
.ep-folders>div.folder.small::before{height:20px;top:-25px;}
.ep-folders>div.page{border-radius:0;background:none;width:280px;height:320px;border:none;text-align:center;}
.ep-folders>div.page img.page{display:block;margin:0 auto 8px;border:1px solid #cccccc7f;box-shadow:0 20px 20px #0001;}
.ep-folders>div.page div.page{margin:0 auto 8px;background:#cccccc7f;box-shadow:0 20px 20px #0001;width:200px;height:280px;}
.ep-folders>div.page h6::after{content:none;}
/*.ep-folders>div menu.child-h{position:absolute;width:120px;margin:120px auto;left:0;right:0;top:0;padding:0;text-align:center;}*/
/*.ep-folders>div.small menu.child-h{margin:40px auto;}*/

ul.ep-folders .editable-container{max-width:100%;}
ul.ep-folders .editable-container .editable-input input{width:100%;border:none;border-bottom:1px dotted #ccc;}
ul.ep-folders .editable-container .editable-buttons-bottom{margin:5px 0 0;padding:0;text-align:center;}
ul.ep-folders .editable-container .editable-buttons-bottom button{padding:0 8px;font-size:8px;height:20px;}
ul.ep-folders .editable-container .editable-buttons-bottom button.editable-cancel{margin-left:3px;}

/*.ep-tiles>div h6::after{content:" ";display:block;background:#96bfd4;width:40px;height:4px;margin:8px auto 0;}*/
.ep-tiles>div.small{width:10%;height:90px;}
.ep-tiles>div.folder.small{margin-top:20px;}
.ep-tiles>div.folder.small::before{height:20px;top:-25px;}
.ep-tiles>div.page{border-radius:0;background:none;width:280px;height:320px;border:none;text-align:center;}
.ep-tiles>div.page img.page{display:block;margin:0 auto 8px;border:1px solid #cccccc7f;box-shadow:0 20px 20px #0001;}
.ep-tiles>div.page div.page{margin:0 auto 8px;background:#cccccc7f;box-shadow:0 20px 20px #0001;width:200px;height:280px;}
.ep-tiles>div.page h6::after{content:none;}
/*.ep-tiles>div menu.child-h{position:absolute;width:120px;margin:120px auto;left:0;right:0;top:0;padding:0;text-align:center;}*/
/*.ep-tiles>div.small menu.child-h{margin:40px auto;}*/

ul.ep-tiles .editable-container{max-width:100%;}
ul.ep-tiles .editable-container .editable-input input{width:100%;border:none;border-bottom:1px dotted #ccc;}
ul.ep-tiles .editable-container .editable-buttons-bottom{margin:5px 0 0;padding:0;text-align:center;}
ul.ep-tiles .editable-container .editable-buttons-bottom button{padding:0 8px;font-size:8px;height:20px;}
ul.ep-tiles .editable-container .editable-buttons-bottom button.editable-cancel{margin-left:3px;}

ul.ep-tiles .folder>.editable-container{background:#fff;height:100%;z-index:1;position:relative;}


span.gauge{display:inline-block;color:#2f2f2f;font-size:7px;width:40px;height:20px;text-align:center;line-height:32px;overflow:hidden;position:relative;}
span.gauge:before{content:"";display:block;position:absolute;width:40px;height:40px;border:6px solid #9ab7ce;border-radius:20px;border-bottom-color:#9ab7ce;border-left-color:#9ab7ce;transform:rotate(-45deg);}
span.gauge.pos100:before{transform:rotate(-45deg);}
span.gauge.pos90:before{transform:rotate(-63deg);}
span.gauge.pos80:before{transform:rotate(-81deg);}
span.gauge.pos70:before{transform:rotate(-99deg);}
span.gauge.pos60:before{transform:rotate(-117deg);}
span.gauge.pos50:before{transform:rotate(-135deg);}
span.gauge.pos40:before{transform:rotate(-153deg);}
span.gauge.pos30:before{transform:rotate(-171deg);}
span.gauge.pos20:before{transform:rotate(-189deg);}
span.gauge.pos10:before{transform:rotate(-207deg);}
span.gauge.pos0:before{transform:rotate(-225deg);}

div.preferences-group.preferences-group-hidden{min-height:60px;}
div.preferences-group.preferences-group-hidden *:not(h3):not(.icon-prefeneces){display:none;}

.ep-tiles>div>div.tile-grow{overflow:hidden;border:5px solid #dfebf3;height:calc(100% + 10px);min-height:calc(100% + 10px);margin:-5px;border-radius:12px;background:#fff;}
.ep-tiles>div.tile-grow-grow{z-index:3;}
.ep-tiles>div.tile-grow-grow>div.tile-grow{height:auto;box-shadow:0 0 2em #dfebf3;z-index:3;}

/*.h1-create-button,div.h .h1-create-button.btn-ep{font:700 28px/34px sans-serif;text-align:center;padding:0;transition:transform .3s;border-radius:50%;width:38px;height:38px;border:3px solid #dfebf3;background:#4065ab;}*/
/*.h1-create-button:hover,.h1-create-button:focus,.h1-create-button:active{outline:none;transform:scale(1.1);background:#4065ab;}*/


a.bookmark{text-decoration:none;}
a.bookmark.bookmark-selected{}
h1 a.bookmark{position:absolute;display:block;width: 17px;height: 17px;text-align: center;margin: 15px 0 0 -37px;}
.modal h4 a.bookmark{float:right;margin-top:11px;}

/*
a.bookmark::before{content:"";display:block;width:17px;height:17px;background:url(../img/ico.bookmark.png) no-repeat 0 0;}
a.bookmark.bookmark-selected::before{background-position:-520px 0;}
*/
a.bookmark::before{content:"";display:block;width:18px;height:18px;background:url(../img/ico.bookmark.2.png) no-repeat 0 -18px;}
a.bookmark.bookmark-selected::before{background-position:0 0;}
.bookmark-disabled a.bookmark{display:none;}

div#bookmarks{display:none;user-select:none;}
@media(min-width:800px){div#bookmarks{display:block;}}
div#bookmarks{
    background: #e2ebf2;
    border: none;
    border-bottom-left-radius: 11px;
    border-top-left-radius: 11px;
    height: calc(100% - 10px);
    padding: 10px 0;
    position: fixed;
    right: -225px;
    top: 5px;
    width: 225px;
    z-index: 3500;
    transition: right 0.5s 0.4s;
    overflow: visible;
}
div#bookmarks.v:not(.ch),div#bookmarks:hover:not(.ch){right:0;z-index:3501;}
div#bookmarks ul { padding: 0; height: calc(100% - 35px); overflow-y: auto; overflow-x: visible; }
div#bookmarks ul li{list-style-type:none;margin:0;position:relative;padding:2px 0;}
div#bookmarks ul li>a{
    display: block;
    text-decoration: none;
    color: #515352;
    font-family: "Segoe UI",Lato,Verdana,sans-serif;
    font-size: 16px;
    position: relative;
    padding: 7px 60px 7px 28px;
    margin-top: -4px;
    min-height: 38px;
}
div#bookmarks ul li button[name=delete]{border:none;display:block;width:23px;height:22px;position:absolute;right:25px;top:calc(50% - 11px);padding:0;margin:0;background:transparent url("../img/clipboard-icons-sprite.png") no-repeat -142px -30px;}
div#bookmarks ul li>a:hover,div#bookmarks ul li>a:focus,div#bookmarks ul li>a:active,div#bookmarks ul li>a.active{color: #4f66a8;background: #d0dfea;}
div#bookmarks ul li>a.active>button[name=delete],div#bookmarks ul li>a.active+button[name=delete]{background-position: -142px 0;}
div#bookmarks ul li>a>span.border{
    display: inline-block;
    float: left;
    margin-right: 10px;
    min-height: calc(100% - 8px);
    width: 5px;
    background: #a2bdd2;
    position: absolute;
    border-radius: 3px;
    left: 14px;
    top: 4px;
}
div#bookmarks ul li>a:hover>span.border{border-color:#4f66a8;background:#4f66a8;}
div#bookmarks h6 {
    transform: rotate(90deg);
    position: absolute;
    transform-origin: right top 0;
    padding: 8px 0;
    margin: 0;
    width: 110px;
    text-align: center;
    border: none;
    left: -110px;
    top: 342px;
    overflow-x: visible;
    background: #e2ebf2;
    color: #515352;
    height: 34px;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
    font-family: "Segoe UI",Lato,Verdana,sans-serif;
    font-size: 14px;
}
div#bookmarks h6::before{content:url(../img/icon-bookmarks.png);vertical-align:-2px;margin-right:7px;}


ul.nav.nav-tabs>li.r-menu{float:right;margin:-4px 0 -4px 0;}
ul.nav.nav-tabs>li.r-menu>.dropdown>.dropdown-toggle{display:inline-block;min-width:41px;height:41px;text-align:center;padding:9px 5px;line-height:23px;}


/*
ul.nav.nav-tabs.nav-tabs-search-results{display:flex;}
ul.nav.nav-tabs.nav-tabs-search-results>li{flex:1 1 auto;}
ul.nav.nav-tabs.nav-tabs-search-results>li.r-menu{flex-grow:0;flex-shrink:0;}
ul.nav.nav-tabs.nav-tabs-search-results>li.disable{display:none;}

inna wersja:
ul.nav.nav-tabs.nav-tabs-search-results>li.disable,ul.nav.nav-tabs.nav-tabs-search-results>li.disable *{color:#ccc!important;opacity:.8;pointer-events:none;cursor:not-allowed;}
*/
ul.nav.nav-tabs.nav-tabs-search-results>li.disable{display:none;}
ul.nav.nav-tabs.nav-tabs-search-results .r-menu-items li.disable{display:none;}
ul.nav.nav-tabs li.scrolling-tabs-hidden{display:none;}

ul.nav.nav-tabs.nav-tabs-search-results span.badge{margin-left:.6ex;}


@keyframes dialogshowfs{from{transform:scale(0);}to{transform:scale(1);}}
.dialog-fs{animation-name:dialogshowfs;animation-duration:.3s;}

menu.menu-exercises{margin:0;padding:0;float:right;}
menu.menu-exercises div.dropdown{display:inline-block;vertical-align:top;}
menu .menu-button{/*width:32px;*/height:32px;display:inline-block;vertical-align:top;text-align:center;border:none;background:none;cursor:pointer;line-height:32px;padding:0;margin:0;}
menu .menu-button.disabled,menu .menu-button:disabled{opacity:.3;cursor:not-allowed!important;}
menu button[name=select].menu-button,menu button[name=select-unselect].menu-button{margin-right:1em;}
menu .menu-button:hover:not(.disabled):not(:disabled),menu .menu-button:focus:not(.disabled):not(:disabled),menu .menu-button:active:not(.disabled):not(:disabled){outline:none;background:#f7f7f7;}
menu .menu-button.menu-select{width:auto;border:1px solid #d7d7d7;padding:0 1ex;text-align:left;}

menu .dropdown-toggle, menu .dropdown-toggle:active, menu .dropdown-toggle:focus, menu .dropdown-toggle:hover {outline:none;border:none;}

menu.menu-exercises .menu-button, menu .menu-exercises-button {
    border-right: 1px solid #cfe1ec;
    padding: 0 8px;
}
menu.menu-exercises .menu-button:first-child{border-left:1px solid #cfe1ec;}

menu.menu-exercises .menu-button .menu-icon, menu .menu-exercises-button .menu-icon {
    background: url('../img/preview.icons.sprite.png?2') 0 center no-repeat;
    display: inline-block;
    height: 25px;
}
menu.menu-exercises .menu-button .menu-icon.icon-pdf{background-position:0 0;width:21px;}
menu.menu-exercises .menu-button .menu-icon.icon-print{background-position:-25px 0;width:20px;}
menu.menu-exercises .menu-button .menu-icon.icon-dictionary{background-position:-50px 0;width:23px;}
menu.menu-exercises .menu-button .menu-icon.icon-addboard{background-position:-75px 0;width:20px;}
menu.menu-exercises .menu-button .menu-icon.icon-remove{background-position:-100px 0;width:23px;}
menu.menu-exercises .menu-button .menu-icon.icon-clipboard{background-position:-125px 0;width:19px;}
menu.menu-exercises .menu-button .menu-icon.icon-doexercise{background-position:-150px 0;width:20px;}
menu.menu-exercises .menu-button .menu-icon.icon-addlessons{background-position:-175px 0;width:19px;}
menu.menu-exercises .menu-button .menu-icon.icon-transcript{background-position:-200px 0;width:20px;}
menu.menu-exercises .menu-button .menu-icon.icon-error{background-position:-225px 0;width:20px;}
menu.menu-exercises .menu-button .menu-icon.icon-share{background-position:-250px 0;width:15px;}
menu.menu-exercises .menu-button .menu-icon.icon-notes{background-position:-275px 0;width:17px;}
menu.menu-exercises .menu-button .menu-icon.icon-keyboard{background-position:-300px 0;width:29px;}
menu.menu-exercises .menu-button .menu-icon.icon-preview{background-position:-340px 0;width:27px;}
menu.menu-exercises .menu-button .menu-icon.icon-select{background-position:-375px 0;width:22px;}
menu.menu-exercises .menu-button .menu-icon.icon-expand{background-position:-476px 0;width:22px;}
menu.menu-exercises button[name=toggle-alt][value=hide].menu-button .menu-icon.icon-expand{background-position:-476px -25px;}

.menu-filter-button{margin-top:7px;}
.menu-filter-button .menu-icon.icon-filter{
    background: url('../img/preview.icons.sprite.png?2') -425px 0 no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}
.menu-filter-button .menu-icon.icon-filter.filter-on{background-position:-450px 0;}

.preview-list menu {
    height: 100%;
    display: inline-block;
    top: 0;
}
.preview-list .parent-h {
    height: 126px;
}
.preview-list .parent-h.sub-level {
    height: 115px;
}
.preview-list .parent-h:hover {
    background: #f3f7fa;
}
.preview-list .parent-h td {
    position: relative;
}
.preview-list .parent-h .excersize-name-icons {
    display: none;
    position: absolute;
    right: 0;
}
.preview-list .parent-h:hover .excersize-name-icons{display:inline-block}
.preview-list .parent-h .excersize-name-icons {
    display: none;
    height: 30px;
    position: absolute;
    right: 30px;
    top: calc(50% - 15px);
    width: 150px;
}
@media screen and (max-width: 1350px) {
    /*
problemy https://test.e-polish.eu/lektor/#nauczanie/online/do-przeprowadzenia
    .preview-list .parent-h .excersize-name-icons {
        top: 90px;
    }
*/
}
button.row-menu-icon{border:none;}
.preview-list .parent-h:hover .excersize-name-icons {display: inline-block;}
.preview-list .parent-h:hover .excersize-name-icons .row-menu-icon,.row-menu-icon {
    background: url('../img/bg.exercises.row.icons.png?5') 0 0 no-repeat;
    display: inline-block;
    float: left;
    height: 29px;
    margin-left: 8px;
    width: 29px;
}
.ring-btn>.row-menu-icon{margin:0;}

.preview-list .parent-h .excersize-row-icons, .form-group .excersize-row-icons {display:inline-block;margin-top: 2px;}
.preview-list .parent-h .excersize-row-icons .row-menu-icon, .form-group .control-label+.excersize-row-icons .row-menu-icon {
    background: url('../img/bg.exercises.row.icons.png?5') 0 0 no-repeat;
    display: inline-block;
    height: 23px;
    width: 29px;
}
.form-group .control-label+.excersize-row-icons .row-menu-icon {
    display: block;
    float: left;
    margin: -3px 0 0 5px;
}

.preview-list .parent-h:hover .excersize-name-icons .row-menu-icon.icon-audio2{background-color:#a2bdd2;width:29px;height:29px;border-radius:50%;margin-top:0;}

.row-menu-icon.icon-none{background-position:0 -90px !important;}
.row-menu-icon.icon-ustawienia{background-position:0 0 !important;}
.row-menu-icon.icon-webizz{background-position:0 -30px !important;}
.row-menu-icon.icon-schowek{background-position:0 -60px !important;}
.row-menu-icon.icon-drukuj,.row-menu-icon.icon-print{background-position:0 -330px !important;}
.row-menu-icon.icon-audio-with-all{background-position:0 -120px !important;margin-top:5px;}
.row-menu-icon.icon-audio{background-position:0 -120px !important;height:19px!important;margin-top:2px;}
.row-menu-icon.icon-audio-2{background-position:-30px -120px !important;}
.row-menu-icon.icon-info{background-position:0 -150px !important;}
.row-menu-icon.icon-pomoc{background-position:0 -180px !important;}
.row-menu-icon.icon-game{background-position:0 -210px !important;}
.row-menu-icon.icon-lesson{background-position:0 -240px !important;}
.row-menu-icon.icon-dodaj{background-position:0 -270px !important;}
.row-menu-icon.icon-dodaj-2{background-position:-30px -270px !important;}
.row-menu-icon.icon-usun{background-position:0 -390px !important;}
.row-menu-icon.icon-pdf{background-position:0 -300px !important;}
.row-menu-icon.icon-planuj{background-position:0 -420px !important;}
.row-menu-icon.icon-rozpocznij{background-position:0 -360px !important;}
.row-menu-icon.icon-zmien-termin{background-position:0 -420px !important;}
.row-menu-icon.icon-wyslij-link{background-position:0 -90px !important;}
.row-menu-icon.icon-dictionary{background-position:0 -450px !important;}
.row-menu-icon.icon-edit{background-position:0 -480px !important;}
.row-menu-icon.icon-wyslij-link{background-position:0 -510px !important;}

.preview-list .parent-h:hover .excersize-name-icons .child-h {display: inline-block;float:right;margin-left:8px;}

.preview-list .parent-h a[rel="preview"]:not(.link-inline),
table td .preview-img{
    position: absolute;
    left: 70px;
}
.preview-list .parent-h .sub-level-arrow+a[rel="preview"] {
    left: 100px;
}
.preview-list .parent-h .sub-level-arrow.sub-level-arrow-lesson {
    left: 20px;
}
.ring-btn.menu-exercises-button {
    background: none;
}
.ring-btn.menu-exercises-button.select {
    height: 25px;
    left: 22px;
    position: absolute;
    top: calc(50% - 15px);
    width: 22px;
    padding: 0;
}
menu .menu-exercises-button .menu-icon.icon-select{background-position:-400px 0;width:22px;}
menu .menu-exercises-button.selected .menu-icon.icon-select{background-position: -375px 0;}

img.exercise-preview {
    border: 1px solid #bdd3e2;
    box-sizing: content-box;
}

div.preview-frame{position:relative;}
div.preview-frame::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:20px solid #a9c2d6;border-width:20px;border-image:url(../img/frame-2.svg);border-image-slice:50%;}
stop img.dictionary-preview{margin:0;box-sizing:content-box;border:20px solid #a9c2d6;border-width:20px;border-image:url(../img/frame-2.svg);border-image-slice:50%;border-image-repeat:repeat;}


a[rel="show-alt"], a[rel="hide-alt"], a[rel="show-variants"], a[rel="hide-variants"]{color: #a2bdd2;}
a[rel="show-alt"]>.show-icon, a[rel="hide-alt"]>.show-icon, a[rel="show-variants"]>.show-icon, a[rel="hide-variants"]>.show-icon{height: 24px;}
a[rel="show-alt"]:hover, a[rel="hide-alt"]:hover{text-decoration: none;}
a.alt-hidden:before, a[rel=show-alt]:before, a.alt-visible:before, a[rel=hide-alt]:before{content:unset;}
.preview-list .sub-level-arrow {
    background: url('../img/bg.exercises.arrow.png') left center no-repeat;
    display: inline-block;
    float: left;
    height: 100%;
    left: 70px;
    position: absolute;
    top: 0;
    width: 25px;
}

/*.r-menu .menu-filter-button+ul>li>a.no-icon{padding: 0 10px 0 46px;}*/
.r-menu .dropdown-menu2{min-width:385px;top:40px;}
.no-icon>.glyphicon {
    background: url('../img/dropdown-icons-sprite.png?6') -10px 0 no-repeat;
    color: #515352;
    display: inline-block;
    float: left;
    height: 38px;
    line-height: 38px !important;
    width: 35px;
}
.no-icon>.glyphicon.glyphicon-ok{background-position:-10px -608px;}
.no-icon>.glyphicon.glyphicon-ok::before{content: unset;}

.filter-container {
    float: right;
    margin-right: 0;
}
.filter-container>.filter-name {
    background: #ecf2f6;
    border-radius: 19px;
    display: inline-block;
    float: right;
    height: 39px;
    line-height: 38px;
    margin-right: 10px;
    padding: 0 15px 0 20px;
}
.filter-container>.filter-name>.remove {
    background: url(../img/info-line.icons.png) -25px 0 no-repeat;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 25px;
    margin: 9px 0 0 10px;
    width: 25px;
}



/*ul.multi-column-dropdown{padding:0;margin:0;list-style-type:none;}
.dropdown-menu-item{display:block;}
.dropdown-menu-item>a{display:block;padding:.2ex 22px;color:#777;text-decoration:none;}
.dropdown-menu-item>a:focus,.dropdown-menu-item>a:hover,.dropdown-menu-item>a:active{color:#fff;text-decoration:none;outline:none;box-shadow:none;background:#0ab2d0;}*/

button.exercise-preview-navigation[name=previous],button.exercise-preview-navigation[name=next]{position:absolute;border:none;height:150px;width:80px;padding:0;margin:auto 0;top:0;bottom:0;cursor:pointer;}
button.exercise-preview-navigation[name=previous]:hover,button.exercise-preview-navigation[name=next]:hover,button.exercise-preview-navigation[name=previous]:focus,button.exercise-preview-navigation[name=next]:focus,button.exercise-preview-navigation[name=previous]:active,button.exercise-preview-navigation[name=next]:active{outline:none;box-shadow:none;}
button.exercise-preview-navigation[name=previous]{background: url('/static/images/preview.arrow.left.png') 15px 50% no-repeat;left:0;}
button.exercise-preview-navigation[name=next]{background: url('/static/images/preview.arrow.right.png') 0 50% no-repeat;right:0;}

/***** MODAL *****/

.modal.epolish .modal-header {
    overflow: visible;
}
.modal.epolish h4 {
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    height: 100%;
    line-height: 83px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    text-overflow:ellipsis;
    /*overflow:hidden;*/
}
.modal.epolish h4>.epolish-logo,.modal.epolish .modal-header>.epolish-logo {
    background: url('../img/header-logo-epolish.png') 0 0 no-repeat;
    bottom: -23px;
    display: block;
    height: 58px;
    left: 35px;
    position: absolute;
    width: 148px;
    z-index: 1;
}
.modal.epolish .modal-header {
    border-bottom: 1px solid #dadde8;
    height: 84px;
}
.modal.epolish h4 a.bookmark{float:right;margin-top:32px;}
.modal.epolish .modal-body {
    background: #ffffff;
    padding-top: 48px;
}
.modal.epolish.modal-no-padding .modal-body{padding:0;z-index:0;}
.modal.epolish .nav.nav-tabs {
    padding-left: 48px;
    font-family: "Segoe UI",Lato,Verdana,sans-serif;
    margin-left: -15px;
}
.modal.epolish .modal-fs menu {
    margin: 0 90px 0 0 !important;
}
.modal.epolish .modal-lg menu {
    margin: 0 90px 0 0 !important;
}
.modal.epolish .scroll-content {
    padding-top: 15px;
}

.modal.epolish.epolish-student h4>.name,
.modal.epolish.epolish-grupa h4>.name,
.modal.epolish.epolish-znajomy h4>.name {
    border-left: 2px dotted #95afcb;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    margin: 0 0 0 10px;
    padding-left: 9px;
    position: relative;
    top: -10px;
    text-align:left;
}

.modal.epolish.epolish-student h4>.name span.dot,
.modal.epolish.epolish-grupa h4>.name span.dot,
.modal.epolish.epolish-znajomy h4>.name span.dot{display:inline-block;background:#95afcb;width:.4em;height:.4em;vertical-align:.06em;border-radius:50%;}


.modal.epolish.epolish-student h4>.name>.student,
.modal.epolish.epolish-grupa h4>.name>.grupa {
    color: #a2bdd2;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding-left: 25px;
    padding-top: 3px;
}
.modal.epolish.epolish-student h4>.name>.student {
    background: url('../img/h4.icon.student.png') 0 6px no-repeat;
}
.modal.epolish.epolish-grupa h4>.name>.grupa {
    background: url('../img/h4.icon.grupa.png') 0 6px no-repeat;
}
.modal.epolish.epolish-znajomy h4>.name>.znajomy {
    color: #a2bdd2;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
}

.modal.epolish.epolish-student h4>img.avatar,
.modal.epolish.epolish-grupa h4>img.avatar,
.modal.epolish.epolish-znajomy h4>img.avatar {
    border-radius: 50%;
    position: relative;
    top: 0;
}


.info-value .editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    height: 100%;
    width: 100%;
}
.info-value .editable-container.editable-inline form.form-inline.editableform div.form-group {
    margin: 0;
    width: 100%;
}
.info-value .editable-container.editable-inline form.form-inline.editableform div.form-group .editable-input {
    vertical-align: top;
    display: inline-block;
    white-space: normal;
    zoom: 1;
    width: calc(100% - 80px);
}
.info-value .editable-container.editable-inline form.form-inline.editableform div.form-group .editable-input .form-control {
    width: 100%;
}

.column-title {
    margin-bottom: 10px;
}
.column-title.title-lekcje-online {
    background: url('../img/column.title.lekcje-online.png') center center no-repeat;
    height: 70px;
}

.column-title.title-testy {
    background: url('../img/column.title.testy.png') center center no-repeat;
    height: 77px;
}

.student-qa {
    border-bottom: 2px solid #e1ecf4;
    margin: 0 20px;
    padding: 7px 0;
}
.student-qa:first-child {
    border-top: 2px solid #e1ecf4;
}
.student-qa>.q {
    color: #515352;
}
.student-qa>.a {
    color: #4d65a7;
}

table.table-new .tab-prev-page span .prev-page, table.table-new .tab-next-page span .next-page {
    background: url(../img/bg.page.prev.next.png) 0 0 no-repeat;
    display: block;
    height: 22px;
    position: relative;
    top: 10px;
    width: 22px;
}
table.table-new .tab-prev-page span {
    display: block;
    float: right;
    height: 42px;
    margin: 0;
    padding: 0;
    width: 42px;
}
table.table-new .tab-next-page span {
    border-left: 2px dotted #acc4d7;
    display: block;
    height: 42px;
    margin: 0;
    padding: 0;
    width: 42px;
}

table.table-new .tab-prev-page span .prev-page {
    left: 10px;
}
table.table-new .tab-next-page span .next-page {
    background-position: -22px 0;
    left: 10px;
}
table.table-new th.student-title {
    color: #515352;
    table-layout: fixed;
}
table.table-new>tbody>tr:not(.no-hover):hover {
    background-color: #f3f7fa;
}
table.table-new tr>th {
    border-bottom: 2px solid #dfebf3;
    color: #a8c1d5;
    padding: 6px 5px;
    position: relative;
    text-transform: uppercase;
}

table.table-new tr>th>.border-thick-100, .border-thick-100 {
    position: absolute;
    display: inline-block;
    height: 4px;
    border: 2px solid #a2bdd2;
    border-radius: 2px;
    background: #a2bdd2;
    bottom: -3px;
    left: 5px;
    width: 100px;
}
table.table-new tr>th>.border-thick-128, .border-thick-128 {
    position: absolute;
    display: inline-block;
    height: 4px;
    border: 2px solid #a2bdd2;
    border-radius: 2px;
    background: #a2bdd2;
    bottom: -3px;
    left: 5px;
    width: 128px;
}
table.table-new tr>th>.border-thick-170, .border-thick-170 {
    position: absolute;
    display: inline-block;
    height: 4px;
    border: 2px solid #a2bdd2;
    border-radius: 2px;
    background: #a2bdd2;
    bottom: -3px;
    left: 5px;
    width: 170px;
}
table.table-new>tbody>tr>td,
table.table-new .header td, table .header th,
table.table-new tr.header>td,
table.table-new tr.header>th {
    padding: 9px 5px;
}

table.table-new .header td>.colapse-state,
table.table-new .header th>.colapse-state {
    background: url('../img/categories.sprite.expand.png') 0 0 no-repeat;
    display: inline-block;
    float: left;
    height: 35px;
    margin: 0 17px;
    width: 50px;
}
table.table-new .header.collapsed td>.colapse-state,
table.table-new .header.collapsed th>.colapse-state {
    background-position: 0 -35px;
}

table.table-search-results .header>*>.colapse-state{display:inline-block;height:35px;width:50px;background:url('../img/categories.sprite.expand.png') 0 0 no-repeat;vertical-align:middle;margin:0 11px 0 0;}
table.table-search-results .header.collapsed>*>.colapse-state{background-position:0 -35px;}

.table-new td.student {
    position: relative;
}
.table-new td.student div.student {
    border-left: 2px dotted #a6c0d4;
    bottom: 20px;
    display: block;
    padding: 0 0 0 12px;
    position: absolute;
    top: 20px;
    width: calc(100% - 12px);
}
.table-new td.student div.student .info-line-icon.icon-warning {
    display: inline-block;
    float: left;
    margin-left: 10px;
    position: relative;
}

/*** zerowanie styli dla table .header [itd] w style.css ***/
table.table-new .header td:first-child::before,
table.table-new .header th:first-child::before {
    content: unset;
}
table.table-new .header td:first-child, table.table-new .header th:first-child {
    line-height: 32px;
    padding-left: 0 !important;
    text-indent: 0;
}
/*^^ zerowanie styli dla table .header [itd] w style.css ^^*/

.student-proponowane-kursy>a {
    display: block;
}

.table-new .exercise-preview {
    border: 1px solid #7ca3c7;
    margin-left: 96px;
}

.table-new .test-label {
    color: #a8c1d5;
    display: inline-block;
    float: left;
    width: 87px;
    clear: left;
}

.table-new .student-title>a {
    border-left: 2px dotted #acc4d7;
    display: inline-block;
    padding-left: 10px;
    position: relative;
}
th.student-title:last-child>a {
    border-right: 2px dotted #acc4d7;
}
.table-new .student-title>a>img.avatar {
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 33px;
    margin-top: 5px;
    vertical-align: middle;
    width: 33px;
}
.table-new .student-title>a>.name {
    color: #5068a9;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    max-height: 43px;
    max-width: calc(100% - 43px);
    overflow: hidden;
    text-transform: none;
}

.icons-in-row-with-borders {
    display: inline-block;
    padding: 0 8px;
    border-right: 1px solid #cfe1ec;
}
.icons-in-row-with-borders:last-child{border-right:none;}

.notification-row {
    border-bottom: 2px solid #e1ecf4;
    min-height: 81px;
}
.notification-row:first-child{border-top: 2px solid #e1ecf4;}
.notification-row:hover{background-color:#f3f7fa;}

.notification-row .button { line-height: 25px;     padding-left:1em;
    padding-right:1em;
}
.row.notification-row>.notification-type {
    line-height: 20px;
    margin-top: 16px;
}

.notification-row>.notification-info {
    border-left: 2px dotted #e1ecf4;
    height: 47px;
    margin: 16px 0;
}
.notification-row>.notification-info>a.student {
    background-position: 0 16px;
    color: #5068a9;
    display: inline-block;
    line-height: 47px;
    padding-left: 25px;
    height: 47px;
}
.notification-row>.notification-info>.email {
    display: inline-block;
    float: right;
    height: 16px;
    margin: 16px 8px 0 0;
    width: 36px;
}

.notification-row>.notification-buttons { padding-top: 24px; }

.notification-row p.subtitle{margin:0;font-size:80%;padding:0 0 0 79px;}




/***** IKONY *****/

.icon-email {display:inline-block;width:36px;height:16px;background:url('../img/icon-email.png') left top no-repeat;}

.info-line-icon {
    background: url(../img/info-line.icons.png) 0 0 no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.info-line-icon.icon-remove{background-position:-25px 0;}
.info-line-icon.icon-euro{background-position:-50px 0;}
.info-line-icon.icon-test{background-position:-75px 0;}
.info-line-icon.icon-warning{background-position:-100px 0;}
.info-line-icon.icon-timer{background-position:-125px 0;}

.notification-icon {
    background: url('../img/notifications.icons.type.png?3') 0 0 no-repeat;
    display: inline-block;
    float: left;
    height: 47px;
    margin: 0 16px;
    width: 47px;
}
.notification-icon.icon-student-payment{background-position:-47px 0;}
.notification-icon.icon-order{background-position:-94px 0;}
.notification-icon.icon-subscription{background-position:-141px 0;}
.notification-icon.icon-homework{background-position:-188px 0;}
.notification-icon.icon-warning{background-position:-235px 0;}
.notification-icon.icon-lessons{background-position:-235px 0;}

.s-icon-dark {
    background: url('../img/student.icon.dark.png') 0 0 no-repeat;
    padding-left: 25px;
}



/***** FORMATOWANIE LINII INFORMACJI *****/

.info-line {
    background: #f4f7fa;
    line-height: 27px;
    min-height: 39px;
    padding: 6px 0;
    position: relative;
}
.info-line>.info-label {
    color: #515352;
    display: inline;
    float: left;
}
.info-line>.info-label>.info-line-label {
    display: inline-block;
    float: left;
    width: calc(100% - 35px);
}
.info-line>.info-value {
    border-left: 2px dotted #a5bfd3;
    color: #4d65a7;
    display: inline;
    float: left;
    min-height: calc(100% - 12px);
    position: absolute;
}
.info-line>.info-value-long {
    min-height: calc(100% - 12px);
    position: unset!important;
}
.info-line>.info-value>.short-info {
    display: inline-block;
    width: 100%;
}
.info-line>.info-value>.short-info>.expand {
    background: url('../img/student.icon.expand.png') center center no-repeat;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 27px;
    width: 20px;
}
.info-line>.info-value>.long-info {
    display: none;
}
.info-line>.info-value>.student-group {
    display: inline-block;
    width: 100%;
}
.info-line>.info-value .student-group>a:first-child {
    display: inline-block;
    width: calc(100% - 30px);
}
.info-line>.info-value .student-group>a:last-child {
    background: url('../img/info-line.icons.png') -25px 0 no-repeat;
    display: inline-block;
    float: right;
    height: 23px;
    width: 24px;
}
.info-line>.info-value>a.editable {
    border: none !important;
    display: block !important;
    height: 100%;
    padding-right: 25px;
    width: 100%;
}
.info-line>.info-value>a.editable:hover {
    background: url(../img/icon.edit.png) right 4px no-repeat;
}
.info-line>.info-value>a.editable.editable-open {
    display: none !important;
}
.editable-buttons>button {
    background: url('../img/editable.buttons.png') 0 0 no-repeat;
    display: inline-block;
    height: 27px;
    width: 27px;
}
.editable-buttons>button.editable-cancel {
    background-position: -27px 0;
    margin-right: 8px;
}
.editable-buttons>button:hover,.editable-buttons>button:active,.editable-buttons>button:focus {
    background-color: transparent !important;
    background-image: url(../img/editable.buttons.png) !important;
    border: none !important;
    outline: none !important;
}
.editable-buttons>button>*{display:none!important;}



/***** MENU LEKTORA *****/

#lector-menu {
    border-bottom: 5px solid #4f66a8;
    border-radius: 0;
    padding: 0;
}
#lector-menu .lector-info {
    background: #ffffff;
    color: #5068a9;
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
#lector-menu .lector-info>.name {
    color: #5068a9;
    font-size: 20px;
    font-weight: 600;
}
#lector-menu .lector-logout {
    background: #ffffff;
    padding: 10px 0;
    text-align: center;
}
#lector-menu .lector-logout>.button {
    margin-bottom: 0;
}


/***** TABELA ODMIAN *****/

form.form-dictionary {
    border: none;
    background: #f4f7fa;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    overflow: unset !important;
    overflow-x: unset !important;
}
form.form-dictionary input[name=search] {border:1px solid #77d0e0; border-right:none;height:41px;border-radius:0;}
form.form-dictionary button[name=search-button],#content form.form-dictionary button[name=search-button] {
    background: #ffffff url(../img/bg.input.search.png) right center no-repeat;
    border: none;
    border-bottom-right-radius: 21px;
    border-top-right-radius: 21px;
    display: inline-block;
    float: left;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 10px;
    width: 42px;
}
form.form-dictionary button[name=keyboard-button],#content form.form-dictionary button[name=keyboard-button] {border:1px solid #77d0e0; border-left:none;border-right:none;height:41px;border-radius:0;background:#fff url(../img/menu_keyboard.png) no-repeat center;width:40px;}
form.form-dictionary button[name=keyboard-button]:active,#content form.form-dictionary button[name=keyboard-button]:active,form.form-dictionary button[name=keyboard-button]:focus,#content form.form-dictionary button[name=keyboard-button]:focus{box-shadow:none;outline:none;}
form.form-dictionary p, form.form-dictionary h3 {color: #a2bdd2; font-size: 14px;}
.page-dictionary .language-group {display:flex;flex-direction:row;justify-content:space-between;}
.page-dictionary label.lang {margin:0;padding:0;}
.page-dictionary label.lang input[type=radio] {display:none;}
.page-dictionary label.lang input[type=radio]+span {color:#0ab2d0;background:#fff;display:inline-block;width:38px;height:33px;border:1px solid #77d0e0; text-align:center;text-transform:uppercase;font: 14px Lato,Verdana,sans-serif;font-weight: 400;line-height:31px;}
.page-dictionary label.lang input[type=radio]:checked+span {/*color:#fff;background:#0ab2d0;*/font-weight: bold;border-width: 2px;line-height: 29px;}
form.form-dictionary-suggestions {background:#f4f7fa;border:none;overflow:unset !important;overflow-x:unset !important;}
.container-content form.form-dictionary-suggestions {background:none;}
.container-content form.form-dictionary-suggestions span.b {float:left;}
form.form-dictionary-suggestions.form-dictionary-suggestions-dialog{border:none;margin:0;}
form.form-dictionary-suggestions h3 {margin:0;padding:15px;font-size: 14px;color:#a2bdd2;font-weight: 400;text-transform:uppercase;}
form.form-dictionary-suggestions p {font-size: 14px;color:#a2bdd2;}
form.form-dictionary-suggestions fieldset{background:#f4f7fa;border:none;margin-top: -25px;padding:25px 0 0 0;position:unset;}
form.form-dictionary-suggestions fieldset+fieldset{border-top:1px solid #d4d5d7;}
form.form-dictionary-suggestions fieldset legend{
    border: none;
    border-bottom: 2px solid #e0ecf3;
    color: #a8c1d5;
    display: block;
    font-weight: 700;
    padding: 50px 0 10px 15px;
    position: relative;
    text-transform: uppercase;
}
form.form-dictionary-suggestions label{font: 15px Lato,Verdana,sans-serif;color:#434343;font-weight:700;}
form.form-dictionary-suggestions ul {list-style-type:none;padding:0 15px;}
form.form-dictionary-suggestions ul li{clear:both;margin: 0;border-bottom: 2px solid #e0ecf3;min-height: 40px;line-height: 38px;}
form.form-dictionary-suggestions ul li:last-child{border-bottom:none;}
form.form-dictionary-suggestions span.b{float:right;width:100px;height:38px;overflow:hidden;position:relative;text-align:center;font: 12px Lato,Verdana,sans-serif;color:#434343;font-weight: 400;display: inline-block;}
form.form-dictionary-suggestions span.b input.vote{border:1px solid #838383;width:17px;height:17px;text-align:center;line-height:15px;color:#838383;background:transparent;padding:0;}

form.form-dictionary-suggestions span.b input.vote{
    background:url('../img/bg.votes.png') 0 0 no-repeat;
    border: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    color: #a9c2d5;
    font-size: 15px;
    font-weight: 600;
    padding-left: 20px;
}
form.form-dictionary-suggestions span.b input.vote.plus {background-position:0 -5px;left:0;}
form.form-dictionary-suggestions span.b input.vote.plus.not-zero{background-position:0 -45px;color:#865fa0;}
form.form-dictionary-suggestions span.b input.vote.minus{background-position:0 -80px;right:0;}
form.form-dictionary-suggestions span.b input.vote.minus.not-zero{background-position:0 -120px;color:#c83a45;}

/*form.form-dictionary-suggestions span.b input.add{width:100%;height:19px;background:#0ab2d0;border:none;border-radius:0;color:#fff;}*/

form.form-dictionary-suggestions div.input-placer { padding: 0 15px; }

form.form-dictionary-suggestions input[name=translation],form.form-dictionary-suggestions input[name=example]{
    background: #ffffff url('../img/bg.input.suggestion.png?1') 0 0 no-repeat;
    border: 1px solid #cbdae6;
    border-right: none;
    display: inline-block;
    float: left;
    height: 41px;
    padding: 0 10px 0 68px;
    width: calc(100% - 52px);
}
form.form-dictionary-suggestions input[name=example]{background-position: 0 -45px;}
form.form-dictionary-suggestions input[name=translation]:active,form.form-dictionary-suggestions input[name=example]:active,form.form-dictionary-suggestions input[name=translation]:focus,form.form-dictionary-suggestions input[name=example]:focus{outline:none;}
.form-dictionary .form-control[name="search"] {
    background: #ffffff;
    border: none;
    border-bottom-left-radius: 21px;
    border-top-left-radius: 21px;
    display: inline-block;
    float: left;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 15px;
    width: calc(100% - 107px);
}
form.form-dictionary-suggestions input[name=translation]+input.add,form.form-dictionary-suggestions input[name=example]+input.add {
    background: #ffffff url('../img/bg.input.suggestion.png?1') 0 -90px no-repeat;
    border: 1px solid #cbdae6;
    border-left: none;
    display: inline-block;
    float: left;
    height: 41px;
    padding: 0;
    width: 51px;
}
.dropdown.select-language {
    background: url('../img/bg.language.dropdown.png') right 0 no-repeat;
    display: inline-block;
    float: right;
    height: 26px;
    margin-top: 8px;
    width: 44px;
}
.dropdown.select-language[aria-expanded="true"] {
    background-position: right -26px;
}
.dropdown.select-language>.flag {
    border: 2px solid #a2bdd2;
    border-radius: 50%;
    display: inline-block;
    height: 26px;
    width: 26px;
}
.dropdown-menu-select-language {
    display: none;
    position: absolute;
    right: -5px;
    top: 45px;
}
div.modal-dialog .open .dropdown-menu-select-language {
    position: absolute;
    top: 40px;
}
.dropdown-menu-select-language>li {
    display: inline;
    float: left;
    width: 26px;
    overflow: hidden;
    height: 26px;
    margin-right: 9px;
}
.dropdown-menu-select-language>li:first-child {
    margin-left: 9px;
}
.dropdown-menu-select-language>li>a {
    display: inline-block;
    height: 26px;
    width: 26px;
    border: 2px solid #a2bdd2;
    border-radius: 50%;
    padding: 0;
}
.dropdown-menu-select-language>li>a:hover {
    text-decoration: none;
}

.flag { background-image: url('../img/bg.language.flag.png') !important; background-repeat: no-repeat; }
.flag-icon {
    background-position-x: 0 !important;
    display: inline-block;
    float: left;
    height: 26px;
    margin: 6px 5px 0 0;
    width: 37px;
}
.flag.flag-pl { background-position: -7px -2px; }
.flag.flag-ar { background-position: -7px -32px; }
.flag.flag-de { background-position: -7px -62px; }
.flag.flag-en { background-position: -7px -92px; }
.flag.flag-es { background-position: -7px -122px; }
.flag.flag-fr { background-position: -7px -152px; }
.flag.flag-it { background-position: -7px -182px; }
.flag.flag-ru { background-position: -7px -212px; }
.flag.flag-ua { background-position: -7px -242px; }



.nav.nav-tabs>li:not(.r-menu)>.dropdown>.dropdown-toggle {
    background: url('../img/bg.language.dropdown.png') 7px -2px no-repeat;
    display: inline-block;
    float: right;
    height: 26px;
    margin-top: 8px;
    width: 32px;
}
.nav.nav-tabs>li>.dropdown>.dropdown-toggle[aria-expanded="true"] {
    background-position: 7px -28px;
}



.page-dictionary h3 {
    font-size: 34px;
    color: #4d65a7;
    font-weight: 600;
    margin-bottom: 3px;
}
.page-dictionary h3.translation{color:#0c7f94;margin-top:19px;margin-bottom:-2px;}
.page-dictionary h3.translation .te-menu-icon-bookmark{vertical-align: baseline;}
.page-dictionary p.example {font: 20px Dosis,Verdana,sans-serif;color:#434343;font-weight:400;}
.page-dictionary p.grammar {color:#a2bdd2;margin:0;}
.page-dictionary p.synonyms, .page-dictionary p.antonyms {color:#244e6f;margin:10px 0 0;padding-left:25px;position:relative;}
.page-dictionary p.synonyms a, .page-dictionary p.antonyms a{color:inherit;}
.page-dictionary p.antonyms{margin-top:10px;background-position:0 -18px;}
.page-dictionary p.categories {color:#678cad;display:inline-block;font-weight:600;margin:0;position: relative;padding-left: 40px;}
.page-dictionary p.categories>.dict-bg {background-position: 0 -60px; display: inline-block;float: left;height: 24px;width: 40px;}
.page-dictionary p.categories span.categories-contents {display: inline-block;float: left;}
.page-dictionary p.categories span.categories-contents>a {color:#678cad;font-size:14px;font-style:normal;font-weight:600;text-decoration:none;text-transform:uppercase;}
.dict-bg {
    background: url(../img/bg.dictionary.png) 0 3px no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    display: inline-block;
}
.page-dictionary p.antonyms .dict-bg {background-position:0 -17px;}
.page-dictionary .special-word {
    display: inline-block;
    height: 40px;
    margin-top: -5px;
    width: 630px;
}
.page-dictionary .special-word:first-child {
    margin-top: 10px !important;
}
.page-dictionary .special-word:last-child {
    margin-bottom: 10px !important;
}
.page-dictionary .special-word .word {
    background: #f4f7fa;
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 40px;
    width: 545px;
}
.page-dictionary .special-word.example .word {
    background: #ffffff;
    border-bottom: 2px solid #f0f6f9;
}
.page-dictionary .special-word .word .flag {
    display: inline-block;
    float: left;
    margin: 7px 15px;
    height: 26px;
    width: 26px;
    border: 2px solid #a2bdd2;
    border-radius: 50%;
}
.page-dictionary .special-word .word .contents {
    border-left: 2px dotted #b1c7d9;
    color: #4e66a8;
    display: inline-block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 7px 0;
    padding: 0 10px;
    width: calc(100% - 56px);
}
.page-dictionary .special-word.example .word .contents {
    color: #515352;
    border-left: none;
    font-weight: normal;
    width: 100%;
}

.page-dictionary .special-word .ocen {
    color: #ced8e2;
    display: inline-block;
    float: right;
    font-size: 14px;
    height: 100%;
    line-height: 18px;
    text-align: right;
    width: 75px;
}
.page-dictionary .special-word .ocen:hover {
    text-decoration: none;
}
.page-dictionary .special-word .ocen .goto {
    background: url('../img/bg.ocen.goto.png') right center no-repeat;
    display: inline-block;
    float: right;
    height: 40px;
    width: 15px;
}

.page-dictionary .no-special-word {
    color: #4d65a7;
    font-weight: 600;
}
.page-dictionary .no-special-word img {
    display: inline-block;
    margin-left: 5px;
}

form[name="add-suggestion"], form[name="add-example"] {
    width: 545px;
}
form[name="add-suggestion"] input[name="suggestion"], form[name="add-example"] input[name="suggestion"] {
    background: #ffffff url('../img/bg.input.suggestion.png?1') 0 0 no-repeat;
    border: 1px solid #cbdae6;
    border-right: none;
    display: inline-block;
    float: left;
    height: 41px;
    padding: 0 10px 0 68px;
    width: 410px;
}
form[name="add-example"] input[name="suggestion"]{background-position: 0 -45px;}
form[name="add-suggestion"] .button-placer, form[name="add-example"] .button-placer {
    border: 1px solid #cbdae6;
    display: inline-block;
    border-left: none;
    height: 41px;
    width: 135px;
    text-align: center;
    padding-top: 4px;
}




.page-dictionary p.categories a,.page-dictionary p.categories a:hover {color:inherit;font-family:"Segoe UI",Lato,Verdana,sans-serif;text-decoration:inherit;}
.page-dictionary img.img {margin:15px 0 15px 15px;}
.page-dictionary table.grammar {width:100%;border:none;margin:0 0 25px;font: 14px Lato,Verdans,sans-serif;color: #434343;font-weight: 400;table-layout:unset;}
.page-dictionary table.grammar caption {border:1px solid #c1c1c1;border-bottom:0;padding:12px 16px;margin:0;background:#f1f1f1;font: 16px Dosis,Verdana,sans-serif;color: #353535;font-weight: 500;text-transform:uppercase;}
.page-dictionary table.grammar.selected caption{background:#ffffff;border-top:none;border-left:none;border-right:none;}
.page-dictionary table.grammar td,.page-dictionary table.grammar th{background:#f4f7fa;border:none;min-height:31px;padding:12px 16px;vertical-align:middle;position: relative;color:#a8c1d5;font-weight:normal;}
.page-dictionary table.grammar tr td{border-bottom:2px dotted #a6c0d4;}
.page-dictionary table.grammar tr:last-child td{border-bottom:none;}
.page-dictionary table.grammar tr td.header {
    background: #ffffff;
    border-top: 2px dotted #a6c0d4;
    border-left: 2px dotted #a6c0d4;
    border-right: 10px solid #ffffff;
    border-bottom: none;
    color: #a8c1d5;
    font-weight: bold;
}
.page-dictionary table.grammar tr:last-child td.header {
    border-bottom: 2px dotted #a6c0d4;
}
.page-dictionary table.grammar td,.page-dictionary table.grammar th>.border-thick-170{bottom:0;}
.page-dictionary table.grammar th.subheader {
    background: #ffffff;
    border: 2px dotted #a6c0d4;
    border-bottom: 8px solid #ffffff;
    color: #a8c1d5;
    font-size: 16px;
    font-family: "Segoe UI", Lato, Verdana, sans-serif;
    font-weight: bold;
    min-height: 0;
}
.page-dictionary table.grammar th.subheader.empty, .page-dictionary table.grammar th.empty, .page-dictionary table.grammar td.empty { background: #ffffff; border: none !important; padding:5px;}
.page-dictionary table.grammar th.empty.border-white {border-right: 10px solid #ffffff !important;}

.page-dictionary .container-left div.tree{height:40vh;display:block;overflow-y:scroll;border:1px solid #ddd;padding:5px 15px;position: relative;margin:15px 0 0;}
.page-dictionary .container-left div.tree::-webkit-scrollbar              {background:transparent;width:13px;}
.page-dictionary .container-left div.tree::-webkit-scrollbar-button       {display:none; }
.page-dictionary .container-left div.tree::-webkit-scrollbar-track        {background:#f5f5f5;border-left:1px solid #dadada;}
.page-dictionary .container-left div.tree::-webkit-scrollbar-track-piece  {background:transparent;}
.page-dictionary .container-left div.tree::-webkit-scrollbar-thumb        {background:#ddd;border-radius:0;}
.page-dictionary .container-left fieldset.section{border:1px solid #d4d5d7;padding:15px;}
.page-dictionary .container-left div.tree+fieldset.section{border-top:none;}
.page-dictionary .container-left fieldset.section+fieldset.section{border-top:none;}
.page-dictionary .container-left label.control-label{font: 14px Lato,Verdana,sans-serif;color: #2b2f3e;font-weight: 700;}
.page-dictionary .container-left ul.tree li.children{background:url(../img/tree-expanded.png) no-repeat right 2px top 8px;}
.page-dictionary .container-left ul.tree li.children.collapsed{background-image:url(../img/tree-collapsed.png);}
.page-dictionary .container-left ul.tree li.children:before,.page-dictionary .container-left ul.tree li.children.collapsed:before {content: url(../img/tree-dictionary.png);margin-left:-20px;margin-top:3px;position:absolute;}
.page-dictionary .container-left ul.tree li{padding:0;line-height:1.2;}
.page-dictionary .container-left ul.tree li>ul{margin-bottom:0;}
.page-dictionary .container-left ul.tree label{display:block;}
.page-dictionary .container-left ul.tree li.children>label::before{content:none;}

.container-content .form-dictionary-suggestions {margin:0 0 15px 15px;}
.container-content .form-dictionary-suggestions img {margin:0;max-width:277px;max-height:260px;}
/*.container-content .form-dictionary-suggestions span.b {margin:0 0 0 15px;}*/

.page-dictionary .icons-row {
    display: inline-block;
    float: right;
    height: 30px;
}
.page-dictionary .icons-in-row-with-borders a.icon {
    background: url('../img/bg.dictionary.png') -200px -90px no-repeat;
    display: inline-block;
    width: 25px;
}
.page-dictionary .icons-in-row-with-borders .icon.icon-repeat {
    background-position: 0 -120px !important;
    height: 24px;
    margin-top: 3px;
}
.page-dictionary .icons-in-row-with-borders .icon.icon-error {
    background-position: -23px -91px !important;
    height: 20px;
    margin-top: 5px;
}
.page-dictionary .icons-in-row-with-borders .icon.icon-sound {
    background-position: -50px -90px !important;
    height: 18px;
    margin-top: 6px;
}



/***** ZNAJOMI *****/

.table-friends .header {
    height: 56px;
}
.table-friends .header .border-top {
    border-top: 2px solid #dfebf3 !important;
}
.table-friends .header .head-name {
    color: #a2bdd2;
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
}
.table-friends .header .head-name+.show-icon {
    background-position: 0 -27px;
    margin: 10px;
}

.table-friends .header.collapsed .head-name+.show-icon {
    background-position: 0 -1px;
}
.table-friends .avatar {
    border-right: 2px dotted #a8c1d5;
    display: inline-block;
    float: left;
    padding-right: 10px;
    width:66px;
}
.table-friends .avatar>img {
    border-radius: 50%;
    display: block;
}
.table-friends .name {
    display: inline-block;
    float: left;
    padding-left: 10px;
}
.table-friends .name>a {
    font-weight: bold;
}
.table-friends .type {
    color: #a2bdd2;
    display: inline-block;
    float: left;
    margin: 2px 0 0;
    padding-top: 1px;
    text-transform: uppercase;
}
.table-friends .date-title {
    color: #a2bdd2;
    display: inline-block;
    margin: 0 5px 0 0;
    padding-top: 1px;
    text-transform: uppercase;
}

.table-friends .icon-invitations {
    background: url('../img/icon.friends.invitations.png') 0 0 no-repeat;
    display: inline-block;
    float: left;
    height: 46px;
    width: 50px;
}
.table-friends .icon-invitations.icon-zapros {background-position: 0 0;}
.table-friends .icon-invitations.icon-polec {background-position: 0 -50px;}
.table-friends .icon-invitations.icon-wyslane {background-position: 0 -100px;}
.table-friends .icon-invitations.icon-otrzymane {background-position: 0 -150px;}

form.search-friends{margin:15px 0;width:397px;position:relative;z-index:1;}
form.search-friends input[name=search],form.search-friends input.tt-hint{height:42px;width:100%;border-radius:21px;border:none;outline:none;background:#e2ebf2;padding:5px 1em;line-height:32px;z-index:2;}
form.search-friends .tt-menu{width:100%;box-shadow:0 -20px 0 #e2ebf2;background:#e2ebf2;border:none;border-radius:0 0 21px 21px;border-top:2px dotted #acc4d7;z-index:1!important;}
form.search-friends .tt-menu .tt-suggestion{color:#4f66a8;font-weight:bold;min-height:39px;padding:8px 22px;line-height:23px;text-indent:0;}
form.search-friends .tt-menu .tt-suggestion:hover{background:#dae4ee;color:#4f66a8;}
form.search-friends .tt-menu .tt-suggestion:before{display:none;}
form.search-friends .tt-menu .tt-suggestion .tt-highlight{font-weight:inherit;color:inherit;}
form.search-friends span.twitter-typeahead.twitter-typeahead-selected::after{display:none;}

form.search-friends button[type=submit]{position:absolute;top:0;right:38px;width:30px;height:41px;z-index:3;background:transparent;outline:none;border:none;background:url(../img/friends-search-icon.png) -30px 0 no-repeat;}
form.search-friends button[type=reset]{position:absolute;top:0;right:8px;width:30px;height:41px;z-index:3;background:transparent;outline:none;border:none;background:url(../img/friends-search-icon.png) 0 0 no-repeat;}

form.friends-recommend{margin:15px 0;}
form.friends-recommend input[name=email]{max-width:541px;width:100%;height:43px;border:1px solid #dae4ee;margin:0 22px 0 0;outline:none;padding:5px 1em;}

/***** NOWY TEST *****/

.testelement-create div.thumbnail{border:1px solid #a2bdd2;}
.testelement-create div.thumbnail h4{
    font-family: Segoe UI,Lato,Verdana,sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-top: 0;
}
.testelement-create div.thumbnail .caption{padding:5px 9px;}
.testelement-create div.thumbnail a.preview{border:1px solid #a2bdd2;border-right:0;border-top:0;background:url(../img/testelement.preview2.png) no-repeat center;}
.testelement-create div.thumbnail .button-create {
    border-radius: unset;
    bottom: 0;
    font-size: 16px;
    height: 39px;
    left: 0;
    line-height: 34px;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
}


/***** INNE *****/

[data-toggle="popover"], [data-toggle="popover"]:focus, [data-toggle="popover"]:active, [data-toggle="popover"]:hover {
    outline:none;
}

.no-bg, .no-bg:hover {background:transparent!important;}

.no-border {border: none !important;}

.d-block {display:block!important;}

.f-none {float:none!important;}
.f-left {float:left!important;}
.f-right {float:right!important;}

.m-auto {margin:auto;}

.mb15 {margin-bottom: 15px;}
.mb30 {margin-bottom: 30px;}

.ml-15 {margin-left: -15px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px!important;}
.ml45 {margin-left: 45px!important;}
.ml60 {margin-left: 60px;}

.mr0 {margin-right: 0;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr90 {margin-right: 90px;}

.mt-42 {margin-top: -42px;}
.mt2 {margin-top: 2px;}
.mt3 {margin-top: 3px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt15 {margin-top: 15px;}
.mt15, .modal.epolish .modal-lg menu.mt15{margin-top: 15px!important;}
.mt30{margin-top: 30px!important;}

.l15 {left:15px;}

.t0 {top:0;}
.t40 {top:40px;}

.pl0 {padding-left: 0;}
.pl15 {padding-left: 15px;}
.pl25 {padding-left: 25px;}
.pl15vw {padding-left: min(15px, 0.66vw);}

.pr0 {padding-right: 0;}
.pr15 {padding-right: 15px;}
.pr25 {padding-right: 25px;}
.pr15vw {padding-right: min(15px, 0.66vw);}

.pt30 {padding-top:30px;}

.no-lh {line-height: normal;}

.pos-none {position: unset!important;}

.t-upper {text-transform: uppercase;}

.w-auto {width: auto !important;}
.w-max-100p {max-width: 100%;}
.w-min-150 {min-width: 150px;}

.w33p {
    padding-left: 12px;
    padding-right: 12px;
    width: 33%;
}
.w37p {
    padding-left: 12px;
    padding-right: 12px;
    width: 37%;
}
.w50p {
    padding-left: 12px;
    padding-right: 12px;
    width: 50%;
}
.w63p {
    padding-left: 12px;
    padding-right: 12px;
    width: 63%;
}
.w67p {
    padding-left: 12px;
    padding-right: 12px;
    width: 67%;
}


.img-placer {
    position: relative;
}
.img-placer .corner {
    background: url('../img/lessons.schedule.bg.corner.lesson.png');
    height: 20px;
    position: absolute;
    width: 20px;
}
.img-placer .corner.top-left {
    left: 0;
    top: 0;
}
.img-placer .corner.top-right {
    right: 0;
    top: 0;
    transform: rotate(90deg);
}
.img-placer .corner.bottom-left {
    bottom: 0;
    left: 0;
    transform: rotate(270deg);
}
.img-placer .corner.bottom-right {
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.move-down {
    background: url('../img/bg.dictionary.png') 0 -40px no-repeat;
    height: 20px;
    margin: 10px 0;
}

.download-pdf {
    background: url('../img/bg.download.pdf.png') left top no-repeat;
    display: inline-block;
    float: right;
    height: 180px;
    position: relative;
    width: 75px;
}
.download-pdf a {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 75px;
    width: 75px;
}

.show-icon {
    background: url('../img/bg.show-more.png') 0 -1px no-repeat;
    display: inline-block;
    float: left;
    height: 26px;
    width: 18px;
}
.show-icon.show-less {
    background-position: 0 -27px;
}

.ring-btn-letter {
    background: #bed1df;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 19px;
}

.center {
    text-align: center !important;
}

.middle {
    vertical-align: middle !important;
}

.border-thick-100p {
    border: 2px solid #a2bdd2;
    border-radius: 2px;
    background: #a2bdd2;
    bottom: -3px;
    display: inline-block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}
.border-dark-blue {
    border-color: #4d65a7;
}

.round-letter {
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 18px;
}
.round-letter-light {
    background: #b5cbdc;
    color: #ffffff;
}
.round-letter-admin, .round-letter-lektor {
    background: #d83d4c;
    color: #ffffff;
}
.round-letter-student {
    background: #4f66a8;
    color: #ffffff;
}

.color-light-blue{color:#a2bdd2;}

.icon-group{display:inline-block;width:1.5em;height:1.5em;border-radius:50%;text-align:center;line-height:1.44em;color:#fff;background:#8860a1;text-align:center;font-weight:bold;vertical-align:middle;}
.icon-group-48{font-size:32px;}
.icon-group-48::before{content:"G";}

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;}

table .header td:first-child:before, table .header th:first-child:before {display:none;}


    .home-tiles {
      max-width: 1680px;
      width: 100%;
    }
    .home-tiles>div {
      float: left;
      padding-bottom: 30px;
      /*width: 25%;*/
    }
    .home-tiles {
      display: inline-block;
      list-style: none;
      margin: 0 auto;
      padding: 0;
      text-align: left;
      width: 100%;
    }
    .home-tiles>div {
      padding: 0 15px;
      position: relative;
    }
    .home-tiles>div>.home-tile-contents {
      display: inline-block;
      float: left;
      height: 100%;
      overflow: hidden;
      position: relative;
      vertical-align: top;
      width: 100%;
    }
    .home-tiles>div>.home-tile-contents div.revers{ position:absolute;top:0;left:0;right:0;height:207px;background:#c8d9e6;border-radius:28px;opacity:0;transition:opacity .3s;display:flex;justify-content:center;align-items:center; }
    .home-tiles>div>.home-tile-contents div.revers>div{ width:80%;text-align:center; }
    .home-tiles>div>.home-tile-contents:hover div.revers{ opacity:1; }
    .home-tiles>div>.home-tile-contents:hover>img {
      position: relative;
      left: -100%;
    }
    .home-tiles>div>.home-tile-contents>.home-tile-title {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      text-align: center;
      width: 100%;
      height: 100%;
      font-size: 0.75em;
      font-weight: bold;
      text-transform: uppercase;
      color: #515352;
    }
.home-tiles>div>.home-tile-contents>.home-tile-title>h6 {
      font-size: 1.6em;
      padding: 1em 0 0;
      margin: 0;
      position: absolute;
      text-align: center;
      width: 100%;
      top: 76%;
}


.lesson-info{padding-right:25px;}
.lesson-info h2{margin:24px 0 19px;}
.lesson-info h2>span{border-bottom:8px solid #a2bdd2;padding-bottom:7px;}
.lesson-info h2,.lesson-info h2>span{font:400 32px/1.5 "Segoe UI",Lato,Verdana,sans-serif;color:#515352;}
.lesson-info h2>span{}
.lesson-info p{line-height:20px;margin:0 0 10px;}

.lesson-info .row-menu{margin-top:51px;}
.modal.epolish .modal-lg .lesson-info menu.content,.modal.epolish .modal-lg .lesson-info menu.download{margin:0!important;}

.lesson-info menu.content{margin:0;padding:0;}
.lesson-info menu.content .item+br{display:none;}
.lesson-info menu.content .item{display:block;width:100%;height:39px;margin:0 0 2px;line-height:39px;background-color:#f3f7fa;position:relative;padding:0 30px 0 47px;color:#515352;text-decoration:none;white-space:nowrap;}
.lesson-info menu.content .item.item-sounds::before{content:"";position:absolute;width:22px;height:24px;left:12px;top:8px;background:url('../img/dropdown-icons-sprite.png?6') -11px -2478px no-repeat;}
.lesson-info menu.content .item.item-games::before{content:"";position:absolute;width:22px;height:22px;left:13px;top:8px;background:url('../img/dropdown-icons-sprite.png?6') -13px -1451px no-repeat;}

.lesson-info menu.download{margin:0;padding:0;}
.lesson-info menu.download .item+br{display:none;}
.lesson-info menu.download .item{display:block;width:100%;height:39px;margin:0 0 2px;line-height:39px;position:relative;padding:0 0 0 41px;color:#4f66a8;text-decoration:none;white-space:nowrap;}
.lesson-info menu.download .item.item-container{padding:0;}
.lesson-info menu.download .item.item-dictionary{display:inline-block;width:calc(100% - 74px);}
.lesson-info menu.download .item-pdf::before{content:"";position:absolute;width:31px;height:37px;left:0;top:0;background:url('../img/dropdown-icons-sprite.png?6') -7px -2508px no-repeat;}
.lesson-info menu.download select{display:inline-block;width:74px;height:16px;vertical-align:middle;font-size:10px;padding:0 1em;}

.lesson-info .column-right{padding-top:28px;}
.lesson-info h4,.modal.epolish .lesson-info h4{font:600 16px/1.5 "Segoe UI",Lato,Verdana,sans-serif;color:#515352;text-transform:uppercase;border-top:2px solid #a2bdd2;margin:10px 0 0;padding:6px 0 0;}
.lesson-info p+h4,.modal.epolish .lesson-info p+h4{margin-top:0;}

.lesson-info ol.pages{margin:0;padding:0;white-space:nowrap;overflow:hidden;}
.lesson-info ol.pages>li{display:inline-block;vertical-align:top;text-align:center;margin:0 10px 0 0;}
.lesson-info ol.pages>li+li.page-left,.lesson-info ol.pages>li+li.page-single{margin-left:102px;}
.lesson-info ol.pages>li>a{display:block;text-decoration:none;}
.lesson-info ol.pages>li img{border:3px solid #d9ebf7;max-height:174px;display:block;}
.lesson-info ol.pages>li span{color:#4f66a8;font-weight:700;}
.lesson-info ol.pages>li.page span::after{content:"";display:inline-block;width:23px;height:18px;background:url('../img/dropdown-icons-sprite.png?6') 100px 0 no-repeat;vertical-align:middle;margin-left:.4em;}
.lesson-info ol.pages>li.page-single span::after,.lesson-info ol.pages>li.page-left span::after{background-position:-11px -2575px;}
.lesson-info ol.pages>li.page-right span::after{background-position:-11px -2613px;}

/* TMP */
/*
.lesson-info::before{content:"";position:absolute;width:100%;height:100%;background:url(/_tmp_lekcja.jpeg/lekcje_uzupełnienie_may25.jpg) no-repeat -50px 0;pointer-events:none;filter:grayscale(.5);}
.lesson-info{width:976px;}
.lesson-info div.pages{height:320px;}
.lesson-info .column-right{padding-left:50px;}
*/

div.search-result{display:flex;flex-direction:column;max-height:100%;}
div.search-result div.search-result-inner{flex-grow:0;flex-shrink:0;}
.dialog-fs div.search-result{height:100%;}

@keyframes arrow {0% {transform:translate(0, -5px);} 85% {transform:translate(0, 5px);} 100% {transform:translate(0, -5px);}}
body div.start-msg{position:absolute;margin:0;padding:0;width:300px;height:149px;top:-250px;left:-118px;background:#f3f7fa;text-align:left;cursor:default;}
body button.small div.start-msg{left:-134px;}
body div.start-msg::after{content:url(/lekcje-online/img/intro/arrow.png);position:absolute;display:block;bottom:-86px;width:56px;left:0;right:0;margin:0 auto;animation:arrow 1s linear infinite;pointer-events:none;}
body div.start-msg button[name="close"]{position:absolute;width:35px;height:35px;right:10px;top:7px;border-radius:50%;background:#e1e8ee;padding:0;border:none;overflow:hidden;text-indent:-999px;}
body div.start-msg button[name="close"]::before{content:"";display:block;width:30px;height:30px;margin:3px auto;background:transparent url(/lekcje-online/img/icons-navigation.png?5) no-repeat 0 0;}
body div.start-msg h6{font-size:19px;line-height:24px;color:#c1373c;text-transform:uppercase;margin:0;padding:0;padding:12px 100px 0 18px;white-space:normal;font-weight:700;}
body div.start-msg p{margin:0;padding:0;font-size:12px;line-height:16px;color:#000;padding:9px 0 10px 36px;position:relative;}
body div.start-msg p::before{content:"";position:absolute;left:21px;top:16px;width:2px;height:49px;background-size:1px 5px;background-image:linear-gradient(0,transparent 0%,transparent 50%,#4f66a8aa 60%,#4f66a8aa 100%);}

.ecoursebook-option{background:url(../img/ecoursebook-options.png) no-repeat 100px 0;display:block;}
.ep-tiles>div>.tile-contents .ecoursebook-option{position:absolute;left:28px;top:126px;}
.ep-tiles>div>.tile-contents .ecoursebook-option.ecoursebook-option-demo{background-position:0 0;/*width:calc(100% * 75 / 300);background-size: calc(100% * 300 / 75);height:30%;*/top:calc(100% * 126 / 207);}
.ep-tiles>div>.tile-contents .ecoursebook-option.ecoursebook-option-ecoursebook{background-position:-100px 0;/*width:calc(100% * 78 / 300);background-size: calc(100% * 300 / 78);height:30%;*/top:calc(100% * 126 / 207);}
.ep-tiles>div>.tile-contents .ecoursebook-option.ecoursebook-option-ecoursebook-plus{background-position:-200px 0;/*width:calc(100% * 87 / 300);background-size: calc(100% * 300 / 87);height:30%;*/top:calc(100% * 126 / 207);}
.ecoursebook-option.ecoursebook-option-demo{background-position:0 0;height:53px;width:75px;}
.ecoursebook-option.ecoursebook-option-ecoursebook{background-position:-100px 0;height:60px;width:78px;}
.ecoursebook-option.ecoursebook-option-ecoursebook-plus{background-position:-200px 0;height:66px;width:87px;}

ul.quiz-items[data-msg-empty]:empty::before{content:attr(data-msg-empty);display:block;text-align:center;color:#ccc;padding:15px;}
ul.quiz-items{list-style:none;padding:0;display:grid;grid-template-columns:repeat( auto-fit, minmax(302px, 1fr) );grid-auto-rows:222px;grid-gap:12px;margin:0 15px 0 0;}

.quiz-item-container{position:relative;--quiz-item-color:#dddee6;width:302px;height:222px;}
.quiz-item-container.quiz-item-valid{--quiz-item-color:#d9e6d9;}
.quiz-item-container.quiz-item-error{--quiz-item-color:#eedada;}
.quiz-item-container>.quiz-shadow,.quiz-item-container>.quiz-item{position:absolute;width:259px;height:177px; border:14px solid var(--quiz-item-color);border-radius:24px;}
.quiz-item-container>.quiz-shadow{top:15px;left:8px;transform:rotate(-8deg);}
.quiz-item-container>.quiz-item{top:44px;left:42px;background:#fff;}

.quiz-item .front,.quiz-item .back{display:block;width:100%;height:50%;margin:0;padding:5px 20px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;align-items:stretch;}
.quiz-item .back::before{content:"";position:absolute;top:-1px;left:18px;right:18px;height:2px;background:#dddee6;}
.quiz-item.with-image .front{padding-left:60px;padding-right:60px;}
.quiz-item .front img.image{position:absolute;top:25px;left:23px;max-width:30px;max-height:30px;}
.quiz-item .front a[rel=play]{position:absolute;inset:auto 15px auto auto;}
.quiz-item p.answer{text-align:center;color:#566baa;margin:0;padding:0;font:600 14px/16px "Segoe UI",Lato,Verdana,sans-serif;position:relative;}
.quiz-item p.answer+p.answer{margin-top:10px;}
.quiz-item p.answer.answer-valid{padding:0 20px;}
.quiz-item p.answer.answer-error{padding:0 20px;color:#c1373c;}
.quiz-item p.answer.answer-valid::after{content:"";position:absolute;inset:0 0 0 auto;margin:auto;width:19px;height:19px;border-radius:50%;background:#0f980f;background-image:url(/wq/images/yes-no.png);background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.quiz-item p.answer.answer-error::after{content:"";position:absolute;inset:0 0 0 auto;margin:auto;width:19px;height:19px;border-radius:50%;background:#c1373c;background-image:url(/wq/images/yes-no.png);background-repeat:no-repeat;background-position:0 100%;background-size:100%;}

/*
.menu-images .menu-images.icon-filter{
    background: url('../img/preview.icons.sprite.png?2') -425px 0 no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}
*/