.main.container {
    width: 1400px;
}

@media (max-width: 1400px) {
    .main.container {
        width: 95%;
        display: block;
    }
}

.searchbox {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

    .searchbox input {
        width: 100%;
        padding: 2px 5px 2px 5px;
        border: 1px solid #888;
        border-radius: 5px;
        margin: 0;
        display: inline-flex;
        box-sizing: border-box;
        height: 33px;
    }

.button {
    background-color: #DDD;
    border-radius: 4px;
    border: 1px solid #fff;
    overflow: hidden;
    text-align: center;
    font-size: 90%;
    padding: 6px;
}

    .button ui-ru, ui-en, ui-et {
        user-select: none;
        pointer-events: none;
    }

    .button.checked {
        background-color: #888;
    }

.calendar {
    display: inline-block;
    width: 79%;
}

.week {
    display: block;
    width: 100%;
    padding-top: 10px;
    vertical-align: top;
}

.day {
    display: inline-grid;
    width: 12%;
    top: 0;
    font-size: 14px;
    hyphens: auto;
    word-break: break-word;
    margin-top: 2px;
    padding: 3px;
}
    .day.today {
    }
.event {
    padding: 3px;
    margin-top: 10px;
    background: #DDD;
    border-radius: 5px;
    }

    .event.past {
        color: #9a9595;
        background:#FFF;
    }

    .event.now {
        background: #d2ffcd;
    }
    .subjectEst, .subjectRus, subjectEng {
    font-weight: bold;
    display:block;
}

    .event .teacher {
        font-style: italic;
    }

    .event .language {
        font-weight: bold;
        font-size: smaller;
    }
    .event .group {
        font-size: smaller;
    }
.event .place {
    font-size: smaller;
}
    .event .time {
        text-align: left;
        display:inline-block;
        font-weight: bold;
        color: #0711d8;
    }
    .event .room {
        float: right;
        font-weight: bold;
        color: #018b00;
    }
.day .dayofweek {
    display: none;
}


@media (max-width: 1400px) {
    .day {
        display: inline-grid;
        width: 31%;
    }

        .day.past {
            display: none;
        }

        .day .dayofweek {
            display: inline;
        }
}

@media (max-width: 800px) {
    .day {
        display: inline-grid;
        width: 47%;
    }



    .searchbox {
        width: 100%;
    }

        .searchbox input {
            height: 40px;
        }

    .button {
        font-size: 15pt;
    }

    .calendar {
        width: 100%;
    }
}

.buttons-set {
}

#search {
    margin-top: 5px;
}

.grid3 {
    display: grid;
    grid-template-columns: 33% auto 33%;
}

.grid2 {
    display: grid;
    grid-template-columns: 50% auto;
}