body{
    background-color: #DDE5E4 !important;
}
.calendar td:hover ul{
    display: block;
}

.calendar td ul{
    display: none;
    top: 41px;
    left: 0;
    z-index: 9999;
    padding: 15px;
    border-radius: 3px;
    width: 500px;
}

.calendar td ul li:not(:last-child){
    border-bottom: 1px dashed #fff;
    padding: 5px 0;
}

.calendar td ul li:last-child{
    margin-bottom: 0;
}

.articles .article .article__description a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.calendar__day__event{
    position: relative;
}
.calendar__day__event .full{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 3px 5px;
    z-index: 999;
    border-radius: 3px;
    cursor: pointer;
}
.calendar__day__event:hover .full{
    display: block;
}

.project-logo{
    width: 500px;
    height: 500px;
}

.workbook{
    position: relative;
}
.workbook .workbook-field{
    position: absolute;
    transform-origin: 0 100%;
}

.page{
    max-width: 1200px;
    width: 95%;
    position: relative;
    margin: 0 auto;
}
.page .arrow.arrow-right {
    background-position: 64px 0;
    left: auto;
    right: -64px;
}
.page .arrow {
    background: url(http://www.pctesin.cz/przyroda_tajemnice/img/arrows.png);
    height: 128px;
    width: 64px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: -64px;
}

.extra-menu-item-ukraine{
    position: absolute;
    left: 0px;
    top: 78px;

    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: white !important;
    text-shadow: 0 0 3px rgb(0 0 0 / 40%);
    text-decoration: none !important;
    transition: background-color .2s;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background: rgb(0,87,183);
    background: linear-gradient(180deg, rgba(0,87,183,1) 50%, rgba(255,215,0,1) 51%);
    z-index: 5;
}

.btn-ukraine{
    width: 100px;
    background: linear-gradient(180deg, rgba(0,87,183,1) 0%, rgba(0,87,183,1) 50%, rgba(255,215,0,1) 51%);
    /*background: linear-gradient(90deg, rgba(0,87,183,1) 1%, rgba(0,87,183,1) 50%, rgba(255,215,0,1) 51%, rgba(255,215,0,1) 99%);*/
    border: 1px solid #DDE5E4;
}

.section--below-header__buttons .btn.btn-edudialog{
    background: #b0fbfe;
    text-transform: none;
}

.basic-table td{
    padding: 4px 10px;
}