@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,serif}a{text-decoration:none;cursor:pointer;color:#333}ul{list-style:none}button.btn,.btn{width:max-content;padding:1rem 2rem;background-color:#333;border-radius:.3rem;border:none;color:#fff;font-weight:500;box-shadow:0 .1rem .2rem #00000028;cursor:pointer}.loading-screen{width:100%;height:100dvh;position:fixed;background-color:#00000097;display:flex;justify-content:center;align-items:center;padding:2rem;transition:all .2s ease-in-out;opacity:0;left:0;pointer-events:none}.loading-screen .loading-img{width:200px;height:300px;aspect-ratio:1/1;position:relative}.loading-screen.show{pointer-events:all;z-index:110;opacity:1}.form-action{width:100%;display:flex;flex-direction:column}.form-action .split-form-group{width:100%;display:flex;gap:1rem;align-content:flex-end}.form-action .form-group{width:100%;display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0}.form-action .form-group .form-label{width:100%}.form-action .form-group .form-label span.text{color:gray;font-size:.75rem}.form-action .form-group .form-input{width:100%;padding:1rem;border:1px solid #ccc;border-radius:.3rem}.form-action .form-group.error .form-input{outline-color:red}.form-action .form-group.error .form-label{color:red}.form-action .form-group.error .input-error{color:red;font-style:oblique;font-size:.85rem}.booking-user-form{width:100%;display:flex;flex-direction:column;background-color:#fff;padding:2rem 0;gap:1rem}.booking-user-form .grouping-holder{width:100%;max-width:90%;display:flex;flex-direction:column;gap:1rem}.booking-user-form .grouping-holder .grouping{border-radius:.3rem;padding:1rem;background-color:#eee;position:relative}.booking-user-form .grouping-holder .grouping .indicator{position:absolute;color:#fff;background-color:red;padding:.25rem;border-radius:50%;width:25px;height:25px;aspect-ratio:1/1;justify-content:center;align-items:center;top:-.5rem;right:-.5rem;cursor:pointer}.react-select__control{width:100%;background-color:transparent;border:1px solid #cdcdcd;padding:.5rem 1rem;border-radius:.2rem;min-height:50.87px;background-color:transparent!important;outline-color:#333}.react-select__control.react-select__control--is-focused{border-color:#333!important;box-shadow:0 0 1px #333!important;outline:2px solid #333!important}.popup-container{width:100%;position:fixed;top:0;right:0;display:flex;justify-content:center;align-items:center;height:100vh;opacity:0;pointer-events:none;transition:all .2s ease-in-out;z-index:1001}.popup-container.show,.popup-container.show .popup-overlay{opacity:1;pointer-events:all}.popup-container.show .popup-panel{top:8%;opacity:1;pointer-events:all}.popup-container .popup-overlay{width:100%;height:100vh;background-color:#00000080;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:-1;transition:all .2s ease-in-out;opacity:0;pointer-events:none}.popup-container .popup-panel{width:70%;max-width:800px;max-height:70vh;position:absolute;z-index:1;top:-10rem;border-radius:.3rem;box-shadow:0 0 .3rem #00000028;background-color:#fff;padding:1rem;transition:all .2s ease-in-out;pointer-events:none;opacity:0;overflow-y:auto}.popup-container .popup-panel.overflow{overflow-y:auto}.popup-container .popup-panel .close{position:absolute;right:1rem;top:1rem;box-shadow:0 0 .2rem #00000048;width:25px;height:25px;display:flex;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;align-items:center;color:#333;border-radius:50%;outline:1px solid #333}.popup-container .popup-panel .close:hover{background-color:#333;color:#fff;outline-offset:3px}.popup-container .popup-panel .close:hover svg{rotate:360deg}.popup-container .popup-panel .title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.popup-container .popup-panel .customer-view-container{width:100%;display:flex;height:90%}.popup-container .popup-panel .customer-view-container .row .col .customer-account-view{overflow-y:auto}.login-container{width:100%;background-color:#eee;height:100vh;display:flex;justify-content:center;align-items:center}.login-container .login-card{width:100%;max-width:700px;background-color:#fff;padding:2rem;box-shadow:0 .1rem .2rem #00000028;border-radius:.3rem}.login-container .login-card .title{width:100%;text-align:center}.login-container .login-card .description{width:100%;text-align:center;font-size:.85rem}.main-container{width:100%;display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5;align-items:flex-end;justify-content:center;padding:0 1rem 0 0}.main-container .sidebar-container{width:250px;position:fixed;height:100dvh;left:0;top:0;display:flex;flex-direction:column;z-index:104;padding:2rem 1rem}.main-container .sidebar-container .sidebar-header{width:100%;display:flex;flex-direction:column;margin-bottom:1rem}.main-container .sidebar-container .sidebar-header .logo{width:100px}.main-container .sidebar-container .sidebar-header .logo img{object-fit:contain}.main-container .sidebar-container .sidebar-header .title{margin-top:1rem}.main-container .sidebar-container .sidebar-header .subtitle{font-size:.75rem}.main-container .sidebar-container .sidebar-links-holder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.main-container .sidebar-container .sidebar-links-holder .sidebar-links{width:100%;display:flex;flex-direction:column;gap:10px}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link{width:100%;flex-direction:column}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link:hover .link-content{background-color:#e0e0e0}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link.active .link-content{background-color:#333;color:#fff}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link.logout{color:red}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link.logout:hover .link-content{background-color:red;color:#fff}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link .link-content{width:100%;display:flex;padding:.5rem 1rem;border-radius:10px;gap:.5rem;cursor:pointer;transition:all .2s ease-in-out}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link .link-content .text{width:100%;display:flex;align-items:center;white-space:nowrap;font-weight:600;justify-content:space-between}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link .link-content .text .icon{height:100%;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link.dropdown.show.active .link-content{background-color:#333}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link.dropdown.show .link-content{background-color:#fff;border-radius:10px 10px 0 0}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link.dropdown.show .link-content .text .icon{rotate:90deg}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link.dropdown.show .dropdown-links{max-height:300px;opacity:1;padding:1rem;pointer-events:all}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link .dropdown-links{width:100%;display:flex;flex-direction:column;gap:10px;background-color:#e0e0e0;font-weight:500;border-radius:0 0 16px 16px;max-height:0px;opacity:0;transition:all .2s ease-in-out;pointer-events:none;z-index:-1;padding:0 1rem}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link .dropdown-links .dropdown-link{cursor:pointer;font-weight:400;color:#646464}.main-container .sidebar-container .sidebar-links-holder .sidebar-links .sidebar-link .dropdown-links .dropdown-link.active{color:#333;font-weight:600}.main-container .content-container{width:calc(100% - 250px);padding:2rem 1rem;background-color:#fff;border:1px solid rgba(51,51,51,.2156862745);height:calc(100dvh - 4rem);border-radius:1rem;overflow:auto}.main-container .content-container .breadcrumbs{width:100%;display:flex;align-items:center;color:#333;padding:.5rem 0}.main-container .content-container .breadcrumbs .icon{height:max-content;display:flex;align-items:center;color:#7e7e7e}.main-container .content-container .breadcrumbs .breadcrumb{font-weight:500;text-transform:capitalize}.main-container .content-container .breadcrumbs .breadcrumb.active{font-weight:300;color:#7e7e7e}.main-container .content-container .page-title{font-size:2.5rem;margin:1rem 0}.main-container .content-container .page-container{width:100%;display:flex;flex-direction:column;height:100%}.main-container .content-container .page-container .page-header{width:100%;display:flex;justify-content:space-between}.main-container .content-container .page-container .page-card{width:100%;display:flex;flex-direction:column;box-shadow:0 0 1px #00000056;padding:1rem;background-color:#f1f1f1}.main-container .content-container .page-container .page-row{width:100%;display:flex;flex-wrap:wrap;gap:1rem}.main-container .content-container .page-container .page-row .page-column{width:100%;flex:1}.main-container .content-container .page-container .invoice-content{width:100%;display:flex;align-items:center;margin:.75rem 0}.main-container .content-container .page-container .invoice-content .invoice-label{min-width:150px;font-weight:700}.main-container .content-container .page-container .settings-container{width:100%;display:flex;justify-content:space-between;gap:1.5rem;height:100%;padding-top:2rem}.main-container .content-container .page-container .settings-container .settings-side-container{min-width:200px;flex:1}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder{width:100%;display:flex;flex-direction:column;margin:1rem 0;gap:.5rem}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder .settings-menu{width:100%;display:flex;padding:1rem;align-items:center;border-radius:1rem;gap:.5rem;outline-color:#ddd;cursor:pointer;color:#000;transition:all .2s ease-in-out}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder .settings-menu:hover{background-color:#f5f5f5;outline:1px solid #ddd}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder .settings-menu.active{color:#fff;background-color:#333}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder .settings-menu .icon{padding:.5rem}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder .settings-menu .settings-menu-content{width:100%;display:flex;flex-direction:column}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder .settings-menu .settings-menu-content .title{font-size:1rem}.main-container .content-container .page-container .settings-container .settings-side-container .settings-menu-holder .settings-menu .settings-menu-content .desc{font-weight:300;font-style:oblique;font-size:.8rem}.main-container .content-container .page-container .settings-container .settings-menu-container{width:100%;flex:2.5;display:flex;flex-direction:column;outline:1px solid #ddd;padding:1rem;border-radius:1rem;height:100%;min-height:max-content;overflow:scroll}.main-container .content-container .page-container .settings-container .settings-menu-container .header{display:flex;justify-content:space-between;margin:0 0 2rem;flex-wrap:wrap;gap:1rem}.main-container .content-container .page-container .settings-container .settings-menu-container .body .form-container{width:100%;display:flex;flex-direction:column;max-height:0px;transition:all .3s ease-in-out;padding:1rem;background-color:#fff;border-radius:.5rem;box-shadow:inset 0 0 .3rem #0000;opacity:0;pointer-events:none;margin-bottom:0}.main-container .content-container .page-container .settings-container .settings-menu-container .body .form-container.show{background-color:#f1f1f1;box-shadow:inset 0 0 .3rem #00000028;max-height:1000px;opacity:1;pointer-events:all;margin-bottom:1rem}.main-container .content-container .page-container .settings-container .settings-menu-container .body .form-container .react-select__control{background-color:#fff!important}