*{box-sizing:border-box}html,body,#root,#defaultLayout,#guestLayout{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;margin:0;padding:0;font-size:14px;color:#212121;background-color:#f2f2f2}.custom-switch input{padding:0}input{outline:0;background:#ffffff;width:100%;border:1px solid #e6e6e6;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;transition:all .3s;border-radius:10px}input:focus{border-color:#000}.btn,.btn-add,.btn-edit,.btn-delete,.btn-cancel{font-family:Roboto,sans-serif;outline:0;background:#212121;border:1px solid white;text-decoration:none;padding:11px;color:#fff;font-size:16px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer;border-radius:8px}.btn-block{width:100%}.btn-add,.btn-edit,.btn-delete,.btn-cancel{padding:.5rem .75rem;font-size:14px;border-radius:4px}.btn-add{background-color:#00a762}.btn-delete{background-color:#b72424}.btn-logout{text-decoration:none;padding:.75rem 1.5rem;color:#212121;transition:all .3s;border-radius:6px}.btn-logout:hover{background-color:#0000001a}.btn:hover{background:#fff!important;color:#000;border:1px solid #000}.text-center{text-align:center}.card{background-color:#fff;border-radius:.5rem;box-shadow:1px 1px 3px #0000001a;padding:1.5rem .75rem;margin-top:.5rem}.alert{padding:1rem;background-color:#ff4040;color:#fff;border-radius:.5rem;margin-bottom:1rem}.notification{position:fixed;right:20px;top:10%;z-index:100;padding:1% 2%;background-color:#00a762;color:#fff;font-size:16px;border-radius:.5rem;transition:margin .5s ease-out,border-radius .3s ease-out;opacity:0;transform:translate(100%);animation:slideIn .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.login-form,.forgot-password-form{height:85vh}.login-signup-form{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-signup-form .form{width:95%;position:relative;z-index:1;background:#ffffff;max-width:450px;padding:50px;box-shadow:0 0 2px #0000001a;border-radius:10px}.login-signup-form .title{font-size:20px;margin-bottom:1rem;text-align:center}.login-signup-form .form .message{margin:15px 0 0;color:#b3b3b3;font-size:16px;text-align:center}.login-signup-form .form .message a{color:#5b08a7;text-decoration:none}#defaultLayout{display:flex}#defaultLayout aside{width:200px;background-color:#212121}#defaultLayout aside>a:hover{background-color:#fff;color:#000}#defaultLayout .content{flex:1}#defaultLayout header{height:80px;padding:2rem 3rem;background-color:#fff;box-shadow:1px 1px 2px #0003;display:flex;justify-content:space-between;align-items:center}#defaultLayout main{padding:2rem}.animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#greeting{display:flex;align-items:center}.v-aligned-image{vertical-align:middle;margin-left:10px;border-radius:50%}#cross-button:hover{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{background-color:#f1f1f1;border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:5px;margin-left:5px}input[type=date]{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}input[type=date]::-moz-calendar-box{background-color:#f1f1f1;border:1px solid #ccc;border-radius:5px;cursor:pointer}input[type=date]::-webkit-clear-button{display:none}.fade-in{opacity:1;max-height:1000px;transition:opacity .5s ease,max-height .4s ease}.fade-out{opacity:0;max-height:0;transition:opacity .5s ease,max-height .4s ease;overflow:hidden}.form-label{margin-left:2px}fieldset{border:none!important;padding:0!important}.users-booking{position:relative;font-weight:700;align-items:center;background-color:#dbf3c1!important;border:1px solid #ddd;padding:8px;text-align:center;cursor:pointer;transition:background-color .3s ease;box-shadow:0 2px 4px #0000001a;border-radius:10px;overflow:hidden}.users-booking:hover{background-color:#e0e0e0}.users-booking.clicked{background-color:#ffc107}.users-booking:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg,transparent 70%,#f7f8f6 100%,#f7f8f6);pointer-events:none;z-index:1;border-radius:10px}.gradient-background{position:relative;padding:10px;content:"";width:100%;height:100%;top:0;background:linear-gradient(to bottom,#ededed,#f2f2f2);z-index:-1}.navbar-logo{padding:10px;max-height:70px;height:65px;width:auto}.booking-table-header{background-color:#3498db;color:#fff;font-weight:700;align-content:center}.date-arrow{color:#000;font-size:22px;cursor:pointer}.date-span{margin:0 20px;font-size:21px}.day-span{margin:0 20px;font-size:17px}.date-picker-container{top:0;background-color:#fff;z-index:10;align-items:center;justify-content:center}.table-card{padding:1.5rem 0;min-height:100vh}table{border-radius:10px}table .booking-slot{cursor:pointer}.booking-table-right{transition:margin .1s ease-in-out,border-radius .1s ease-in-out,opacity .1s ease-in-out,transform .1s ease-in-out;opacity:0;transform:translate(100%);animation:slideIn .2s ease-in-out forwards}.booking-table-left{transition:margin .1s ease-in-out,border-radius .1s ease-in-out,opacity .1s ease-in-out,transform .1s ease-in-out;opacity:0;transform:translate(-100%);animation:slideInFromLeft .2s ease-in-out forwards}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.arrow-down{display:none}@media (max-width: 1550px){.slot-window{display:flex;justify-content:center}.arrow-down{display:block}.arrow-right{display:none}}.arrow-container{position:absolute}.left-arrow{left:35%;margin-left:10px}.right-arrow{right:35%;margin-right:10px}@media (max-width: 1050px){.left-arrow{left:0;margin-left:15px}.right-arrow{right:0;margin-right:15px}}@media (min-width: 1050px){.left-arrow{left:29%;margin-left:15px}.right-arrow{right:29%;margin-right:15px}}@media (min-width: 1200px){.left-arrow{left:33%;margin-left:15px}.right-arrow{right:33%;margin-right:15px}}@media (min-width: 1500px){.left-arrow{left:36%;margin-left:15px}.right-arrow{right:36%;margin-right:15px}}@media (min-width: 1600px){.left-arrow{left:38%;margin-left:15px}.right-arrow{right:38%;margin-right:15px}}@media (min-width: 1800px){.left-arrow{left:39%;margin-left:15px}.right-arrow{right:39%;margin-right:15px}}@media (min-width: 2100px){.left-arrow{left:41%;margin-left:15px}.right-arrow{right:41%;margin-right:15px}}.spinner{display:flex;justify-content:center;align-items:center;height:85vh}.spinner-svg{animation:rotate 2s linear infinite;width:50px;height:50px}.spinner-circle{stroke:#333;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.refresh-button{position:fixed;bottom:30px;right:30px;background-color:#28a745;color:#fff;padding:0;width:60px;height:60px;border-radius:50%;cursor:pointer;font-size:28px;font-weight:700;text-transform:uppercase;border:none;outline:none;box-shadow:0 12px 20px #00000080;transition:box-shadow .8s ease;display:flex;justify-content:center;align-items:center}.refresh-button:hover{box-shadow:0 24px 36px #000000e6;cursor:pointer}@media screen and (min-width: 768px){.refresh-button{width:80px;height:80px;font-size:35px}}@media screen and (min-width: 768px) and (max-width: 1200px){.update-user-form{width:50%}}@media screen and (max-width: 1200px){.update-user-form{width:100%}}@media screen and (min-width: 1200px){.update-user-form{width:20%}}.machines-container{height:auto;gap:10px;padding:10px;grid-template-columns:repeat(auto-fill,minmax(calc(25% - 10px),1fr))}@media screen and (max-width: 1200px){.machines-container{grid-template-columns:repeat(auto-fill,minmax(calc(33.3333% - 10px),1fr))}}@media screen and (max-width: 900px){.machines-container{grid-template-columns:repeat(auto-fill,minmax(calc(50% - 10px),1fr))}}@media screen and (max-width: 600px){.machines-container{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.machine-spinner{width:20px;height:20px;border:2px solid #2ecc71;border-top:2px solid transparent;border-radius:50%;margin-left:10px;animation:spin 1s linear infinite}.update-password-form{width:60%}@media screen and (max-width: 1200px){.update-password-form{width:100%}}.form{margin-top:100px;margin-bottom:100px}.selected-timeslot{color:#fff;background-color:#141414}.timeslot{cursor:pointer;border:1px solid black;border-radius:7px;margin:4px;padding:4px}.timeslots-container{display:flex;flex-wrap:wrap;gap:3px;align-items:center;justify-content:center;margin:5px}@media (max-width: 768px){.form{margin-top:0;padding:10px}.login-signup-form .form{padding:50px 30px}}.input-disabled{background-color:#ededed}.select-input{padding:15px 10px;width:100%;border-color:#ccc;border-radius:5px}@media (max-width: 767px){.first-row-images{position:relative;height:45vh}.first-section-heading,.demo-section{display:block;max-height:20vh;margin-bottom:40vh}.demo-section{margin-bottom:10vh}#firstPhoneScreenShot{left:15%}#secondPhoneScreenShot{left:40%}}@media (min-width: 800px){#secondPhoneScreenShot{left:15%}#secondPhoneScreenShot{left:25%}}@media (min-width: 2200px){#firstPhoneScreenShot{left:20%}#secondPhoneScreenShot{left:25%}}.transition-fade{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.transition-fade.fade-in{opacity:1;transform:translateY(0)}.login-link{padding:20px 60px;border:.5px solid #000;border-radius:8px;font-size:18px}.flex-container{margin-top:17%;display:flex;flex-direction:column;text-align:center;color:gray}.problem-report-form-container{display:flex;justify-content:start}@media (max-width: 767px){.problem-report-form-container{width:100%;display:flex;justify-content:center}}