.modal{background-color:rgba(0,0,0,.6);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.modal button{border:0;cursor:pointer;outline:none}.modal>section{-webkit-animation:modal-show .3s;animation:modal-show .3s;background-color:#fff;border-radius:.3rem;margin:0 auto;max-width:450px;overflow:hidden;width:90%}.modal>section>header{background-color:#4285f4;color:#fff;font-size:15px;font-weight:500;padding:16px 64px 16px 16px;position:relative}.modal>section>header button{background-color:initial;color:#005bca;font-size:21px;font-weight:700;position:absolute;right:15px;text-align:center;top:15px;width:30px}.modal>section>main{border-bottom:1px solid #dee2e6;border-top:1px solid #dee2e6;font-size:13px;padding:16px}.modal>section>footer{padding:12px 16px;text-align:right}.modal>section>footer button{background-color:#4285f4;border-radius:5px;color:#fff;font-size:13px;padding:6px 12px}.modal.openModal{align-items:center;-webkit-animation:modal-bg-show .3s;animation:modal-bg-show .3s;display:flex}@-webkit-keyframes modal-show{0%{margin-top:-50px;opacity:0}to{margin-top:0;opacity:1}}@keyframes modal-show{0%{margin-top:-50px;opacity:0}to{margin-top:0;opacity:1}}@-webkit-keyframes modal-bg-show{0%{opacity:0}to{opacity:1}}@keyframes modal-bg-show{0%{opacity:0}to{opacity:1}}.header{color:#fff;height:60px;width:100%}.logoImage{margin-left:7px;margin-top:7px;width:80px}.page{align-items:center;background:linear-gradient(45deg,rgba(66,183,245,.8),rgba(66,245,189,.4));height:100%;justify-content:center;margin:-9px;width:100%}.loginform,.page{position:absolute}.loginform{background-color:#fff;border-radius:10px;bottom:10%;display:flex;flex-direction:column;height:90%;left:50%;max-height:1000px;max-width:500px;top:6%;-webkit-transform:translate(-50%);transform:translate(-50%);width:80%}.buttonWrap{margin-top:7px}.buttonWrap2{margin-top:70%}.buttonWrap3{margin-top:10%}.titleWrap{margin-top:30%}.blue-box{margin:2% auto 7px}.blue-box,.blue-box2{background:#4285f4;border:0;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:Roboto;font-size:14px;font-weight:550;line-height:1.6em;max-width:270px;outline:none;padding:9px 20px;text-transform:uppercase;width:60%}.blue-box2{bottom:12%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.blue-box2:disabled,.blue-box:disabled{background:#adccff}.inputTitle{color:#4285f4;font-size:12px;font-weight:600;padding:0 18%}.inputWrap{background-color:#fff;border:1px solid #e2e0e0;border-radius:8px;display:flex;display:block;margin:12px auto;padding:10px;width:60%}.inputWrap:focus-within{border:1px solid #4285f4}.input{border:none;font-size:10px;font-weight:400;height:13px;outline:none;width:80%}.forgotPw{color:#4285f4;font-size:10px;margin:8px auto}.errMsg{color:#cf0d0d;display:inline-block;font-size:10px;left:50%;position:absolute;top:79%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.errBtn{height:20px;margin-left:18%;width:63px}.errBtn,.errBtn2{background:#4285f4;border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto;font-size:8px;font-weight:400;line-height:1.2em;outline:none}.errBtn2{height:33px;margin-left:6%;margin-top:3.5%;min-width:40px;position:relative;width:50px}.errBtn3{background:#4285f4;border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto;font-size:8px;font-weight:400;height:20px;line-height:1.2em;outline:none;position:absolute;right:8.7%;top:3.3%;width:63px}.time-reservation-table{border-collapse:collapse;box-shadow:2px 2px 5px rgba(0,0,0,.1);font-size:70%;height:60%;left:50%;min-height:100px;min-width:100px;position:absolute;text-align:center;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:92%}.time-reservation-table td,.time-reservation-table th{border:1px solid #9cbfe0;padding:3%}.time-reservation-table th{background-color:#4285f4;color:#fff}.time-reservation-table td{background-color:#fff;color:#4285f4}.time-reservation-table .booked{background-color:#8bf6a2;color:#ddd}.time-reservation-table tr:hover,.time-reservation-table tr:nth-child(2n),.time-reservation-table tr:nth-child(odd){background-color:#fff}.isReserved,.otherbooked{background-color:red}
/*# sourceMappingURL=main.f445bce7.css.map*/