*{margin:0;cursor:url(/pointinghand.svg),auto;font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}h1{font-size:2.2em;line-height:1.1}button{border-radius:8px;border:1px solid rgba(0,0,0,0);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#b1040dbe;cursor:pointer;color:#fff;transition:border-color .25s}button:hover{background-color:#ff000d}.centerdiv{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px}.title{font-size:2em;margin-top:70px;margin-bottom:30px}#landingPage img{width:15em}#loginPage{border-radius:20px;padding:2em 4em;background-color:#f9f9f9;border:1px solid #ddd;box-shadow:0 4px 6px #0000001a}#loginPage h1{font-size:2em;margin-top:0}#loginPage input{height:30px;border:1px solid rgb(0,0,0);padding:.5em;border-radius:10px;width:200px}#loginPage img{width:100px;padding:25px}.showpassword:hover{cursor:pointer;color:#b1040dbe}.showpassword{position:relative;left:55px;bottom:33px}#loginPage a:hover{cursor:pointer;color:#b1040dbe}.passwordVisbility{position:relative;left:75px;bottom:33px;font-size:13px}.loader-fetching-room{animation:blink 1.5s infinite;padding:30px}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.footerlogobar{background-color:#b1040e;width:100vw;height:12vh;margin:0;text-align:center;z-index:2}.footerlogo{height:10vh;padding:7px 0;z-index:2}.copyright{text-align:center;background-color:#000;color:#f0f8ff;padding:3px 0;position:sticky;bottom:0;z-index:2;font-size:13px}header{position:sticky;top:0;z-index:5}.logobar{background-color:#b1040e;width:100vw;height:12vh;display:flex;align-items:center;padding:0 10px;box-sizing:border-box}.logo{height:10vh;padding:5px}.navbar{background-color:#fff;color:#000;width:100vw;height:33px;display:flex;align-items:center;gap:10px;z-index:5;position:relative;justify-content:center}.dropbtn{background-color:transparent;color:#000;padding:2px;font-size:18px;border:none;cursor:pointer}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:100px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#000;padding:10px 20px;text-decoration:none;display:block;margin-top:5px}.dropdown-content a:hover{background-color:#b11e1e;color:#fff}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#b11e1e;color:#f1f1f1;border-radius:0%}@media screen and (max-width: 450px){.dropbtn{background-color:transparent;color:#000;padding:2px;font-size:14px;border:none}}.popup-bg{width:100vw;height:100vh;z-index:100;position:fixed;background-color:#ffffffd8}.popup-bg .centerdiv{width:60vw;background-color:#fff;border-radius:20px;padding:15px;line-height:1.8em}.popup-msg h2,.popup-ok-btn{text-align:center}#homePage{background-color:#b1040d75;padding-bottom:20px;text-align:left;font-size:13px;overflow:hidden}.titleContainer{text-align:center;background-color:#b1040dbe;padding:10px 0}.homeContent{max-width:100vw;margin:35px;font-size:1.5em}.contentBlock{margin:20px 0;opacity:0;animation-duration:2.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}p strong{display:inline-block;transition:color .3s ease}.heritageImage{width:100vw;text-align:center}#aqua-img{width:100vw}#aquamarinePage h1{text-align:center;background-color:#b1040dbe;font-size:40px}#aquamarinePage{background-color:#b1040d75;padding-bottom:1px;font-size:15px;line-height:25px}.aquaContent{max-width:100vw;margin:35px;font-size:1.2em}#aquaBookRoom{text-align:center;margin:40px}#aquaBookRoom button{background-color:#b7383f;color:#f0f8ff}.contentBlock{margin:20px 0;opacity:0;animation-duration:.7s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slideInLeft{animation-name:slideInLeft}.slideInRight{animation-name:slideInRight}#aquamarineRoomPage{background-color:#404747;height:auto;color:#f0f8ff;text-align:center}#aquamarineRoomPage .form-container{text-align:center;padding:20px}#aquamarineRoomPage select{border-radius:10px}#legend{margin:auto;line-height:30%;border:2px solid white;padding:5px;max-width:250px}.box{width:30px;height:30px;border:2px solid}#vacant{background-color:#13b413}#occupied{background-color:red}#selected{background-color:#8a2be2}#legend label{position:relative;bottom:17px}.accomodationInfo{margin:20px 15vw;border:2px solid white;padding:5px;max-width:250px;margin:20px auto auto}.confirmRoom{display:flex;justify-content:center}.container{background-color:#f0f8ff;color:#000;width:50px;height:35px;margin:0 5px;display:flex;justify-content:center}.confirmation{text-align:center;max-width:330px;margin:auto}#aquamarineRoomLayout{text-align:center;margin:0 30px;height:auto}#aquamarineRoomSelect{display:flex;flex-wrap:wrap;justify-content:center;background-color:#3a3938;padding:20px;margin:auto;height:auto;max-width:330px;position:relative}.room-block{display:flex;flex-direction:row;margin:5px}.custom-radio input[type=radio]{display:none}.custom-radio .half-room{width:45px;height:3em;border:1px solid #ffffff;position:relative;color:#fff;background-color:#13b413;display:flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;margin:2px}.room-block:nth-child(2n){margin-left:50px}.room-number{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:1em;z-index:2;pointer-events:none}.half-label{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-size:.8em;z-index:2;pointer-events:none}.left-half,.right-half{background-color:#13b413}.custom-radio input[value$="."]:checked+.half-room.left-half{background-color:#8a2be2}.custom-radio input[value$=":"]:checked+.half-room.right-half{background-color:#8a2be2}.custom-radio .half-room:hover{background-color:#2f4c30}.timerContainer{display:flex;justify-content:center;align-items:center;font-size:large}.timer{margin-left:10px;font-weight:700;font-size:24px;background-color:#f0f8ff;color:#000;width:60px}#roomBooked{background-color:#404747;height:75vh;color:#f0f8ff;text-align:center}#roomBooked .centerdiv{margin-top:25px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:67vh;text-align:center;background-color:#ddd8d8;font-family:Arial,sans-serif}.error-code{font-size:6rem;margin:0;color:#333}.error-message{font-size:1.5rem;color:#666;margin:1rem 0}.find-student-container{max-width:400px;width:70vw;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #00000080;margin:50px auto;text-align:center}.find-student-container h2{font-size:24px;margin-bottom:20px;color:#333}.find-student-container input[type=text]{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;font-size:16px;width:calc(100% - 22px)}.find-student-container button{padding:10px;background-color:#b1040e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.find-student-container button:disabled{background-color:#ccc}.find-student-container .message{color:red;margin-top:20px;font-weight:700}.suggestions-list{list-style:none;padding:0;margin:5px 0;border:1px solid #ccc;border-radius:4px;max-height:150px;overflow-y:auto}.suggestions-list li{padding:10px;cursor:pointer;background-color:#fff}.suggestions-list li:hover{background-color:#f0f0f0}.student-info{margin-top:20px;padding:10px;border-radius:4px;text-align:left}.student-info h3{margin-bottom:10px;color:#b1040e}.student-info p{margin:5px 0}