.date{margin-left:10%}.date,.price-txt{display:flex}.conf-msg{font-size:15px;text-align:center}.closed{background-color:#b4b9c2;color:#c73a1e}.form-container{width:100%}.form-container h2{text-align:center}.form{display:flex}.form form{margin-top:2%;width:40%}#reservation,.form form{display:flex;flex-direction:column}#reservation form{margin-left:5%}#reservation form h2{margin-bottom:15%}#reservation input{border-radius:2px;padding:2px}.black{background-color:#000}.green{background-color:#7fdb76}.orange{background-color:#f7bf7e}.btn{border:1px solid #1363df}.active{background-color:#e6f4f1}.event:hover{transition:.2s}#agenda{opacity:1;width:100%}.agenda-body{background-image:url(background.jpg);background-position:50%;background-size:cover}#agenda table{border-collapse:collapse;border-spacing:0;position:relative}#agenda-header{display:flex;justify-content:end}#agenda td,#agenda th,#agenda tr,.hour{height:10%;width:10%}button{background-color:#fff;border:1px solid #000;margin:5px;padding:5px}#agenda-body{border-collapse:collapse;width:100%}.day,.hour{background-color:#3699ec;height:10px}#agenda td,#agenda th{border:1px solid #898b8c;border-collapse:collapse;border-spacing:0}.header{text-align:center}.btns{display:flex;justify-content:end}.border-red{border:1px solid red}input{border:1px solid #000;outline:none}.error{color:red;font-size:14px;margin-bottom:5px}.agenda-body{width:100%}@keyframes spinner{to{transform:rotate(1turn)}}.spinner:before{animation:spinner .6s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:#000;box-sizing:border-box;content:"";height:50px;left:23%;position:absolute;top:23%;width:50px}@media (min-width:950px){#agenda td,#agenda th{padding:5px}.form{margin-left:5%}#reservation{flex-direction:row}#agenda,.form-container{width:50%}}