@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');

body {
    height: 100%;
    background-image: url('../images/shared/baka-webapp-bg.jpg');
    background-size: cover;
    /*background-attachment: fixed;*/
}

.bk-timetable-body {
    min-width: 600px;
    overflow: hidden;
}

/** Header **/
.bk-timetable-header-print {
    padding: 5px;
    display: none;
}
.bk-timetable-header {
    height: auto;
    background: #fff;
    position: fixed;
    z-index: 3;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
}

.bk-header-caption {
    padding-top: 5px;
    color: #6F6F6F;
    font-size: calc(13px + 0.5vw);
    margin-left: 1%;
}

.bk-timetable-selects {
    margin-left: 1%;
}

    .bk-timetable-selects .ico32-ovladani-smerovkaDolu:before {
        content: "\e946";
        position: absolute;
        right: 2px;
        top: -2px;
        font-size: 32px;
        pointer-events: none;
    }

    .bk-timetable-selects > .custom-select {
        width: inherit;
    }

    .bk-timetable-selects select {
        height: 28px;
        border-color: #9b9b9b;
        background: #F8F8F8;
        padding-right: 32px;
        font-family: Source Sans Pro !important;
    }

.custom-select:focus {
    border-color: #00a2e2;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(0,162,226,.5);
}

.custom-select {
    -webkit-appearance: none;
    padding-right: 5px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
    line-height: 2;
}

    .custom-select, .custom-select > option {
        font-size: 13px;
        color: #555555;
    }

.bk-timetable-label {
    font-size: 13px;
    color: #6F6F6F;
    text-align: left;
    padding-right: 6px;
    line-height: 2;
    font-family: Source Sans Pro !important;
}

.bk-timetable-school {
    color: #6F6F6F;
    font-size: 25px;
}

.bk-timetable-title {
    color: #6F6F6F;
    font-size: 18px;
}

/** Main **/
.bk-timetable-main {
    width: 100%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: margin-left .5s;
}

.bk-timetable-main .bk-timetable-time {
    position: relative;
    min-height: 20px;
    overflow: hidden;
}

.bk-timetable-time .bk-hour-wrapper .hour {
    color: #5c7986;
    line-height: calc(7.5px + 0.4vw);
    min-height: 18px;
    text-align: center;
    padding: 3px;
    font-size: calc(7.5px + 0.4vw);
}

.bk-timetable-time .bk-hour-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-left: 1px solid;
    overflow: hidden;
}

.bk-timetable-main .bk-timetable-hours {
    position: relative;
    margin-left: 40px;
    min-height: 44px;
    max-height: calc(35px + 0.8vw);
}

.bk-timetable-hours .bk-hour-wrapper .num {
    font-size: calc(9px + 0.8vw);
    font-weight: 600;
    color: #fff;
    line-height: calc(9px + 0.8vw);
    min-height: calc(13px + 0.8vw);
    text-align: center;
    padding-bottom: 3px;
    padding-top: 3px;
}

.bk-timetable-hours .bk-hour-wrapper .hour {
    color: #E0E0E0;
    line-height: calc(5px + 0.4vw);
    min-height: calc(7px + 0.4vw);
    text-align: center;
    font-size: calc(5px + 0.4vw);
    letter-spacing: -0.3px;
}

.bk-timetable-hours .bk-pause-wrapper .hour {
    color: #5c7986;
    line-height: calc(7.5px + 0.4vw);
    min-height: 18px;
    text-align: center;
    padding: 3px;
    font-size: calc(7.5px + 0.4vw);
}

.bk-timetable-hours .bk-hour-wrapper {
    background: #82959C;
    border-radius: 6px 6px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-width: 35px;
    padding-left: 2px;
    padding-right: 2px;
}

.bk-timetable-hours .bk-pause-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.bk-timetable-cell {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    min-width: 35px;
    max-height: inherit !important;
}

