body{background-color:#efefef;font-family:Arial,Helvetica,sans-serif;color:#434343;box-sizing:border-box;min-width:250px}.centered{margin:auto;display:block;text-align:center}.left-aligned{text-align:start}.rounded-box{border:4px solid rgb(83,83,83);border-radius:8px;position:relative}.search-container{position:relative;width:clamp(60px,80%,200px)}.search-icon{position:absolute;left:.2rem;top:50%;transform:translateY(-50%);cursor:pointer;height:1.2rem}.search-field{padding:2px 1.5rem}.close-button{margin:2px 2px 0 0;margin-left:clamp(220px,calc(100% - 30px),100%);font-size:large;position:sticky;right:0;top:48px;border:2px solid rgb(149,148,148);border-radius:8px;z-index:1000}.slider-label{margin-top:12px;margin-bottom:6px;display:inline-block}.scroll-list{position:absolute;left:0;width:100%;max-height:clamp(40px,40vh,300px);overflow-y:auto;background-color:#fff;border:1px solid #ccc;z-index:1000}.live-search-container{margin:0;position:relative;display:inline-block;width:96%}.scroll-list ul{list-style-type:none;padding:0}.inline{display:inline}.fullwidth{width:100%}.italic{font-style:italic}.bold{font-weight:700}.larger{font-size:larger}.underlined{text-decoration:underline}span{font-weight:700}.hidden{display:none}input{height:1.2rem;border:2px solid rgb(149,148,148);border-radius:8px;font-weight:700}.input-container{margin:auto;width:fit-content;display:grid;grid-template-columns:auto 5rem auto;align-content:center}.number-input{width:60px}#message-input{width:300px;height:fit-content}.grid2{grid-template-columns:auto 18rem;position:relative;margin-bottom:1rem}.input-container p{margin:2px;text-align:left}select{width:max-content;height:1.6rem;font-size:1rem;border:2px solid rgb(149,148,148);border-radius:8px}.input-container label,.input-container input,.input-container select,.input-container p{margin-top:.2rem;margin-bottom:.2rem;padding:auto;line-height:1.6rem}input[type=number]{padding-left:.5rem;text-align:center}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:1.2rem;height:1.2rem;border:2px solid #2d572c;border-radius:6px;background-color:#fff;cursor:pointer;outline:none;transition:all .3s ease}input[type=checkbox]:checked{background-color:#2d572c;border-color:#2d572c}input[type=checkbox]:after{content:"";position:absolute;display:none;left:4px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:checked:after{display:block}.checkbox-container{margin-top:.5em;display:flex;align-items:center;justify-content:center;gap:8px}.checkbox-left{justify-content:flex-start;margin-top:0}.checkbox-container label{vertical-align:middle;line-height:1.2}.password-input{position:relative;display:flex;align-items:center;width:fit-content}.password-input input{padding-right:30px}.toggle-password{position:absolute;right:0;background:none;border:none;cursor:pointer;font-size:1.2em;margin-right:.2rem;margin-top:.5rem;padding-right:0}.toggle-password img{height:1.5rem;opacity:.6}.toggle-password:hover{background:none}textarea{height:3rem;width:94%;border:2px solid rgb(149,148,148);border-radius:8px;padding:.2rem;font-family:Arial,Helvetica,sans-serif;line-height:1rem;font-size:1rem}.character-indicator{position:absolute;bottom:-1.3rem;right:0;font-size:small;font-style:italic}.warning{border:2px solid rgb(200,0,0);border-radius:8px}label{margin-right:.5rem}button{margin:4px 2px;display:inline-block;padding:4px 6px;background-color:#c7c7c7;color:#000;border:none;font-weight:700;border-radius:5px;cursor:pointer}button:hover{background-color:#d2d2d2}.small-green-button{background-color:#42824ba3;color:#fff}.small-green-button:hover{background-color:#64b067}.button-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.image-button{position:relative;width:150px;height:150px;cursor:pointer;transition:transform .3s ease}.image-button img{width:100%;height:100%;border-radius:10px;object-fit:cover;box-shadow:6px 6px 16px #00000094}.image-button:hover{transform:scale(1.05)}.image-button span{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);background:#343434ed;color:#fff;padding:8px 12px;border-radius:5px;font-size:14px;white-space:nowrap;text-align:center;transition:background .3s ease,opacity .3s ease}.image-button:hover span{background:#0e862a}.static-button{cursor:auto}.static-button:hover{transform:none}.grid_2_3{grid-column:2 / 4}.left{text-align:left}.subbox-container{display:flex;justify-content:space-around;flex-wrap:wrap;background-color:#b8b8b86c;margin-bottom:2rem;border-radius:10px;min-width:250px}.subbox-small{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:6px 4px;flex:1;width:50%;min-width:250px;max-width:500px;text-align:center;overflow:hidden;height:fit-content;padding:6px}.small-image-container img{border-radius:10px;object-fit:cover;width:100%;height:100%}.small-image-container{width:100%;overflow:hidden;height:clamp(100px,20vh,300px);margin-bottom:6px}.reserved-item{border:2px solid rgba(174,174,174,.582);border-radius:8px;padding:2px;margin-bottom:2px}.subbox-small p{padding:0 4px}.subbox-title{color:#fff;padding:8px;background-color:#42824ba3;margin:0;font-size:1rem}h2{color:#42824bf5;padding-top:.5rem;margin:auto;text-align:center}.subbox-medium{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:6px 4px;min-width:250px;max-width:500px;text-align:center}.subbox-container h2{padding:.5rem 2rem 0}.upload-button{display:inline-block;padding:10px 20px;background-color:#42824ba3;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px}.upload-button:hover{background-color:#64b067}.send-button{padding:4px 6px;font-size:large}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000004d}.btn{padding:10px 15px;margin:5px;border:none;cursor:pointer;border-radius:5px}.btn-danger{background-color:#dc3545;color:#fff}.btn-success{background-color:#28a745;color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.btn-primary{background-color:#007bff;color:#fff}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;border-radius:8px;color:#fff;z-index:1000;font-weight:700;text-align:center;width:100%;box-shadow:0 0 10px #00000074}.notification p{color:#fff;font-size:1rem}.success{border:2px solid rgb(76,175,79);color:#f6f6f6;font-weight:700;text-align:center;border-radius:8px;padding:4px;background-color:#22a436fc;width:max-content}.done-state{padding:4px;border-radius:6px;color:#fff}.successful{background-color:#28a745}.handed-over{background-color:#1828b9}.refused{background-color:#d80909}.deleted{background-color:#2d2b2b}.reserved{background-color:#9c7de8}.error{background-color:#841111}.warning{color:#dc143c;font-weight:700}.notification button{margin-top:1rem;padding:.5rem 1rem;background-color:#fff;color:#000;border:none;border-radius:5px;cursor:pointer}.notification button:hover{background-color:#f0f0f0}.scroll-list ul li{padding:4px;cursor:pointer;transition:background-color .3s;border:1px solid rgb(149,148,148);border-radius:8px}.scroll-list ul li:hover{background-color:#f0f0f0}.image-container{box-sizing:border-box;margin:auto;width:clamp(140px,94vw,300px);height:fit-content;position:relative}.image-slider{position:relative;max-width:600px;margin:6px 4px;overflow:hidden;border:2px solid #ddd;border-radius:10px}.slider-container{overflow:hidden}.slides{display:flex;transition:transform .5s ease;width:100%}.slide{width:100%;height:auto;flex-shrink:0;object-fit:cover;max-height:clamp(300px,50vw,600px)}.arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;z-index:10}.left-arrow{left:10px}.right-arrow{right:10px}.uploaded-image{width:auto;height:clamp(.5vh,150px,400px);margin:auto;display:block}.flex-container{display:flex;flex-direction:row;flex-flow:wrap;justify-content:center;border:1px solid #99999952}.loading .image-container img{opacity:.5}.loading .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid #ccc;border-top-color:#333;animation:spin 1s linear infinite}.loader{border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:14px;height:14px;animation:spin2 1s linear infinite;display:inline-block;margin-right:5px}.popup-header{padding:0;line-height:.5em}.custom-popup{width:280px;margin:4px;height:fit-content;max-height:55vh;min-height:inherit;border-radius:8px}.detailed-popup{position:relative;width:100%}.popup-img-container{overflow:hidden;width:96%;height:200px;background-position:center;background-repeat:no-repeat}.leaflet-popup-content-wrapper .leaflet-popup-content{padding:0;margin:0;width:100%}.leaflet-popup-content-wrapper .leaflet-popup-content p,.leaflet-popup-content-wrapper .leaflet-popup-content h3{margin:2px}.leaflet-container{z-index:5}.header{display:flex;position:fixed;top:0;left:0;min-width:250px;width:94vw;height:4vh;min-height:40px;justify-content:space-between;align-items:center;padding:4px 20px;background-color:#42824ba3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:9999}.header ul{display:flex}#nav{display:flex;flex-direction:row}#placeholder{height:5vh;min-height:40px}#content-box{border:1px solid #ddd;border-radius:8px;padding:12px 4px;background-color:#ddd;background-image:linear-gradient(145deg,#f1f1f1,#15e73b07);box-shadow:0 0 10px #00000074}.logo{font-size:24px;font-weight:700;position:relative}.logo img{width:2vw;min-width:24px;height:auto}.logo p{font-size:smaller;text-decoration:underline;font-style:italic;position:absolute;display:inline;left:calc(25px,2vw,50px);bottom:0;transform:translateY(+14px)}#map-container{width:100%;height:60vh}.map-item-container{width:100%;height:clamp(40vh,25px,80px)}.leaflet-container{border-radius:10px}.small-decimal{font-size:.8em;color:#4d4d4d}ul{list-style-type:none;margin:0;padding:0}.app-container{display:flex;height:100vh}.user-list{width:30%;border-right:1px solid #ddd;overflow-y:auto}.user-item{padding:10px;cursor:pointer;border-bottom:1px solid #ddd;margin:4px;transition:background-color .2s;border-radius:8px;overflow:hidden}.user-item:hover{background-color:#f9f9f9}.user-item.selected{background-color:#fff;box-shadow:0 0 10px #000000fe}.unread-badge{background-color:#ff4500;color:#fff;font-size:.8rem;padding:2px 5px;border-radius:5px;margin-left:10px}.chat-container{width:70%;display:flex;flex-direction:column;max-height:80%}#chat-icon{width:fit-content;position:relative;margin-right:20px}#chat-icon img{width:40px;height:28px}.message-container{display:flex;align-items:center;position:relative}.message-input{width:100%;min-height:40px;padding:8px;resize:none}.new-message-container{position:fixed;width:clamp(50px,50vw,1200px);z-index:15;border:1px solid #ddd;border-radius:8px;background-color:#42824ba3;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 150px #000000fe}.emoji-button{background:none;border:none;font-size:larger;cursor:pointer}.emoji-picker{left:0;background:#fff;border:1px solid #ccc;padding:5px;display:flex;flex-wrap:wrap;gap:5px}.emoji{font-size:20px;cursor:pointer}.message-buttons button{margin:8px}.message p{white-space:pre-wrap;word-wrap:break-word;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#messagecounter{color:#399c46;position:absolute;top:2px;left:8px;width:24px}#messagecounter p{font-weight:700;background-color:#fff;border-radius:6px;margin:auto;text-align:center}.messages{flex:1;overflow-y:auto;padding:10px;border:1px solid #ddd;display:flex;flex-direction:column}.message{display:block;max-width:70%}.message p{display:inline-block;padding:.5em;margin:.3em;border-radius:10px;font-weight:700}.message-form{position:relative}.sent{align-self:flex-end;text-align:right}.received{align-self:flex-start;text-align:left}.sent p{background-color:#d1f7d6}.received p{background-color:#dcdcdc}.reservation-list{height:fit-content;max-height:400px;overflow-y:auto;border:2px solid rgb(189,189,189);border-radius:8px}.sticky-top-fade{height:10px;position:sticky;top:0;z-index:5;background:linear-gradient(to top,#fff0,#fff);margin:0;padding:0;pointer-events:none}.sticky-bottom-fade{height:10px;position:sticky;bottom:0;z-index:5;background:linear-gradient(to bottom,#fff0,#fff);margin:0;padding:0;pointer-events:none}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease,transform .5s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}.reservation-item{background-color:#efefef;border-radius:8px;padding:6px;margin:4px}.reservation-item span,.reservation-item p{margin:2px 0 4px}ul li a{color:#fff;font-weight:700;text-decoration:none}ul li{margin-right:20px;margin-top:8px}.menu-toggle{display:none}@media (max-width: 768px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;width:40px;height:40px;background-color:#ffffffe7;position:fixed;border-radius:8px;right:24px;z-index:10}.menu-toggle span{display:block;width:25px;height:3px;background-color:#739878;margin:4px 0;transition:transform .3s ease,opacity .3s ease}.menu-toggle.open span:first-child{transform:rotate(45deg) translate(4px,4px)}.menu-toggle.open span:last-child{transform:rotate(-45deg) translate(4px,-4px)}#chat-icon{position:fixed;right:100px;top:8px}.header ul{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:#739878}ul.active{display:flex}ul li{margin:0;padding:10px}#nav ul li{border-bottom:1px solid #ddd}.new-message-container{position:fixed;width:100%}.custom-popup{display:none}}@media (max-height: 710px){.custom-popup{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}