@font-face{font-family:"Exo2";src:url("https://reservations.h2oclub.hr/assets/webfonts/Exo2-VariableFont_wght.ttf")}body{font-family:"Exo2"}h1,h2,h3,h4,h5{font-weight:bold;letter-spacing:.125rem}h1{font-size:2.8em;line-height:1em;background:-webkit-linear-gradient(45deg, hsl(219, 98%, 48%) 55%, #72a3fe 90%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:#0256f2;text-align:center;text-shadow:rgba(2,86,242,.3) -0.125em .0875em .125em;text-rendering:optimizelegibility}p{-ms-word-wrap:break-word;word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-hyphenate-before:2;-webkit-hyphenate-after:3;hyphenate-lines:3;-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig"}.reservation-container{overflow:hidden;background-image:url("../images/background.webp");background-position:center;background-repeat:no;background-size:100% 100%;z-index:0}.reservation-container .shortname{background:#e6efff;color:#000919;font-weight:600;position:absolute;width:-moz-max-content;width:max-content;min-width:4ch}.reservation-container #control{position:absolute;z-index:10;left:1%;top:1%;font-size:1.8em;color:#0256f2}.reservation-container .table{border-radius:.25em;width:-moz-min-content;width:min-content;position:absolute;background:#727a88;color:#e6efff;width:3%;height:5%}.reservation-container .table .shortname{font-weight:400;left:-10%}.reservation-container .table.reserved{background:#0256f2}.reservation-container .table.reserved.arrived{background:#16670f}.reservation-container .table.other{background:#c01b1b}.reservation-container .table.arrived:not(.reserved){outline:.5em solid #16670f}.reservation-container .table.important{background:#ba7a2c}.reservation-container .table.important .shortname{background:#fdde6d;font-weight:900}.reservation-container .table .shortname,.reservation-container .table .title{font-size:.8em}.reservation-container .table .title{text-align:center;font-weight:600;line-height:1em;padding:.125em}.reservation-container .level1 .table-1{left:12%;top:34.5%}.reservation-container .level1 .table-2{left:12%;top:26.5%}.reservation-container .level1 .table-3{left:86%;top:27.5%}.reservation-container .level1 .table-4{left:86%;top:36%}.reservation-container .level1 .table-5{left:76.5%;top:46.5%}.reservation-container .level1 .table-6{left:67.5%;top:46.5%}.reservation-container .level1 .table-7{left:61%;top:46%}.reservation-container .level1 .table-8{left:54.5%;top:46%}.reservation-container .level1 .table-9{left:48.75%;top:46%}.reservation-container .level1 .table-10{left:43.4%;top:46%}.reservation-container .level1 .table-11{left:37.6%;top:46%}.reservation-container .level1 .table-12{left:31.5%;top:46%}.reservation-container .level1 .table-13{left:22%;top:46%}.reservation-container .level1 .table-14{left:30%;top:59%}.reservation-container .level1 .table-15{left:36.7%;top:59%}.reservation-container .level1 .table-16{left:42.5%;top:59%}.reservation-container .level1 .table-17{left:49%;top:59%}.reservation-container .level1 .table-18{left:55%;top:59%}.reservation-container .level1 .table-19{left:61.5%;top:59%}.reservation-container .level1 .table-20{left:68%;top:59%}.reservation-container .level1 .table-21{left:78.4%;top:73.1%}.reservation-container .level1 .table-22{left:73%;top:73.1%}.reservation-container .level1 .table-23{left:64.75%;top:71.6%}.reservation-container .level1 .table-24{left:58.5%;top:71.6%}.reservation-container .level1 .table-25{left:52%;top:71.6%}.reservation-container .level1 .table-26{left:46%;top:71.6%}.reservation-container .level1 .table-27{left:39.5%;top:71.6%}.reservation-container .level1 .table-28{left:33.5%;top:71.6%}.reservation-container .level1 .table-29{left:26.25%;top:74.5%}.reservation-container .level1 .table-30{left:20.5%;top:74.5%}.reservation-container .level1 .table-31{left:20.5%;top:85.75%}.reservation-container .level1 .table-32{left:78.5%;top:85%}.reservation-container .level1 .table-33{left:83.5%;top:94%}.reservation-container .level1 .table-33 .shortname{top:60%}.reservation-container .level1 .table-34{left:21%;top:60%}.reservation-container .level1 .table-35{left:78%;top:60%}.reservation-container .level1 .table-36{left:72%;top:52%}.reservation-container .level1 .table-37{left:26.5%;top:52%}.reservation-container .level1 .table-38{left:69%;top:75%}.reservation-container .level1 .table-39{left:21%;top:93%}.reservation-container .level1 .table-40{left:80%;top:91%;height:3%}.reservation-container .level1 .table-41{left:76%;top:93%;height:3%}.reservation-container .level2 .shortname{top:64%}.reservation-container .level2 .table-1{left:13.2%;top:82%;height:12%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-1 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%}.reservation-container .level2 .table-2{left:13.2%;top:63%;height:12%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-2 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%}.reservation-container .level2 .table-3{left:13.2%;top:45%;height:12%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-3 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%}.reservation-container .level2 .table-4{left:85.5%;top:45%;height:12%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-4 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%;left:75%}.reservation-container .level2 .table-5{left:85.5%;top:63%;height:12%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-5 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%;left:75%}.reservation-container .level2 .table-6{left:85.5%;top:82%;height:12%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-6 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%;left:75%}.reservation-container .level2 .table-7{left:30%;top:95.5%;height:4%;width:6%;border-radius:0%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-7 .shortname{top:-50%}.reservation-container .level2 .table-8{left:36.5%;top:82%;width:2.4%;height:10%;border-radius:0%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-8 .shortname{top:0%}.reservation-container .level2 .table-9{left:66.5%;top:82%;width:2.4%;height:10%;border-radius:0%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-9 .shortname{top:0%}.reservation-container .level2 .table-10{left:69%;top:95.5%;height:4%;width:6%;border-radius:0%;display:flex;align-items:center;justify-content:center}.reservation-container .level2 .table-10 .shortname{top:-50%}.reservation-container .level3 .shortname{left:0%;top:75%}.reservation-container .level3 .table-1{left:1%;top:82.5%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-1 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%}.reservation-container .level3 .table-2{left:1%;top:61.7%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-2 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%}.reservation-container .level3 .table-3{left:1%;top:40.8%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-3 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%}.reservation-container .level3 .table-4{left:1%;top:20%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-4 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%}.reservation-container .level3 .table-5{left:21.5%;top:10.6%;height:5%;width:9.5%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-6{left:34.5%;top:10.6%;height:5%;width:9.5%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-7{left:58%;top:10.6%;height:5%;width:10.5%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-8{left:73%;top:10.6%;height:5%;width:10.5%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-9{left:85.5%;top:1.3%;height:5.5%;width:6.5%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-10{left:93%;top:1.3%;height:5.5%;width:6.5%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-11{left:95.8%;top:20%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-11 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%;left:75%}.reservation-container .level3 .table-12{left:95.8%;top:40.8%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-12 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%;left:75%}.reservation-container .level3 .table-13{left:95.8%;top:61.5%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-13 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%;left:75%}.reservation-container .level3 .table-14{left:95.8%;top:82.5%;height:14%;width:3.4%;border-radius:50%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-14 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:0%;left:75%}.reservation-container .level3 .table-15{left:18.5%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-16{left:24.8%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-17{left:31%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-18{left:37.5%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-19{left:46.7%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-20{left:53.5%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-21{left:60%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-22{left:66.5%;top:0%;width:3.5%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-23{left:12%;top:2.3%;width:3%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-24{left:18%;top:13.5%;width:3%;height:5.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-25{left:73%;top:0%;width:3.5%;height:4%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-26{left:83.8%;top:10%;width:3%;height:5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-27{left:45%;top:8%;width:3.5%;height:3.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-28{left:52%;top:8%;width:3.5%;height:3.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-29{left:1%;top:8%;width:3.5%;height:3.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level3 .table-30{left:79%;top:1%;width:3.5%;height:3.5%;display:flex;align-items:center;justify-content:center}.reservation-container .level4 .table{width:6%;height:3%}.reservation-container .level4 .table-1{left:5.5%;top:31%}.reservation-container .level4 .table-2{left:5.5%;top:37%}.reservation-container .level4 .table-3{left:5.5%;top:43%}.reservation-container .level4 .table-4{left:5.5%;top:49%}.reservation-container .level4 .table-5{left:5.5%;top:55%}.reservation-container .level4 .table-6{left:5.5%;top:61%}.reservation-container .level4 .table-7{left:5.5%;top:67%}.reservation-container .level4 .table-8{left:5.5%;top:73%}.reservation-container .level4 .table-9{left:5.5%;top:79%}.reservation-container .level4 .table-10{left:5.5%;top:85%}.reservation-container .level5 .table{width:6%;height:3%}.reservation-container .level5 .table-1{left:90%;top:31%}.reservation-container .level5 .table-2{left:90%;top:37%}.reservation-container .level5 .table-3{left:90%;top:43%}.reservation-container .level5 .table-4{left:90%;top:49%}.reservation-container .level5 .table-5{left:90%;top:55%}.reservation-container .level5 .table-6{left:90%;top:61%}.reservation-container .level5 .table-7{left:90%;top:67%}.reservation-container .level5 .table-8{left:90%;top:73%}.reservation-container .level5 .table-9{left:90%;top:79%}.reservation-container .level5 .table-10{left:90%;top:85%}.reservation-container .level6 .shortname{writing-mode:vertical-rl;min-width:-moz-min-content;min-width:min-content;top:-30%;left:-50%}.reservation-container .level6 .table{width:2%;height:8%}.reservation-container .level6 .table-1{left:27%;top:26%}.reservation-container .level6 .table-2{left:32%;top:26%}.reservation-container .level6 .table-3{left:37%;top:26%}.reservation-container .level6 .table-4{left:42%;top:26%}.reservation-container .level6 .table-5{left:47%;top:26%}.reservation-container .level6 .table-6{left:52%;top:26%}.reservation-container .level6 .table-7{left:57%;top:26%}.reservation-container .level6 .table-8{left:62%;top:26%}.reservation-container .level6 .table-9{left:67%;top:26%}.reservation-container .level6 .table-10{left:72%;top:26%}.message-holder{font-weight:600;font-size:1.2em;padding-left:2em;color:#0256f2;display:none}button{margin-top:1em}input[type=time]{width:50%;height:2em}input[type=date]{position:relative;width:50%;height:2em;background:#e6efff;color:#e6efff}input[type=date]:before{position:absolute;top:3px;left:3px;content:attr(data-date);display:inline-block;color:#000919}input[type=date]::-webkit-datetime-edit,input::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{display:none}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:3px;right:0;color:#000;opacity:1}label.checkbox{display:flex;align-items:center;justify-content:center;font-size:1.2em}label.checkbox input{width:2em}.ui-dialog{background:#e6efff;border:#0256f2 solid 1px;border-radius:1em;display:flex;flex-direction:column;justify-content:space-around;padding:1em;width:20em}.ui-dialog .ui-dialog-buttonset{display:flex;flex-direction:row;justify-content:space-between}.ui-dialog .ui-dialog-titlebar-close{display:none}.ui-dialog .ui-dialog-title{font-size:1.4em;font-weight:600;color:#c01b1b}.ui-dialog .ui-button{width:3.5em;background-color:#0256f2;border:#0256f2 solid 1px}.ui-dialog .ui-button:hover,.ui-dialog .ui-button:focus,.ui-dialog .ui-button:active{background-color:#e6efff;color:#0256f2}body,html{margin:0;padding:0}*{box-sizing:border-box}.container{padding:1em;height:90vh;display:grid;justify-content:center;place-items:center;position:relative}form{display:flex;gap:.5em}form.login-form{flex-direction:column}form .row{display:flex;flex-direction:row}form .col{margin:2em;flex-basis:100%;display:flex;flex-direction:column;justify-content:space-around}.input-label{font-size:1.2em}input{border-color:#0256f2;border-radius:.5em;min-height:2.4em}input:focus{box-shadow:-0.25em .175em .5em rgba(2,86,242,.75) !important}input:disabled{background-color:#9ba1ab}button{min-height:3em;border-color:rgba(2,86,242,0);border-style:solid;border-radius:.75em;color:#e6efff;font-size:1em;font-weight:600;letter-spacing:.2em;background:#9ba1ab}button:hover{background:#000919}button.primary{background:linear-gradient(45deg, hsl(219, 98%, 48%) 55%, #72a3fe 90%);box-shadow:-0.25em .175em .5em rgba(2,86,242,.75)}button.primary:hover{border-color:#0256f2;background:linear-gradient(25deg, hsl(219, 98%, 48%) 5%, #72a3fe 40%);color:#0256f2}button.secondary{background:linear-gradient(45deg, hsl(32, 88%, 9%) 55%, hsl(32, 88%, 73%) 90%);box-shadow:-0.25em .175em .5em rgba(247,190,126,.75)}button.secondary:hover{border-color:#f7be7e;background:linear-gradient(25deg, hsl(32, 88%, 9%) 5%, hsl(32, 88%, 73%) 40%);color:#2b1803}.modal{position:fixed;top:0px;left:0px;background:rgba(2,86,242,.75);width:100%;height:100%;display:none}.modal h2{margin:0}.modal .modal-content{overflow:scroll;height:-moz-min-content;height:min-content;max-height:100%;width:66%;margin:0 auto;margin-top:5%;border-radius:1em;background:#e6efff;position:relative}.modal .modal-content h2{margin-left:1em}.modal .close-btn{position:absolute;top:1%;right:1%;font-size:2em;color:#000919;text-decoration:none}.modal .close-btn:hover,.modal .close-btn:active,.modal .close-btn:focus{color:#0256f2}.hidden{display:none}
/*# sourceMappingURL=style.css.map */