.bk-cell-wrapper > div.bk-timetable-cell:last-child::after {
    width: 0px;
}

    .bk-timetable-cell::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: rgba(67, 83, 89, 0.03);
        right: calc(100%/-7);
    }

    .bk-timetable-cell.withGuards {
        top: 0;
    }

    .bk-timetable-cell .day-item-hover {
        background-image: linear-gradient(152deg, #FFFFFF 21%, #EEF5F8 100%);
        box-shadow: 1px 1px 3px 0px rgba(67, 83, 89, 0.65);
        padding: 2px;
        cursor: pointer;
        flex-grow: 0.2;
    }

        .bk-timetable-cell .day-item-hover:not(.multi) {
            margin-top: auto;
            margin-bottom: auto;
        }

        .bk-timetable-cell .day-item-hover.multi:first-child {
            margin-top: auto;
        }

        .bk-timetable-cell .day-item-hover.multi:last-child {
            margin-bottom: auto;
        }

        .bk-timetable-cell .day-item-hover .day-flex {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .bk-timetable-cell .day-item-hover.multi:not(:first-child) {
            margin-top: 3%;
        }

        .bk-timetable-cell .day-item-hover.hasAbsent {
            background-image: linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(194, 14, 26, 0.35) 50.9%, rgba(194, 14, 26, 0.45) 100%);
        }

    .bk-timetable-cell .day-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }


        .bk-timetable-cell .day-item .middle {
            font-size: calc(12px + 1vw);
            line-height: calc(12px + 1vw);
            color: #435359;
            text-align: center;
            white-space: nowrap;
        }

        .bk-timetable-cell .day-item .day-item-hover:not(.multi) .bottom {
            min-height: 27px;
        }

        .bk-timetable-cell .day-item .day-item-hover:not(.multi) .middle {
            min-height: 20px;
            padding-top: 0.5vw;
            padding-bottom: 0.5vw;
        }

        .bk-timetable-cell .day-item .multi .middle {
            font-size: calc(12px + 0.6vw);
            line-height: calc(12px + 0.6vw);
            padding-bottom: 2px;
        }

        .bk-timetable-cell .day-item .multi .bottom {
            font-size: calc(4px + 0.6vw);
            line-height: calc(4px + 0.6vw);
            padding-top: 2px;
            padding-bottom: 2px;
        }

        .bk-timetable-cell .day-item .multi .top {
            min-height: 18px;
        }

        .bk-timetable-cell .day-item .multi .top .left {
            height: 18px;
        }

        .bk-timetable-cell .day-item .bottom {
            width: 100%;
            font-size: calc(4px + 0.7vw);
            line-height: calc(4px + 0.7vw);
            text-align: center;
            height: 100%;
            max-height: 50px;
            opacity: 0.5;
            padding-top: 3px;
            padding-bottom: 15%;
        }

        .bk-timetable-cell .day-item .absence {
            position: absolute;
            bottom: 0;
            left: 1px;
            right: 1px;
            height: 3px;
        }

        .bk-timetable-cell .day-item .top {
            min-height:27px;
        }

            .bk-timetable-cell .day-item .top .left {
                font-size: 13px;
                line-height: 13px;
                float: left;
                height: 27px;
                width: 52%;
                text-align: left;
                overflow: hidden;
                opacity: 0.6;
                letter-spacing: -0.9px;
                white-space: nowrap;
                display: none;
            }

            .bk-timetable-cell .day-item .top .right {
                font-size: 13px;
                line-height: 13px;
                float: right;
                text-align: right;
                width: 48%;
                top: 1px;
                right: 4px;
                letter-spacing: -0.9px;
                padding-right: 1px;
                display: none;
            }

                .bk-timetable-cell .day-item .top .right .first {
                    min-height: 12px;
                    opacity: 0.6;
                }

                .bk-timetable-cell .day-item .top .right .homeworkIco,
                .bk-timetable-cell .day-item .top .right .distanceTeachingIco,
                .bk-timetable-cell .day-item .top .right .plannedClassificationIco,
                .bk-timetable-cell .day-item .top .right .selfStudyIco {
                    width: 16px;
                    height: 16px;
                    background-position: center;
                    background-repeat: no-repeat;
                    margin: 2px;
                    margin-left: auto;
                }

                    .bk-timetable-cell .day-item .top .right .homeworkIco {
                        background-image: url('../images/rozvrh/priznak-domacak.png');
                    }

                    .bk-timetable-cell .day-item .top .right .distanceTeachingIco {
                        background-image: url('../images/rozvrh/badge-distancniD-16.png');
                    }

                    .bk-timetable-cell .day-item .top .right .selfStudyIco {
                        background-image: url('../images/rozvrh/badge-samostudiumS-16.png');
                    }
                    
                    .bk-timetable-cell .day-item .top .right .plannedClassificationIco {
                        background-image: url('../images/rozvrh/rozvrh-16-priznak-klasifikace.png');
                    }

