.row .col-xs-12,.row .col-xs-5,.row .col-xs-7{position:relative;min-height:1px}.reservation-grid-headers{display:flex;width:100%}.reservation-grid-header{width:20%;text-align:center;text-decoration:underline}.reservation-grid-header a{color:#000;font-size:1.7rem;font-weight:700;text-decoration:none}.reservation-grid{position:relative;overflow:auto;min-height:100vh;width:14.28%}.reservation-grid .grid-30min{position:absolute;min-height:100vh;width:100%}.reservation-grid .grid-30min .min-block{height:50px;background:#c7c9c8;margin:1px 1px 1px 1px;color:rgba(0,0,0,.9)}.screen{display:flex;height:90vh;overflow-y:scroll;overflow-x:hidden;width:100%}.reservation-grid.screen-item{overflow:visible}.reservations .reserved,.reservations .restricted{border-radius:2px;color:#fff;margin:0 1% 0 1%;width:98%;overflow:hidden}.reservations .reserved{background:rgba(241,86,63,.87);z-index:2}.reservations .restricted{background:rgba(140,140,140,.87);z-index:1}.reservations .reserved-restricted--first{margin:0 1px 0 20%;width:calc(80% + 1px)}.reservations .reserved--own{background-color:green}.reservation-time,.reservation-title{word-wrap:break-word}@media (max-width:900px){.reservation-grid .grid-30min .min-block .time{padding:0;font-size:1.4rem}.reservations .reserved-restricted--first{margin:0 1px 0 30%;width:calc(70% + 1px)}.reservation-grid-header a{font-size:1.3rem}.reservations .reserved,.reservations .restricted{font-size:1.5rem}}@media (max-width:450px){.reservation-grid-header a{font-size:1rem}.reservations .reserved,.reservations .restricted{font-size:1.4rem}}@media (max-width:390px){.reservation-grid-header a{font-size:.9rem}.reservations .reserved,.reservations .restricted{font-size:1.2rem}.reservations .reserved-restricted--first{margin:0 1px 0 35%;width:calc(65% - 1px)}}