.wrapper{position:fixed;inset:0;background-color:#0003;display:flex;align-items:center;justify-content:center;z-index:9999}.page_404{background:#fff;font-family:Arvo,serif;height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.page_404 .description{text-align:center;margin-top:20px}.input-form .ant-form-item-label{padding:0!important}.input-form,.select-form{margin-bottom:auto}.ant-form-item-label>label{color:#000;font-weight:700;font-size:14px}.header-container{background-color:#fff;box-shadow:0 2px 4px #0000001a}.sidebar-container{background-color:#fff;color:#000;width:300px;height:calc(100dvh - 55px);position:relative;transition:width .3s ease}.sidebar-container.false,.sidebar-container.false .sidebar{width:0;padding:0}.sidebar-container.false .sidebar .user-container,.sidebar-container.false .sidebar .sidebar-list,.sidebar-container.false .sidebar .sidebar-bottom{display:none}.sidebar-container .sidebar{width:100%;height:100%;display:flex;flex-direction:column}.sidebar-container .sidebar .user-container{padding:1rem}.sidebar-container .sidebar .user-container .user-name{font-size:14px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.sidebar-container .sidebar .user-container .user-email{font-size:12px;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;margin-top:-4px}.sidebar-container .sidebar .sidebar-list{list-style:none;padding:0 1rem;overflow:auto;flex:1;height:0}.sidebar-container .sidebar .sidebar-list>li>a>div{color:#000;border-radius:8px;padding:.7rem 1rem}.sidebar-container .sidebar .sidebar-list>li>a>div.active{background-color:teal;color:#fff}.sidebar-container .sidebar .sidebar-list>li>a>div:hover{background-color:teal;color:#fff}.sidebar-container .toggle-sidebar{padding:5px;background:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.table thead tr th{padding:15px 7px}.table tbody tr td{color:#626262}@media screen and (max-width:900px){.sidebar-container{position:absolute;z-index:9999;width:235px;height:calc(100dvh - 55px)}}.notification-popover .read-all-notif{cursor:pointer;font-size:14px;color:#5c3444}.notification-popover .notification-title{width:25.313rem}.notification-popover .notifications-container{max-height:500px;width:25.313rem;overflow:auto}.notification-popover .notifications-container .notification{cursor:pointer;padding:10px;border-radius:10px}.notification-popover .notifications-container .notification:hover{background-color:#f0f0f0}.notification-popover .notifications-container .notification .notif-navlink{color:#2a2a2a;text-decoration:none}.notification-popover .notifications-container .notification .notif-title{font-size:14px;font-weight:700}.notification-popover .notifications-container .notification .notif-description{font-size:14px;font-weight:400;max-width:500px;white-space:pre-line}.notification-popover .notifications-container .notification .notif-creation{font-size:13px;font-weight:300}.line{margin:.75rem 0}.line.light{border:.75px solid lightgrey}#super-admin-dashboard .total-revenue-icon{background-color:#ecfdf5;padding:5px;border-radius:.5rem;color:#009669;color:oklch(59.6% .145 163.225deg);height:2rem;width:2rem}#super-admin-dashboard .total-bookings-icon{background-color:#eff6ff;padding:5px;border-radius:.5rem;color:#155dfc;height:2rem;width:2rem}#super-admin-dashboard .active-facilities-icon{background-color:#fffbeb;padding:5px;border-radius:.5rem;color:#da7700;color:oklch(66.6% .179 58.318deg);height:2rem;width:2rem}#super-admin-dashboard .network-growth-icon{background-color:#faf5ff;padding:5px;border-radius:.5rem;color:#9810fa;height:2rem;width:2rem}#super-admin-dashboard .card-title{color:#62748e;font-weight:500;font-size:.875rem;margin-top:10px}#facility-admin-dashboard .total-revenue-icon{background-color:#ecfdf5;padding:5px;border-radius:.5rem;color:#009669;color:oklch(59.6% .145 163.225deg);height:2rem;width:2rem}#facility-admin-dashboard .total-bookings-icon{background-color:#eff6ff;padding:5px;border-radius:.5rem;color:#155dfc;height:2rem;width:2rem}#facility-admin-dashboard .courts-icon{background-color:#fffbeb;padding:5px;border-radius:.5rem;color:#da7700;color:oklch(66.6% .179 58.318deg);height:2rem;width:2rem}#facility-admin-dashboard .peak-hours-icon{background-color:#faf5ff;padding:5px;border-radius:.5rem;color:#9810fa;height:2rem;width:2rem}#facility-admin-dashboard .card-title{color:#62748e;font-weight:500;font-size:.875rem;margin-top:10px}#facility-admin-dashboard .time-slots{color:#888;font-size:12px}#facility-admin-booking .selected-court{border:3px solid #008080;border-radius:8px}#facility-admin-booking .ant-upload-select{width:100%}#calendar-grid .table-responsive{overflow-x:auto;position:relative}#calendar-grid .table-responsive .table thead th:first-child{position:sticky;left:0;background-color:#fff;z-index:2}#calendar-grid .table-responsive .table tbody td:first-child{position:sticky;left:0;background-color:#fff;z-index:1;box-shadow:2px 0 5px -2px #0000001a}#facility-admin-payment-logs .total-revenue{color:#16a34a;background-color:#ecfdf5;padding:10px;height:fit-content}.profile-popover .profile-container{width:11.375rem}.profile-popover .profile-container .account-settings-nav{text-decoration:none;color:teal}#booking .selected-court{border:3px solid #008080;border-radius:8px}.form-image-custom{text-align:center}.form-image-custom .container{position:relative;max-width:150px;max-height:150px;padding:0}.form-image-custom .container .upload-btn{position:absolute;bottom:0;right:0;z-index:101}.form-image-custom .container .upload-btn .upload-icon{color:#5c3444;font-size:26px;background-color:#fff;border-radius:50%}.form-image-custom .image{display:block;width:150px;height:150px;transition:.5s ease;backface-visibility:hidden;object-fit:cover}.form-image-custom .middle{background-color:#00000080;transition:.5s ease;opacity:0;width:150px;height:150px;position:absolute;top:0;left:0;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;z-index:100}.form-image-custom .container:hover .middle{opacity:1}