.bk-timetable-day {
    height: auto;
    font-size: calc(10px + 0.5vw);
    color: #00a2e2;
    justify-content: center;
    flex-direction: column;
    display: flex;
    width: 40px;
    margin-left: -2.06%;
    margin-right: auto;
}

    .bk-timetable-day.day-name .bk-day-date {
        font-size: calc(8px + 0.8vw);
        color: #E0E0E0;
        line-height: calc(8px + 0.8vw);
        text-align: center;
        padding-top: 2px;
        padding-left: 10px;
    }

    .bk-timetable-day.day-name .bk-day-day {
        font-size: calc(8px + 0.8vw);
        color: #fff;
        line-height: calc(8px + 0.8vw);
        text-align: center;
    }

    .bk-timetable-day.day-name .bk-day-wrapper {
        background: #82959C;
        border-radius: 6px 0px 0px 6px;
        height: calc(100% - 10%);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

        .bk-timetable-day.day-name .bk-day-wrapper > div {
            display: flex;
            transform: rotate(-90deg);
            justify-content: center;
            align-items: center;
        }
/** Pink **/
.bk-timetable-cell > .day-item.pink {
    background-color: rgba(194, 14, 26, 0.55);
    background-image: none;
    height: 100%;
}
/** Green **/
.bk-timetable-cell > .day-item.green {
    background-color: rgba(67, 162, 43, 0.5);
    background-image: none;
    height: 100%;
}

    .bk-timetable-cell > .day-item.green > .day-item-hover,
    .bk-timetable-cell > .day-item.pink > .day-item-hover {
        background-color: transparent;
        box-shadow: none;
    }

        .bk-timetable-cell > .day-item.green > .day-item-hover .middle,
        .bk-timetable-cell > .day-item.pink > .day-item-hover .middle {
            font-size: calc(12px + 1vw);
            color: #000000;
            opacity: 0.5;
        }

.bk-timetable-cellRemoved {
    height: 100% !important;
}
/** Volný den **/
.day-item-volno {
    height: 99%;
    background-color: #61B0FF;
    z-index: 2;
}

    .day-item-volno .day-off {
        font-size: calc(7px + 1vw);
        color: #215a94;
        text-align: center;
        height: 100%;
        display: table;
    }
    .day-item-volno .day-off > span {
        display: table-cell;
        vertical-align: middle;
    }

.day-item .empty {
    width: 100%;
    height: 100%;
    margin-top: 35px;
}

.bk-timetable-row {
    flex-grow: 1;
    position: relative;
    padding-left: 2%;
    height: 100%;
    min-height: 120px;
}

.bk-timetable-row .bk-cell-wrapper {
    background: rgba(255, 255, 255, 0.5);
}

    .bk-timetable-row:nth-child(odd) .bk-cell-wrapper {
        background: rgba(255, 255, 255, 0.7);
    }

.bk-cell-wrapper {
    position: relative;
    width: 100%;
}

.bk-system-baka {
    font-family: Source Sans Pro;
    color: #758D96;
    font-size: 12px;
    font-weight: 400;
}

.bk-validity {
    font-size: 11px;
    color: #bababa;
    line-height: 28px;
}

.bk-timetable-btngroup {
    height: 28px;
    background: #F8F8F8;
}

    .bk-timetable-btngroup > label {
        font-size: 13px;
        line-height: 16px;
        font-family: Source Sans Pro;
        border: 1px solid #9B9B9B;
        color: #555555;
    }

    .bk-timetable-btngroup > .btn-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        border: 1px solid #9B9B9B;
        background-color: #5c7986;
    }

    .bk-timetable-btngroup > .btn-secondary {
        background-color: #F8F8F8;
        color: #555555;
    }

.fr {
    float: right;
}

.fl {
    float: left;
}

/** Change **/

.pink {
    background-color: rgba(194, 14, 26, 0.55) !important;
    background-image: none !important;
}

.green {
    background-color: rgba(67, 162, 43, 0.5) !important;
    background-image: none !important;
}

