*,:after,:before{padding:0;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-filter:blur(0)}body,html{background-color:#191919;color:#fff;font-family:Encode Sans Expanded,sans-serif;width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:200}div#SchoolOverviewRoot,div.layout{width:100%;height:100%}div.layout{padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch}div.right{display:none;float:right;width:300px;position:relative;background-color:#171717;border-left:1px solid #212121;height:100vh}div.first-load{position:fixed;width:100%;height:100%;pointer-events:none;left:0;z-index:999999999;top:0;background-color:#212121;opacity:0;transition:all .4s}div.first-load.error{border:5px solid #e74c3c}div.first-load.loading{opacity:1}div.first-load>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:auto;-webkit-animation:pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;opacity:.3}@-webkit-keyframes pulsate{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}article.foodBox{width:600px;height:250px;float:left;background-color:#212121}article.foodBox>h2{width:100%;background:linear-gradient(135deg,#008bf5,#6c78fa 85%,#6c78fa);text-align:center;font-weight:400;padding:8px;font-size:.9em}article.foodBox div.foods{float:left;width:100%;border:2px solid #292929;border-top:none;height:216px;display:flex;flex-direction:column;justify-items:stretch;align-self:stretch}article.foodBox div.foods>h1{float:left;text-align:center;width:100%;font-size:25px;text-transform:uppercase;font-weight:300;padding:10px;border-bottom:1px solid #212121}article.foodBox div.foods>div.food{float:left;display:flex;flex:1;flex-direction:row;align-items:center;justify-content:flex-start;border-bottom:2px solid #292929}article.foodBox div.foods>div.food:last-child{border-bottom:none}article.foodBox div.foods>div.food h2{display:table;background:#171717;border-right:2px solid #292929;float:left;text-align:center;width:42px;height:100%;font-size:25px;margin-right:20px}article.foodBox div.foods>div.food h2>span{display:table-cell;vertical-align:middle}article.foodBox div.foods>div.food>ul{float:left;width:calc(100% - 60px);margin-left:18px;list-style:none}article.foodBox div.foods>div.food>ul>li{width:100%;float:left;padding:2px}section.schedule{width:100%;flex:1}section.schedule div.reduce{float:left;height:1px;background-color:transparent;border:none}section.schedule article.schedule-body{width:calc(50% - 10px);float:left;background-color:#212121}section.schedule article.schedule-body:first-child{margin-right:10px}section.schedule article.schedule-body:last-child{margin-left:10px}section.schedule article.schedule-body header{width:100%;padding:10px;background:linear-gradient(135deg,#008bf5,#6c78fa 85%,#6c78fa);float:left}section.schedule article.schedule-body header>h2{width:100%;float:left;font-weight:400;font-size:.9em;text-align:center}section.schedule article.schedule-body table.overview-table{width:100%;display:inline-block;position:relative;float:left;border-collapse:collapse}section.schedule article.schedule-body table.overview-table div.selector{width:20px;position:absolute;background:linear-gradient(135deg,#008bf5,#6c78fa 85%,#6c78fa);left:0;top:0;transition:left .8s ease,width .8s ease;height:2px}section.schedule article.schedule-body table.overview-table td,section.schedule article.schedule-body table.overview-table th{border-collapse:collapse;border:2px solid #292929}section.schedule article.schedule-body table.overview-table thead{background-color:#171717;border-bottom:1px solid #212121}section.schedule article.schedule-body table.overview-table thead th{padding:5px;position:relative;z-index:999;background-color:transparent}section.schedule article.schedule-body table.overview-table thead th>div.hourNumber{font-size:.7em}section.schedule article.schedule-body table.overview-table thead th>div.hourInfo{font-size:.65em}section.schedule article.schedule-body table.overview-table tbody tr{height:50px}section.schedule article.schedule-body table.overview-table tbody td.class-name{padding:5px;font-size:.7em;text-align:center;vertical-align:middle;background-color:#171717}section.schedule article.schedule-body table.overview-table tbody td.subject{padding:2px;min-height:56px}section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body{padding:3px;float:left;width:100%;background-color:#171717;text-align:center;border-right:2px}section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body h4.name{font-size:.9em;white-space:nowrap;overflow:hidden;padding:0 2px;max-height:18px;text-overflow:ellipsis;font-weight:700}section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body h4.name sup.group{font-weight:700;font-size:.6em}section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body div.group,section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body div.room,section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body div.teacher{float:left;width:100%;text-overflow:ellipsis;overflow:hidden;max-height:19px;max-width:100%;white-space:pre-wrap;font-weight:400;font-size:.8em}section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body.event{background-color:#f39c12}section.schedule article.schedule-body table.overview-table tbody td.subject div.subject-body.replace{background-color:#e74c3c}div.logoBox{width:390px;float:left;padding:35px;height:250px;background:linear-gradient(-135deg,#008bf5,#6c78fa 85%,#6c78fa);margin-right:20px;position:relative}div.logoBox>img{width:310px;left:50%;transform:translate(-50%,-50%);top:50%;position:absolute;transition:all .2s ease;opacity:1}div.logoBox>img.updating{-webkit-animation:pulsate 2s ease-out;-webkit-animation-iteration-count:infinite;opacity:.3}div.dateAndTime{width:390px;float:left;padding:35px;height:250px;background:linear-gradient(135deg,#008bf5,#6c78fa 85%,#6c78fa);margin-left:20px}div.dateAndTime h1.time{float:left;font-size:100px;text-align:center;position:relative;width:100%;margin-bottom:15px;border-bottom:1px solid #fff}div.dateAndTime h1.time div.minuteLoadingBar{position:absolute;left:0;bottom:-2px;transition:width .1s;height:3px;width:0;background-color:#fff;float:left}div.dateAndTime h2.date{width:100%;font-size:25px;text-align:center;float:left}header.header{margin-bottom:20px;float:left;width:100%;height:250px}header.header>div.part{width:calc(50% - 10px);float:left}header.header>div.part:first-child{margin-right:10px}header.header>div.part:last-child{margin-left:10px}nav{float:left;width:100%}footer{flex:2;margin-top:20px;border-top:2px solid #292929;justify-content:flex-start;align-items:flex-start;align-content:flex-start;display:flex;position:relative;flex-direction:column}footer>div.message{flex:3;width:100%;float:left;display:flex;align-items:center;border-bottom:2px solid #292929;margin-bottom:20px;justify-content:center;overflow:hidden}footer>div.message>p{width:100%;float:left;font-size:1.5em;color:#fff;white-space:pre-wrap;font-weight:700;text-align:center}footer>div.message>p.empty{color:#373737}footer>div.info{flex:0;width:100%;float:left;color:#737373}footer>div.info>span.left{float:left}footer>div.info>span.right{float:right}
/*# sourceMappingURL=Bundle.css.map*/