*{box-sizing: border-box;}
body{margin:0;padding:0;font-family: Tahoma,Arial,Helvetica,sans-serif;font-size:1vw;line-height:2.15vw;}
html{overflow: hidden;}
html, body{height:100%;}
.row{
    box-sizing: inherit;
    position:relative;
    width:100%;
    height:100%;
}

#lowerRow{
    height:150px;
    min-height:150px;
    width:100%;
    background:white;
    border-top:3px solid black; /* #006b65 */
    display:flex; 
    position:absolute;
    bottom:0px;
         
}    

.quarter{width:25%;}
.quarter #time{height:80%;display: table;width: 100%;}
.quarter #date{height:20%;}
#date, #time{text-align:center;}
#time_str{vertical-align: middle;font-size: 6rem;display: table-cell;}
.threequarter{width:75%;}

#content{width:100%;display:flex;overflow: hidden;}
#rooms{flex:50%;width:50%;height:100%;}
#preview{flex:50%;width:50%;}
#preview img{display:block;margin:auto;max-width: 100%;
        max-height: 100%;}
.room{height:5%;border-bottom: 2px solid #494949;border-right: 5px solid Black;display:flex;}       /* 5% odpovida 20 mistnostem */
.room:nth-child(odd){background:#f8f8f8;}
.room:nth-child(even){background:white;}
#rooms .room:last-child{border-bottom:none;}
.room_name{
    display:inline-block;
    font-weight: bold;
    color: black;
    background-color:#c3c3c3;
    border-right:2px solid #494949;
    height:100%;width:10%;flex:10%;text-align:center;}

.subjects{width:90%;flex:90%;display:inline-flex;}
.subjects > span{margin-left:2%;}
.subjects > span strong{color:#4CAF50;}
.now, .next{width:46%;margin:0 2%;border-left:1px solid #494949;border-right:1px solid #494949;text-align:center;position:relative;}
span.od, span.do{position:absolute;font-size:0.75rem;top: 3px;line-height: normal;font-weight:bolder;}
span.od{left:3px;}
span.do{right:3px;}
.no-border{border:none;}

.zk{background:#eeef97;}
.sem{background:#9ee5c1;}
.pre{background:#e3e3e3;}
.event{background:#fdbb74;}

/* prezentace */
.show{display:contents;}
.hidden{display:none;}
.presentation{max-width: 100%;max-height: 100%;}

/* jidlo */
h3.kantyna{padding-left:10px;margin:10px 0;line-height:normal;}
.red{color:red;}
.food{line-height:normal;display:flex;justify-content: space-between; padding: 5px;}
.food h4{margin:0;}
.food .allergens{margin:0;font-size:.9rem;}
.ceny{display:flex;}
.ceny div{margin: 0 10px;}

/* kvuli IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .show{display:ruby-base-container !important;}
}