.bk-timetable-cell .day-item .day-item-hover:not(.green) .middle.zapsano {
    color: #B35900;
}

/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: #828282;
    font-size: 32px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

    .dropdown:hover {
        background-color: #5c7986;
    }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: #555555;
        padding: 7px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #5c7986;
    color: #fff;
}

/* Remove outline on focus */
.dropbtn:focus {
    outline: none;
}

/** Guards **/
.bk-timetable-guard {
    bottom: 5px;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    background-color: #4A7E92;
    border-left: 0.5px solid #fff;
    border-right: 0.5px solid #fff;
    height: 24px !important;
    line-height: 18px;
}

.bk-timetable-guard > span,
.bk-timetable-generalGuard > span {
    color: #fff;
    font-size: 9px;
    line-height: 10px;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    width: 100%;
}

.bk-timetable-row:nth-child(odd) .bk-timetable-guard {
    border-left: 0.5px solid #F1F1F1;
    border-right: 0.5px solid #F1F1F1;
}
/** Bubble tooltip **/
.bubble .line {
    display: block;
    text-align: left;
}

.bubble span.clear-left, .clear-items > .item {
    clear: left;
}

.bubble .item {
    line-height: 16px;
}

.bubble .clear-items .item {
    line-height: 13px;
}

.bubble .hw-label {
    line-height: 16px;
    margin-right: 3px;
}

.bubble .bold {
    font-weight: bold;
}

@media (max-width: 640px) {
    .bubble.bubble-blue {
        max-width: 185px;
    }
}

@media (max-width: 1300px) {
    .bk-timetable-main .bk-timetable-row .day-name {
        width: 30px;
    }

    .bk-timetable-main .bk-timetable-hours {
        margin-left: 30px;
    }
}

@media (max-width: 800px) {
    .bk-timetable-cell .day-item .bottom {
        font-size: 11px;
        line-height: 11px;
    }
    .bk-timetable-cell .day-item .middle {
        font-size: 20px;
        line-height: 20px;
    }
    .bk-timetable-cell .day-item .multi .bottom {
        font-size: 10px;
        line-height: 10px;
    }
    .bk-timetable-hours .bk-hour-wrapper .num {
        font-size: 15px;
        line-height: 15px;
    }
    .bk-timetable-hours .bk-hour-wrapper .hour {
        font-size: 9px;
        line-height: 9px;
    }
    .bk-timetable-main .bk-timetable-row .day-name {
        width: 25px;
    }
    .bk-timetable-main .bk-timetable-hours {
        margin-left: 25px;
    }
}

@media (min-width: 1047px) and (max-width: 1180px) {
    .dropdown-content {
        left: auto;
        right: 0;
    }
}

/** TouchMode **/

.bk-touchMode-panel {
    min-height: 100px;
    margin-left: 1%;
    margin-bottom: 2px;
    padding-top: 15px;
}

.bk-touchMode-panel .btns-wrap {
    width: 80%;
}

@media (max-width: 920px) {
    .bk-touchMode-panel .btns-wrap {
        flex-wrap: wrap;
    }
}

    .bk-touchMode-panel .btn-group {
        height: 28px;
    }

        .bk-touchMode-panel .btn-group label {
            color: #fff;
            font-size: 13px;
            line-height: 16px;
            border: 1px solid #ABB9BF;
            border-radius: 16px;
            font-weight: 500;
            padding-left: 14px;
            padding-right: 14px;
        }

        .bk-touchMode-panel .btn-group label:focus,
        .bk-touchMode-panel .btn-group label.focus,
        .bk-touchMode-panel .btn-group label:active:focus {
            color: #fff;
            box-shadow: none !important;
        }

    .bk-touchMode-panel .btn-group .btn-light:not(:disabled):not(.disabled).active {
        background: #00a2e2;
        color: #fff;
        border-color: #00a2e2;
    }

        .bk-touchMode-panel .btn-group .btn-light:not(.active) {
            background: #ABB9BF;
            color: #fff;
            border-color: #ABB9BF;
        }

.btn-touch {
    font-family: 'Source Sans Pro', semi-bold;
    border-radius: 35px;
    font-size: 20px;
    color: #ABB9BF;
    background-color: #fff;
    letter-spacing: -0.1px;
    text-align: left;
    line-height: 20px;
    font-weight: 600;
    height: 70px;
    /*width: 100%;*/
    min-width: 160px;
    max-width: 400px;
    overflow: hidden;
    flex-grow: 1;
}

.btn-touch:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0,162,226,.15);
}

    .btn-touch .btn-touch-label,
    .btn-touch .btn-touch-title {
        vertical-align: middle;
    }

    .btn-touch .btn-touch-label {
        white-space: normal;
        max-height: 40px;
        overflow: hidden;
        display: block;
    }

.btn-touch:not(.active) .btn-touch-label {
    display: none;
}

    .btn-touch.active {
        background-color: rgba(0, 162, 226, 0.05);
        color: #00a2e2;
    }
    
    .btn-touch.pressed {
        background-color: #0090c9;
        color: #fff;
    }
    
    .btn-touch.active .btn-touch-icon {
        background-color: #00a2e2;
    }
    
    .btn-touch.pressed .btn-touch-icon {
        background-color: #fff;
    }

        .btn-touch.active .btn-touch-title {
            font-size: 11px;
            font-weight: 400;
            color: #ABB9BF;
            letter-spacing: 0;
            vertical-align: bottom;
            line-height: 12px;
            display: block;
        }

    .btn-touch.pressed .btn-touch-title {
        color: #fff;
    }

.btn-touch-icon {
    width: 52px;
    height: 52px;
    background-color: #ABB9BF;
    display: inline-block;
    border-radius: 27px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}

    .btn-touch-icon.class {
        background-image: url('../images/Timetable/ico32-trida-inverse.svg');
    }

    .btn-touch-icon.teacher {
        background-image: url('../images/Timetable/ico32-ucitel-inverse.svg');
    }

    .btn-touch-icon.room {
        background-image: url('../images/Timetable/ico32-mistnost-inverse.svg');
    }

.btn-touch.pressed .btn-touch-icon.class {
    background-image: url('../images/Timetable/ico32-trida.svg');
}

.btn-touch.pressed .btn-touch-icon.teacher {
    background-image: url('../images/Timetable/ico32-ucitel.svg');
}

.btn-touch.pressed .btn-touch-icon.room {
    background-image: url('../images/Timetable/ico32-mistnost.svg');
}

/** Only for IE **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .btn-touch,
    .bk-system-baka,
    .bk-canvas-header .bk-canvas-title,
    .bk-canvas .bk-canvas-body {
        font-family: Source Sans Pro !important;
    }

    .bk-canvas a {
        width: 175px;
    }

    .bk-canvas .bk-canvas-body {
        width: 570px;
        display: flex;
        flex-wrap: wrap;
    }
}

/** Off-canvas menu **/

.bk-canvas {
    height: calc(100% - 100px);
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    background: rgba(255,255,255,0.5);
    overflow-x: hidden;
    max-width: 100vw;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: left;
}

    .bk-canvas .bk-canvas-content {
        height: 100%;
    }

.bk-canvas-header {
    height: 52px;
    overflow: hidden;
}

    .bk-canvas-header .bk-canvas-title {
        font-family: Source Sans Pro;
        font-size: 16px;
        line-height: 52px;
        color: #758D96;
        letter-spacing: -0.08px;
        text-align: left;
        padding-left: 20px;
    }

    .bk-canvas-header .closebtn {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 32px;
        margin-left: 50px;
        color: #758D96;
    }

    .bk-canvas-header .closebtn:hover {
        color: #0090c9;
        cursor: pointer;
    }

.bk-canvas .bk-canvas-body {
    padding: 20px;
    padding-top: 0;
    font-family: Source Sans Pro;
    font-size: 16px;
    height: calc(100% - 52px);
    display: grid;
    grid-template-columns: auto auto auto;
    max-width: 100vw;
    align-content: flex-start;
}

.bk-canvas a {
    line-height: 16px;
    padding: 0 9px;
    text-decoration: none;
    color: #566971;
    transition: 0.15s;
    font-weight: bold;
    max-width: 200px;
    min-width: 100px;
    height: 52px;
    overflow: hidden;
}

.bk-canvas a > span {
    display: table-cell;
    height: 52px;
    max-width: 200px;
    text-align: left;
    vertical-align: middle;
}

.bk-canvas a:not(:last-child) {
    border-bottom: 1px solid #eceff0;
}
        .bk-canvas a:hover {
            color: #fff;
            background-color: #0090c9;
        }

/******************************************************/

.bk-timetable-empty {
    position: absolute;
    left: 50%;
    top: 50%;
}

.bk-timetable-empty > div {
    position: relative;
    left: -50%;
    background: #fff;
    padding: 15px 25px;
    border-radius: 3px;
    z-index: 2;
    color: #6F6F6F;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
}

/** Print **/
@media print {

    body {
        height: 100%;
        background-image: none;
        max-height: 100vh;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }

        body * {
            color: #000 !important;
        }

    .bk-timetable-body {
        border: 1px solid #000;
        padding: 0px 5px 2px 5px;
    }

    .bk-timetable-header {
        display: none;
    }

    .bk-timetable-header-print {
        display: block;
        height: 10px;
        margin: 0px;
        margin-left: 40px;
        padding: 0px;
    }

        .bk-timetable-header-print .bk-timetable-school {
            font-size: 13px;
            line-height: 14px;
        }

        .bk-timetable-header-print .bk-timetable-title {
            font-size: 20px;
            line-height: 21px;
            margin: 0px 10px;
            font-weight: 600;
        }

    .bk-timetable-row {
        min-height: 110px;
    }

    .bk-timetable-main .bk-timetable-hours {
        max-height: 45px;
        height: auto;
    }

    .bk-timetable-hours .bk-hour-wrapper {
        background: none;
        border: 1px solid #000;
        border-bottom: none;
    }

        .bk-timetable-hours .bk-hour-wrapper .num {
            padding: 0px;
            min-height: 17px;
            line-height: 17px;
            font-size: 15px;
            color: #000000;
        }

        .bk-timetable-hours .bk-hour-wrapper .hour {
            line-height: 11px;
            font-size: 11px;
            min-height: 0px;
        }

        .bk-timetable-day.day-name .bk-day-wrapper {
            background: none;
            border: 1px solid #000;
            border-right: none;
        }

    .bk-timetable-row .bk-cell-wrapper {
        background: none;
        border: 1px solid #000;
        border-top: none;
    }

    .bk-timetable-main .bk-timetable-hours {
        border-bottom: 1px solid #000;
    }

    .bk-timetable-main {
        width: 100%;
        min-height: 0;
        display: flex;
        flex-direction: column;
        margin-top: 0px !important;
    }

    .bk-timetable-day.day-name .bk-day-day {
        line-height: 16px;
        font-size: 15px;
    }

    .bk-timetable-cell::after {
        content: '';
        background: #000;
        background-color: #000;
        fill: black;
    }

    .bk-system-baka {
        padding: 2px 5px 0px 0px !important;
    }

    .bk-timetable-cell .day-item-hover {
        border: 1px solid #000;
        box-shadow: none;
        background-image: none;
    }

    .bk-timetable-cell .day-item .day-item-hover:not(.multi) .middle {
        font-size: 20px !important;
        line-height: 21px !important;
        font-weight: bold;
    }

    .bk-timetable-cell .day-item .day-item-hover:not(.multi) .bottom {
        font-size: 13px;
        line-height: 14px;
        opacity: 1;
    }

    .bk-timetable-cell .day-item .top .right,
    .bk-timetable-cell .day-item .top .left,
    .bk-timetable-cell .day-item .multi .bottom {
        opacity: 1;
    }

        .bk-timetable-cell .day-item .top .right .first,
        .bk-timetable-cell .day-item .top .left > div,
        .bk-timetable-cell .day-item .multi .bottom {
            line-height: 12px;
            font-size: 11px;
        }

    .bk-timetable-cell .day-item .multi .middle {
        font-size: 13px !important;
        line-height: 14px !important;
        height: 16px !important;
        font-weight: bold;
    }

    .bk-timetable-cell .day-item .multi .top {
        min-height: 0px;
        height: 13px;
    }

    .bk-timetable-cell .day-item .bottom {
        max-height: 40px;
    }

    .bk-timetable-guard span,
    .bk-timetable-generalGuard span {
        color: #fff !important;
    }

        .bk-timetable-guard span,
        .bk-timetable-generalGuard span {
            color: #fff !important;
        }

        @page {
            size: auto;
        }
}