.dayPassModal .header{display:flex;justify-content:start;align-items:start;flex-direction:column;border-bottom:1px solid var(--border-color);position:relative;padding-bottom:5px}.dayPassModal .header h1{width:100%;color:#000;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.dayPassModal .header img{width:22px;object-fit:contain;height:22px;cursor:pointer;position:absolute;right:9px;top:0}.dayPassModal .bookings p{color:#000;font-size:10px;font-style:normal;font-weight:300;line-height:normal;margin-top:-5px;opacity:.8}.dayPassModal .bookings{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5rem;margin:1.5rem 0}.dayPassModal .booking{width:100%}.dayPassModal .bookings>h1{color:#ae1843;font-size:13px;font-style:normal;font-weight:600;line-height:normal;margin:0}.dayPassModal .bookings .booking h1{display:flex;width:100%;justify-content:space-between;align-items:center;color:#000;margin:0;font-size:12px;font-style:normal;line-height:normal}.dayPassModal .bookings .booking p{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.dayPassModal .footer{width:100%;display:flex;justify-content:center;align-items:center;margin-top:1rem;padding-inline-end:30%}.dayPassModal .footer button,.dayPassModal .footer button:hover{width:222px;height:42.219px;background:#007575!important;border-radius:5px!important;color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.dayPassController{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:1rem}.dayPassController .col1{flex:1 1 59%}.dayPassController .col2{flex:1 1 39%}.bookingAddDetailsCard.ant-card .ant-card-body{padding:0 24px}.dayPassController .title-section{background-color:#fff;display:flex;flex-direction:column;border-radius:8px;overflow:hidden}.dayPassController .title-section .header{height:210px}.dayPassController .title-section .header img{width:100%;height:100%;object-fit:cover}.dayPassController .title-section .content{width:100%;height:65px;border-radius:0 0 10px 10px;background:#fff;display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:20px}.dayPassController .content h1{justify-content:start;align-items:start;flex-direction:column}.dayPassController .content h1,.dayPassController .content h1 span{display:flex;gap:.5rem;color:#000;font-style:normal;line-height:normal}.dayPassController .content h1 span{justify-content:center;align-items:center}.dayPassController .content div{color:#000;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.dayPassController .addDetails{width:100%;margin-top:1.5rem;border-radius:9px;background:#fff;padding:20px}.dayPassController .addDetails .addDetailForm{width:70%}.dayPassController .addDetails h1{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.dayPassController .addDetailsHeading{display:flex;justify-content:space-between;align-items:center}.dayPassController .addDetailsHeading img{cursor:pointer}.dayPassController .addDetailsHeading img.rotate{transform:rotate(180deg)}.dayPassController .addDetailsHeading span{display:flex;justify-content:start;align-items:center;gap:.5rem}.dayPassController .addDetails .addDetailForm label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.dayPassController .addDetailForm .ant-row,.dayPassController .addDetailForm .item,.dayPassController .ant-form-item{display:flex;justify-content:space-between;align-items:center;width:100%}.dayPassController .addDetails .addDetailForm input{height:35px;border-radius:0!important}.dayPassController .ant-select-selector{border-radius:0!important;height:35px!important}.dayPassController .ant-select-selector:hover{border-color:#c4c4c4!important}.dayPassController .ant-select-item,.dayPassController .ant-select-selection-item{color:var(--steps,#6f6f6f);font-size:12px;font-style:normal;font-weight:300;line-height:normal}.dayPassController .ant-col.ant-form-item-label{text-align:left}.dayPassController .ant-col.ant-form-item-control{width:80%}.dayPassController .ant-picker{width:100%;height:35px!important;border-radius:0!important}.dayPassController .passesInput input{width:108px;height:26px}.dayPassController .availablePasses{display:flex;justify-content:center;align-items:center;gap:.5rem}.dayPassController .passesInput .ant-form-item-control-input-content{display:flex;align-items:center;justify-content:space-between}.dayPassController .availablePasses>span.label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.dayPassController .availablePasses>span.value{color:#ae1843;font-size:12px;font-style:normal;font-weight:600;line-height:normal}.dayPassController .availablePasses img{width:20px;height:18.319px;object-fit:contain}.dayPassController .item .attendess{display:flex;width:100%}.dayPassController .item .attendess>span{width:30%;color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.dayPassController .item .attendess .selectOptions{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem;width:100%}.dayPassController .item .attendess div{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#007575;font-size:12px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.dayPassController .item .attendess .addedUsers{width:100%;min-height:80px;border:1px solid var(--border-color);display:flex;justify-content:start;align-items:start;gap:.5rem;flex-wrap:wrap;padding:20px}.dayPassController .item .attendess .addedUsers .showMore{color:#007575;width:100%;display:flex;justify-content:start;align-items:start;font-size:8px;font-style:normal;font-weight:500;line-height:normal;display:none;text-decoration-line:underline}.dayPassController .item .attendess .addedUsers .user .label{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.dayPassController .item .attendess .addedUsers .user img{width:12px;height:12px;object-fit:contain;cursor:pointer}.dayPassController .item .attendess div .addUser{border-left:2px solid #007575}.dayPassController .item .attendess div .addUser img{margin-left:.5rem}.dayPassController .item .attendess div img{width:14px;height:14px;object-fit:contain}.dayPassController .addDate,.dayPassController .addDate:hover{margin-top:1.5rem;width:127px;height:35px;background:#007575!important;box-shadow:0 5px 22px 0 rgba(0,0,0,.04),0 0 0 .5px rgba(0,0,0,.03);color:#fff;font-size:16px;font-style:normal;font-weight:500;border-radius:0!important;display:flex;justify-content:center;align-items:center;gap:.5rem;line-height:25.12px}.dayPassController .addDate img{width:23.99px;height:23.99px;object-fit:contain}.dayPassController .col2{display:flex;flex-direction:column;gap:1rem!important;justify-content:start;align-items:start;border-radius:9px;background:#fff;padding:20px;min-height:626px}.dayPassController .col2>h1{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.dayPassController .col2 .item{display:flex;width:100%;justify-content:space-between;align-items:center}.dayPassController .col2 .item .label{color:#000;font-size:13px;font-style:normal;font-weight:300;line-height:normal;display:flex;justify-content:center;align-items:center;gap:.5rem}.dayPassController .col2 .item .label .numbering{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.dayPassController .col2 .item .label span:not(.numbering){color:#ae1843;font-size:12px;font-weight:400}.dayPassController .col2 .item.addBorder{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.dayPassController .col2 .item .value{color:#000;font-size:13px!important;font-style:normal;font-weight:600;line-height:normal}.dayPassController .col2>h1.paymentSummary{margin-top:8rem}.dayPassController .col2 .item.discount{padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.dayPassController .col2 .item.total .label,.dayPassController .col2 .item.total .value{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.dayPassController .col2 .item.itemWithLink{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal;display:flex;justify-content:start;align-items:center;gap:.5rem}.dayPassController .col2 .item.itemWithLink a{color:#007575;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline}.addAttendciesDrawer .ant-checkbox .ant-checkbox-inner,.dayPassController .ant-checkbox .ant-checkbox-inner{background-color:#fff!important;border-radius:0!important;width:15px;height:15px}.addAttendciesDrawer label{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:24px}.addAttendciesDrawer .ant-checkbox-checked .ant-checkbox-inner,.dayPassController .ant-checkbox-checked .ant-checkbox-inner{background-color:#007575!important}.dayPassController .continue,.dayPassController .continue:hover{width:100%;background:#007575!important;color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:normal;height:42.219px;margin-top:.5rem}.dayPassController .continue.disabled,.dayPassController .continue.disabled:hover{background:#d9d9d9!important}.dayPassController .slick-dots{bottom:-20px}.dayPassController .slick-dots li{width:7px;border-radius:100px;margin:.1rem;height:7px;background-color:hsla(0,0%,100%,.67)}.dayPassController .slick-dots li.slick-active{background-color:#fff}.dayPassController .slick-dots li button:before{display:none}.dayPassController .slick-prev{left:1rem;z-index:1}.dayPassController .slick-next{right:1rem;z-index:1}.dayPassController .slick-next:before,.dayPassController .slick-prev:before{font-size:14px!important;opacity:1!important}.dayPassController .slick-arrow{opacity:0;transition:opacity .5s ease}.dayPassController .slick-slider:hover .slick-arrow{opacity:1!important}.dayPassController .noItem{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:1rem;height:100vh}.dayPassController .noItem p{color:#000;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.dayPassController .noItem img{width:31px;height:38.439px;object-fit:contain}.addAttendciesDrawer .footer{align-items:end}.addAttendciesDrawer .footer button,.addAttendciesDrawer .footer button:hover{width:138.321px;height:42px;background:#007575!important;color:#fff;text-align:center;border-radius:0!important;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.addAttendciesDrawer .addAttendees{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem}.addAttendciesDrawer .addAttendees .header h1{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.addAttendciesDrawer .addAttendees .content{width:100%}.addAttendciesDrawer .addAttendees .content .card{min-height:320px;width:100%;border-radius:5px}.addAttendciesDrawer .addAttendees .content .card .header{height:37px;align-items:start;gap:1rem;border-radius:5px 5px 0 0;border-bottom:1px solid var(--border-color);background:#fcfcfc;width:100%;display:flex;padding:20px;align-items:center;justify-content:start}.addAttendciesDrawer .addAttendees .students{width:100%;display:flex;flex-direction:column;gap:2rem;margin-top:1rem;padding:20px}.addAttendciesDrawer .addAttendees .students .student{display:flex;justify-content:start;gap:.5rem;align-items:center}.addAttendciesDrawer .addAttendees .students .student img{width:30px;height:30px;border-radius:100px}.addAttendciesDrawer .addAttendees .students .student .userInfo{display:flex;justify-content:start;gap:.5rem;align-items:center}.addAttendciesDrawer .addAttendees .students .student .userInfo .info{display:flex;justify-content:start;flex-direction:column;gap:.5rem;align-items:start}.addAttendciesDrawer .addAttendees .students .student .userInfo .info .name{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.addAttendciesDrawer .addAttendees .students .student .userInfo .info .filters{display:flex;justify-content:start;gap:.5rem;align-items:center}.addAttendciesDrawer .addAttendees .filters .item{display:flex;justify-content:center;align-items:center;gap:.5rem}.addAttendciesDrawer .addAttendees .filters .item .label{color:var(--steps,#6f6f6f);font-size:10px;font-style:normal;font-weight:300;line-height:normal}.addAttendciesDrawer .addAttendees .filters .item .value{color:#000;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.addAttendciesDrawer .ant-checkbox-wrapper span{color:#000;font-size:10px;font-style:normal;font-weight:300;line-height:21.98px}.addNewAttendciesDrawer .ant-picker,.addNewAttendciesDrawer .ant-row{width:100%;border-radius:0!important}.addNewAttendciesDrawer .ant-row input{border-radius:0!important;height:37px;color:#111927;font-size:12px;font-style:normal;font-weight:300;line-height:24px}.addNewAttendciesDrawer .ant-form-item{padding:0;margin:.5rem 0}.addNewAttendciesDrawer .ant-select-selector{border-radius:0!important;height:35px!important}.addNewAttendciesDrawer .ant-select-selector:hover{border-color:#c4c4c4!important}.addNewAttendciesDrawer .ant-row .ant-col.ant-form-item-label{margin:0;padding:0}.addNewAttendciesDrawer form .ant-form-item-label>label{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:24px}.addNewAttendciesDrawer .ant-select-item,.addNewAttendciesDrawer .ant-select-selection-item{color:var(--steps,#6f6f6f);font-size:12px;font-style:normal;font-weight:300;line-height:normal}@media (max-width:768px){.dayPassController{flex-direction:column;gap:0}.dayPassController .col2>h1.paymentSummary{margin-top:0}.dayPassController .title-section{flex-direction:row;align-items:center;padding:5px}.dayPassController .title-section .header{height:auto}.dayPassController .title-section .header img{border-radius:9px;width:98px;height:66px}.dayPassController .addDetails .addDetailForm,.dayPassController .col1,.dayPassController .col2{width:100%}.dayPassController .slickSlider,.dayPassController .slickSlider img{object-fit:cover}.dayPassController .slick-dots{bottom:10px}.dayPassController .col2{padding:10px!important}.dayPassController .slider .content{margin-top:0}.dayPassController .item .attendess .addedUsers .showMore{display:flex}.dayPassController .ant-drawer-body{width:100%}.ant-drawer-content.dayPassController{border-radius:12px 12px 0 0!important}.dayPassBookingPage .ant-drawer .ant-drawer-body{padding-top:0!important;margin-top:0!important}.dayPassBookingPage .ant-drawer-content{gap:0!important}.dayPassController .ant-drawer-footer,.dayPassController .ant-drawer-footer button{width:100%}.dayPassController .col2{min-height:auto}.noItemDrawer .ant-drawer-footer .button{display:flex;justify-content:space-between;align-items:center;gap:4rem}.noItemDrawer .ant-drawer-footer .button button{display:flex;justify-content:center;align-items:center;width:137px;height:35px}.noItemDrawer .ant-drawer-footer .button .totalAmount{display:flex;flex-direction:column;justify-content:start;white-space:nowrap;align-items:start;gap:.5rem}.noItemDrawer .ant-drawer-footer .button .totalAmount span.label{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.noItemDrawer .ant-drawer-footer .button .totalAmount span.value{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.mobileBookingSummary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;height:90px}.mobileBookingSummary .totalAmount{display:flex;flex-direction:column;gap:.2rem;justify-content:start;align-items:start;width:80%}.mobileBookingSummary .totalAmount .label{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.mobileBookingSummary .totalAmount .value{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.mobileBookingSummary .totalAmount .viewSummary{color:#007575;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.dayPassController .col1 .button{display:flex;justify-content:center;align-items:center}.dayPassController .col2 .item .value{font-size:12px;font-weight:300}.addAttendciesDrawer .ant-checkbox .ant-checkbox-inner,.dayPassController .ant-checkbox .ant-checkbox-inner{width:12px;height:12px}.mobileBookingSummary{justify-content:center}.dayPassController .continue,.dayPassController .continue:hover{width:137px;height:36px;font-size:16px}}.dayPassController .continue-disabled,.dayPassController .continue-disabled:hover{background:#d9d9d9!important}.dayPassController .bookingForm .detail-title{font-size:14px;font-weight:600;line-height:21px;margin-bottom:18px}.custom-card .ant-card-body{padding:0}.ant-collapse>.ant-collapse-item>.ant-collapse-header{align-items:center}.perHeadBookingController .selectSlot{color:#007575;font-size:12px;font-style:normal;font-weight:500;gap:.5rem;line-height:normal;cursor:pointer}.perHeadBookingController .selectSlot img{width:14px;height:13px;object-fit:contain}.perHeadBookingController .col2 .item.timeslot .label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.perHeadBookingController .col2{gap:.5rem}.perHeadBookingController .col2>h1.paymentSummary{margin-top:4rem}.perHeadBookingController .col2>h2.availableDiscount{display:flex;width:100%;justify-content:space-between;align-items:center;color:#000;text-align:center;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.perHeadBookingController .col2>h2.availableDiscount img.fold{transform:rotate(180deg)}.perHeadBookingController .col2 .item.discount .label,.perHeadBookingController .col2 .item.subTotal .label,.perHeadBookingController .col2 .item.vat .label{font-size:17px;color:#000;font-style:normal;font-weight:300;line-height:normal;display:flex;justify-content:center;align-items:center;gap:.5rem}.perHeadBookingController .col2 .item.discount .value,.perHeadBookingController .col2 .item.subTotal .value,.perHeadBookingController .col2 .item.vat .value{font-size:14px}.perHeadBookingController .col2 .item.vat{padding-bottom:0;border-bottom:0}.perHeadBookingController .col2 .item.discount .value{display:flex;justify-content:center;align-items:center;gap:.2rem}.perHeadBookingController .col2 .item.discount .value .discountBarContainer{position:relative}.perHeadBookingController .col2 .item.discount .value .discountBarContainer span{position:absolute;color:#fff;display:flex;justify-content:center;align-items:center;font-size:8px;font-style:normal;font-weight:300;top:.1rem;left:.2rem}.perHeadBookingController .col2 .item.discount{padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.perHeadBookingController .col2 .item.timeslot .value{color:#ae1843;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.perHeadBookingController .discountCards{display:flex;justify-content:center;width:100%;align-items:center;gap:1rem}.perHeadBookingController .discountCards .discountCard{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%;gap:.5rem;min-height:85px;flex-wrap:wrap;border-radius:7px;border:.2px solid var(--border-color);padding:10px}.perHeadBookingController .discountCards .discountCard .header{display:flex;justify-content:space-between;width:100%;align-items:center}.perHeadBookingController .discountCards .discountCard .header img{width:12px;height:17px;object-fit:contain}.perHeadBookingController .discountCards .discountCard .header span{color:#ae1843;display:flex;justify-content:center;align-items:center;gap:.3rem;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.perHeadBookingController .discountCards .discountCard .header .toggler{width:28px;background:#ececec;border-radius:100px;height:11px;display:flex;justify-content:end;align-items:center;transition:justify-content 1s;cursor:pointer}.perHeadBookingController .discountCards .discountCard .header .toggler.toggled{justify-content:start;background:#dfedee}.perHeadBookingController .discountCards .discountCard .header .toggler .toggle{width:12px;height:100%;border-radius:100px;background:#9f9f9f}.perHeadBookingController .discountCards .discountCard .header .toggler.toggled .toggle{background:#007575}.perHeadBookingController .discountCards .discountCard .content{display:flex;justify-content:space-between;width:100%;align-items:center;padding-bottom:1rem}.perHeadBookingController .discountCards .discountCard .content span{color:#000;text-align:center;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.perHeadBookingController .discountCards .discountCard .content img{width:10px;height:10px;flex-shrink:0;object-fit:contain;cursor:pointer}.perHeadBookingController .discountCards .discountCard .content{border-bottom:1px solid var(--border-color)}.slotDrawer h1:first-child{font-size:16px}.slotDrawer .slots{display:flex;justify-content:start;align-items:start;row-gap:.8rem;column-gap:.5rem;flex-wrap:wrap}.perHeadBookingController .discountCards .discountCard .footer span{color:#000;text-align:center;font-size:8px;font-style:normal;font-weight:300;line-height:normal}.slotDrawer .slots .slot{padding:10px;border-radius:3px;color:#000;display:flex;justify-content:center;align-items:center;font-size:10px;text-align:center;font-style:normal;font-weight:400;border:1px solid var(--border-color);cursor:pointer}.slotDrawer .slots .slot.disabled{color:#d9d9d9;border-radius:3px;border:.1px solid var(--steps,#6f6f6f);background:#e9ecef;cursor:not-allowed}.slotDrawer .footer{display:flex;justify-content:end;align-items:center}.slotDrawer .footer button,.slotDrawer .footer button:hover{width:138px;height:35px;background:#007575!important;color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:normal;border-radius:0!important}.perHeadBookingControllerPage .applicationDetailDrawer .ant-drawer-body{padding:0!important;margin:0!important}@media (max-width:768px){.perHeadBookingController .col2 .item.discount .label,.perHeadBookingController .col2 .item.subTotal .label,.perHeadBookingController .col2 .item.vat .label{font-size:14px}}.fullFacilityBookingPage .ant-drawer .ant-drawer-body{padding-top:0!important}.eventPassControllerModalDrawerContent{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem}.applicationDetailDrawer .ant-drawer-body,.applicationDetailDrawer .ant-drawer-footer,.applicationDetailDrawer .ant-drawer-header{width:100%}.applicationDetailDrawer .ant-drawer-footer{padding:8px!important;min-height:75px;align-content:center}.eventPassControllerModalDrawerContent .header{display:flex;justify-content:start;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;width:100%}.eventPassControllerModalDrawerContent .header img{width:37px;height:37px;flex-shrink:0;object-fit:contain}.eventPassControllerModalDrawerContent .header .detail{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.3rem}.eventPassControllerModalDrawerContent .header .detail h1{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal;padding:0;margin:0}.eventPassControllerModalDrawerContent .header .detail span{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.eventPassControllerModalDrawerContent .content{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5rem}.eventPassControllerModalDrawerContent .content h2{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.eventPassControllerModalDrawerContent .content p{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.eventPassControllerModalDrawerContent .content .bullets{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5rem}.eventPassControllerModalDrawerContent .content .bullet{display:flex;justify-content:start;align-items:center;gap:.5rem}.eventPassControllerModalDrawerContent .content .bullet span{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.eventPassControllerModalDrawerContent .content .bullet span.highlight{color:#ae1843;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.eventPassBookingPage .ant-drawer .ant-drawer-body{padding-top:0!important}.eventPassBookingController .daysSlot{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.eventPassBookingController .daysSlot .slot{width:49%;height:35px;border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;gap:.5rem}.eventPassBookingController .daysSlot .slot span{color:#000;font-size:11px;font-style:normal;font-weight:300;line-height:normal}.eventPassBookingController .daysSlot .slot.active{border:.5px solid #007575;background:rgba(0,117,117,.1)}.eventPassBookingController .daysSlot .slot.active span{color:#007575}.longTermBookingContainer .timeSlot{display:flex;justify-content:start;align-items:start;flex-direction:column;gap:1rem}.longTermBookingContainer .chooseDay{display:flex;justify-content:start;align-items:center;gap:.5rem}.longTermBookingContainer .chooseDay .day{width:21px;height:21px;border-radius:100px;display:flex;justify-content:center;align-items:center;background:#f1f1f1;color:var(--steps,#6f6f6f);font-size:12px;font-style:normal;font-weight:300;line-height:normal;cursor:pointer}.longTermBookingContainer .chooseDay .day.active{background:#007575;color:#fff}.longTermBookingContainer .timeSlot span{color:#ae1843;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline}.longTermBookingContainer .yesNo{width:30%;gap:0;cursor:pointer}.longTermBookingPage .ant-drawer .ant-drawer-body{padding-top:0!important}.longTermBookingContainer .walletAmount{border-radius:10px;background:#ae1e3a;padding:0 10px;height:47px;display:flex;justify-content:space-between;align-items:center;width:100%}.longTermBookingContainer .walletAmount div.value{display:flex;justify-content:center;align-items:center;gap:1rem}.longTermBookingContainer .walletAmount .toggler{width:28px;background:#ececec;border-radius:100px;height:11px;display:flex;justify-content:end;align-items:center;transition:justify-content 1s;cursor:pointer;padding:1px}.longTermBookingContainer .walletAmount .toggler.toggled{justify-content:start;background:#dfedee}.longTermBookingContainer .walletAmount .toggler .toggle{width:12px;height:11px;border-radius:100px;background:#9f9f9f}.longTermBookingContainer .walletAmount .toggler.toggled .toggle{background:#ae1e3a}.longTermBookingContainer .item.subTotal{margin-top:1.5rem}.longTermBookingContainer .item.discount{margin-bottom:.5rem}.longTermBookingContainer .item.total{margin-top:1.5rem}.longTermBookingContainer .col2 .item.discount{padding-bottom:.2rem;border-bottom:0!important}.longTermBookingContainer .walletAmountContainer{padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.checkoutContainer{display:flex;flex-wrap:wrap;justify-content:start;align-items:stretch;gap:1rem}.ant-form-item.sourceOfTuitionFeeLabel .ant-form-item-label label:before{display:none!important}.ant-form-item.sourceOfTuitionFeeLabel .ant-form-item-label label:after{display:inline-block;margin-inline-end:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.ant-card.paymentConfirmation .ant-card-body,.ant-card.paymentConfirmation .ant-card-head{width:100%}.checkoutContainer .bookingExpiry{display:flex;justify-content:start;flex-direction:column;align-items:start;gap:1rem;min-height:80px;border-radius:9px;background:#fff;flex:1 1 29%}.checkoutContainer .bookingExpiry.bookingExpiryCard .ant-card-actions,.checkoutContainer .bookingExpiry.bookingExpiryCard .ant-card-body,.checkoutContainer .bookingExpiry.bookingExpiryCard .ant-card-head{width:100%}.checkoutContainer .bookingExpiry.bookingExpiryCard .ant-card-actions{padding:0 1.5rem}.checkoutContainer .bookingExpiry.bookingExpiryCard .ant-card-body,.paymentConfirmationCard.ant-card .ant-card-body{padding:10px 24px}.checkoutContainer .bookingExpiry h1{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.checkoutContainer .bookingExpiry .alert{display:flex;justify-content:start;align-items:center;gap:1rem;height:48px;width:100%;padding:10px;border-radius:7px;background:rgba(174,24,67,.07)}.checkoutContainer .bookingExpiry .alert span{color:#ae1843;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.checkoutContainer .bookingExpiry .alert img{width:19px;height:30.946px;object-fit:contain}.checkoutContainer .bookingExpiry .row{display:flex;justify-content:space-between;align-items:center;width:100%}.checkoutContainer .bookingExpiry .row .label{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal;display:flex;justify-content:center;align-items:center;gap:.5rem}.checkoutContainer .row .label .numbering{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.checkoutContainer .row .label span:not(.numbering){color:#ae1843;font-size:12px;font-weight:400}.checkoutContainer .row.addBorder{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.checkoutContainer .bookingExpiry .row .value{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.checkoutContainer .bookingExpiry .paymentSummary{margin-top:2rem}.checkoutContainer .row.vat{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.checkoutContainer .row.total .label,.checkoutContainer .row.total .value{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.checkoutContainer .paymentConfirmation{display:flex;flex-direction:column;justify-content:stretch;align-items:start;border-radius:5px;background:#fff;gap:1rem;flex:1 1 69%}.checkoutContainer .paymentConfirmation h1{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;justify-content:space-between;align-items:center;width:100%}.checkoutContainer .paymentConfirmation label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal;text-align:left;display:flex;justify-content:start;align-items:center}.checkoutContainer .paymentConfirmation .ant-form{width:60%}.checkoutContainer .paymentConfirmation .ant-form-item,.checkoutContainer .paymentConfirmation .ant-row{width:100%}.checkoutContainer .ant-col.ant-form-item-label{width:35%}.checkoutContainer .ant-col.ant-form-item-control{width:65%}.checkoutContainer .ant-col.ant-form-item-control input{width:100%;border-radius:0!important;height:39px}.checkoutContainer #SourceOfTuitionFeeNote::placeholder,.checkoutContainer .ant-col.ant-form-item-control input,.checkoutContainer .ant-col.ant-form-item-control input::placeholder,.checkoutContainer .ant-select-selection-placeholder{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.checkoutContainer .ant-select-item,.checkoutContainer .ant-select-selection-item{color:var(--steps,#6f6f6f);font-size:12px;font-style:normal;font-weight:300;line-height:normal}.checkoutContainer .ant-select-selector{border-radius:0!important;height:39px!important}.checkoutContainer button,.checkoutContainer button:hover{background:#007575!important;box-shadow:0 5px 22px 0 rgba(0,0,0,.04),0 0 0 .5px rgba(0,0,0,.03);width:140px;height:34px;border-radius:0;color:#fff;font-size:16px;font-style:normal;font-weight:500;margin-top:1rem;line-height:25.12px}.checkoutContainer .masterCard,.checkoutContainer .visaCard{width:50%;border:1px solid var(--border-color);height:39px;justify-content:space-between;padding:0 10px;gap:1rem}.checkoutContainer .masterCard img,.checkoutContainer .visaCard img{width:28px;height:28px;object-fit:contain}.checkoutContainer .ant-picker,.checkoutContainer .cvvExpiryInput input{width:50%!important;height:39px;border-radius:0}.cvvExpiryInput label:after{display:none}.checkoutContainer #email_help{margin-top:.5rem}.checkoutContainer #email_help .ant-form-item-explain-error{font-size:12px}@media (max-width:768px){.checkoutContainer .bookingExpiry,.checkoutContainer .paymentConfirmation{width:100%}.checkoutContainer .paymentConfirmation .ant-form{width:100%;border-radius:9px}.checkoutContainer .checkoutButton .ant-form-item-control-input-content{display:flex;justify-content:center;align-items:center}.checkoutContainer .ant-col.ant-form-item-label,.checkoutContainer .ant-form-item{margin-bottom:3px!important;padding-bottom:3px!important}.checkoutContainer .paymentDetail{margin-top:1rem;margin-bottom:0!important;padding:0!important}.checkoutContainer .paymentConfirmation{border-radius:9px}.mobileBookingSummary.checkout .totalAmount{width:50%}.mobileBookingSummary.checkout .alert span{font-size:14px}.mobileBookingSummary.checkout .alertContainer{width:50%;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-direction:column}.mobileBookingSummary.checkout .alertContainer .label{color:#000;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.checkoutPage .ant-drawer-body,.checkoutPage .ant-drawer-footer,.checkoutPage .ant-drawer-header{width:100%}.ant-drawer-content.checkoutContainer{border-radius:12px 12px 0 0!important}.checkoutPage .ant-drawer .ant-drawer-body{padding-top:0!important;margin-top:0!important}.checkoutPage .ant-drawer-content{gap:0!important}.checkoutPage .ant-drawer-content-wrapper{height:90%!important}.checkoutPage .termsCondition{margin-top:2rem}.checkoutPage .termsCondition .item{display:flex;justify-content:start;align-items:center;gap:.5rem}.checkoutPage .termsCondition .item .value{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.checkoutPage .termsCondition .item .value a{color:#007575;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline}.checkoutPage .ant-checkbox .ant-checkbox-inner{background-color:#fff!important;border-radius:0!important;width:15px;height:15px}.checkoutPage .ant-checkbox-checked .ant-checkbox-inner{background-color:#007575!important}.paymentCheckoutPage .paymentSummary,.paymentCheckoutPage .paymentSummary .paymentSummaryBody{min-height:230px!important}}@media (max-width:425px){.checkoutContainer .cvvExpiryInput{margin-top:-2rem}}.myBookingPage .gridContainer{padding:0}.myBookingContainer .gridContainer .title{font-size:12px;font-weight:400}.myBookingContainer .gridContainer .bodyItem{flex-direction:column;justify-content:start;align-items:start;gap:.3rem}.myBookingContainer .gridContainer .gridItem{position:relative;width:100%}.myBookingContainer .gridContainer .bodyItem .label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:140%}.myBookingContainer .gridContainer .bodyItem .value{color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:140%}.myBookingContainer .gridItem .footer{display:flex;align-items:center;width:100%}.mybookingGridCard.ant-card .ant-card-actions li{margin-top:0!important}.mybookingGridCard.ant-card .ant-card-body,.mybookingGridCard.ant-card .ant-card-head{padding:0 10px!important}.mybookingFilterManager input{width:100%;border-radius:14px!important;background:#fff}.myBookingContainer .gridItem .footer .expiry>span:first-child{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:140%}.myBookingContainer .gridItem .footer .expiry>span:nth-child(2){color:#ae1843;font-size:12px;font-style:normal;font-weight:400;line-height:140%}.bookingPaymentSuccessModal img{width:38px;height:38px;object-fit:contain}.bookingPaymentSuccessModal .titleOne{font-size:18px;font-weight:500;margin-top:.4rem}.bookingPaymentSuccessModal .titleOne,.bookingPaymentSuccessModal .titleTwo{color:var(--Text-1,#212121);text-align:center;font-style:normal;line-height:normal}.bookingPaymentSuccessModal .titleTwo{font-size:14px;font-weight:300}.bookingPaymentSuccessModal .ant-modal-body{width:70%;margin:0 auto}.bookingPaymentSuccessModal .btnCancel,.bookingPaymentSuccessModal .btnCancel:hover{color:#007575!important;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal;border:1px solid #007575!important}.myBookingDetailDrawer .modalContent{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem}.myBookingDetailDrawer .alert .row{width:100%}.myBookingDetailDrawer .alert .row:first-child{display:flex;justify-content:space-between;align-items:center}.myBookingDetailDrawer .modalContent .alert{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:1rem;min-height:60px;border-radius:9px;border:1px solid var(--border-color);padding:10px}.myBookingDetailDrawer .modalContent .alert .row:nth-child(2){color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.myBookingDetailDrawer .alert .label{display:flex;justify-content:start;align-items:center;gap:.3rem}.myBookingDetailDrawer .alert .label span{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.myBookingDetailDrawer .alert .badge{padding:0 10px;display:flex;justify-content:center;align-items:center;border-radius:12px;background:#0a5;height:22px;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.myBookingDetailDrawer .alert .badge.warning{background:#f7ae00}.myBookingDetailDrawer .alert .badge.danger{background:#e60000}.myBookingDetailDrawer .detail h1{color:#000;font-size:14px;font-style:normal;font-weight:500;border-radius:var(--Space-Extra-Small,8px);background:#f3f3f3;height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;line-height:normal}.myBookingDetailDrawer .col,.myBookingDetailDrawer .detail{width:100%}.myBookingDetailDrawer .attendees,.myBookingDetailDrawer .bookingInformation,.myBookingDetailDrawer .payerInformation,.myBookingDetailDrawer .paymentInformation,.myBookingDetailDrawer .refunds,.myBookingDetailDrawer .shedules,.myBookingDetailDrawer .shedules .card{display:flex;flex-direction:column;gap:1rem}.myBookingDetailDrawer .shedules .card{justify-content:start;align-items:start;width:100%;border-radius:10px;padding:10px;border:1px solid var(--border-color)}.myBookingDetailDrawer .shedules .card .header{display:flex;width:100%;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding:10px 0}.myBookingDetailDrawer .shedules .card .header .label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.myBookingDetailDrawer .shedules .card .header .value{color:#000;text-align:right;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.myBookingDetailDrawer .shedules .card .content{width:100%;display:flex;flex-direction:column;gap:1rem}.myBookingDetailDrawer .shedules .card .content .item{display:flex;width:100%;justify-content:space-between;align-items:center}.myBookingDetailDrawer .shedules .card .footer{width:100%;display:flex;justify-content:start;flex-direction:column;align-items:start}.myBookingDetailDrawer .shedules .card .footer>p{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.myBookingDetailDrawer .shedules .card .footer .students{display:flex;justify-content:start;align-items:start;gap:.5rem;flex-wrap:wrap}.myBookingDetailDrawer .shedules .card .footer .students .student{height:28px;border-radius:4px;background:#fafafa;color:#000;display:flex;justify-content:center;align-items:center;padding:4px;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.myBookingDetailDrawer .attendees .item{padding-bottom:6px;border-bottom:1px solid var(--border-color)}.myBookingDetailDrawer h1 img.rotate{transform:rotate(180deg)}.myBookingDetailDrawer .attendees h1,.myBookingDetailDrawer .payerInformation h1,.myBookingDetailDrawer .paymentInformation h1,.myBookingDetailDrawer .refunds h1,.myBookingDetailDrawer .shedules h1{margin-top:.5rem}.myBookingDetailDrawer .buttons{margin-top:4rem;display:flex;justify-content:end;align-items:center;gap:.5rem}.myBookingDetailDrawer .buttons button,.myBookingDetailDrawer .buttons button:hover{width:168px;height:39px;background:#007575!important;color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:400;border-radius:4px!important;line-height:normal}.myBookingDetailDrawer button.btnCancel,.myBookingDetailDrawer button.btnCancel:hover{color:#e60000!important;border-radius:4px!important;border:1px solid #e60000!important;background:transparent!important}.myBookingDetailDrawer button.deleteBooking,.myBookingDetailDrawer button.deleteBooking:hover{background:#eb0202!important}.myBookingDetailDrawer .detail .item{display:flex;justify-content:space-between;align-items:center;width:100%}.myBookingDetailDrawer .detail .item .label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.myBookingDetailDrawer .detail .item .value{color:#000;text-align:right;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.myBookingDetailDrawer .alert .label img{width:18px;height:18px;object-fit:contain}.myBookingDetailDrawer .footer{display:flex;justify-content:center;align-items:center}.myBookingDetailDrawer .footer span{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.myBookingDetailDrawer .footer span.highlight{color:#ae1843}.receiptDrawer.myBookingDetailDrawer .modalContent .alert{gap:.5rem;border:0!important}.receiptDrawer.myBookingDetailDrawer .modalContent .alert img{object-fit:contain;width:22px;height:29px}.receiptDrawer.myBookingDetailDrawer .modalContent .alert h1{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:0;margin:0}.receiptDrawer.myBookingDetailDrawer .modalContent .alert p{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.receiptDrawer .card{width:100%;display:flex;min-height:111px;flex-direction:column;border-radius:9px;border:1px solid var(--border-color);padding:10px}.receiptDrawer .card .header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.receiptDrawer .card .header .label{display:flex;justify-content:start;align-items:center;gap:.5rem}.receiptDrawer .card .header .label span,.receiptDrawer .card .header .value{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.receiptDrawer .card .content{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5rem;width:100%;margin-top:.5rem}.receiptDrawer .card .content .item{display:flex;width:100%;justify-content:space-between;align-items:center}.receiptDrawer .card .content .item .label{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.receiptDrawer .card .content .item .value{color:#000;text-align:right;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.myBookingDetailDrawer.receiptDrawer .footer{display:flex;justify-content:end}.myBookingDetailDrawer.receiptDrawer .buttons{margin-top:1rem}.myBookingDetailDrawer.receiptDrawer .footer button span{color:#fff!important}.myBookingamendmentDrawer .row.detail p{margin:0;padding:0;color:#ae1843;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.myBookingamendmentDrawer .row.detail,.myBookingamendmentDrawer .row.detail ul{display:flex;flex-direction:column;gap:.5rem}.myBookingamendmentDrawer .row.detail ul{justify-content:start;align-items:start}.myBookingamendmentDrawer .row .label span{color:#ae1e3a;font-size:14px;font-style:normal;font-weight:400;line-height:16px}.myBookingamendmentDrawer .row.detail ul li{font-size:10px;font-style:normal;font-weight:500;line-height:normal;display:flex;justify-content:start;align-items:center;gap:.3rem}.myBookingamendmentDrawer .row.detail ul li.danger{color:#ae1843}.myBookingamendmentDrawer .row.detail ul li.danger .dot{background-color:#ae1843}.myBookingamendmentDrawer .row.detail ul li.success{color:#0a5}.myBookingamendmentDrawer .row.detail ul li.success .dot{background-color:#0a5}.myBookingamendmentDrawer .row.detail ul li .dot{height:4px;width:4px;border-radius:100px}.myBookingamendmentDrawer .bookingInformation .item .label{width:30%}.myBookingamendmentDrawer .bookingInformation .item .value{width:70%;text-align:left;display:flex;justify-content:start;align-items:center;gap:1.5rem}.myBookingamendmentDrawer .bookingInformation .item .value.editable{color:#ae1843}.myBookingamendmentDrawer .bookingInformation .item .value img{cursor:pointer}.myBookingamendmentDrawer button.disabled,.myBookingamendmentDrawer button.disabled:hover{background:#9f9f9f!important}.myBookingamendmentDrawer .amendmentCalendar{border-radius:16px;padding:10px;border:1px solid var(--border-color);background:#fff}.myBookingamendmentDrawer .amendmentCalendar .react-calendar__navigation{display:flex;justify-content:space-between;align-items:center}.myBookingamendmentDrawer .react-calendar__navigation__label__labelText{color:var(--Dark,#232020);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:150%}.myBookingamendmentDrawer .react-calendar__navigation__label{display:flex;justify-content:space-between;align-items:center}.myBookingamendmentDrawer .react-calendar__navigation__arrow:hover,.myBookingamendmentDrawer .react-calendar__navigation__label:hover{background:none!important;display:flex;justify-content:space-between;align-items:center}.myBookingamendmentDrawer .react-calendar__navigation__arrow.react-calendar__navigation__next-button{display:flex;justify-content:end;align-items:center}.myBookingamendmentDrawer .react-calendar__navigation__label__divider{display:none}.myBookingamendmentDrawer .react-calendar__month-view__weekdays abbr{color:var(--steps,#6f6f6f);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.myBookingamendmentDrawer .react-calendar{width:100%}.myBookingamendmentDrawer .react-calendar__tile.react-calendar__month-view__days__day abbr{color:#202223;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.myBookingamendmentDrawer .slotContainer{margin-top:2rem}.myBookingamendmentDrawer .updateButton{justify-content:end;width:100%}@media (max-width:768px){.myBookingPage .applicationTable{margin-top:0!important}.tableAddNewButton.list{margin-top:1rem;justify-content:center}.myBookingamendmentDrawer .react-calendar__viewContainer{flex-direction:column}.myBookingamendmentDrawer .react-calendar__month-view{width:100%!important}.myBookingContainer .gridContainer{padding-left:0;padding-right:0;margin-top:0!important;padding:0!important}.myBookingContainer .gridItem .body .bodyItem .value{margin-left:0}.myBookingDetailDrawer .alert .badge,.myBookingDetailDrawer .alert .label span{font-size:12px}.myBookingDetailDrawer .buttons{justify-content:center;margin-bottom:1rem}.myBookingDetailDrawer .modalContent .alert .row:nth-child(2){font-size:10px}.myBookingDetailDrawer.receiptDrawer .footer{justify-content:center}}.studentsContainer{width:100%;gap:1rem}.studentsContainer,.studentsContainer .sidebar{display:flex;justify-content:start;align-items:start}.studentsContainer .sidebar{width:30%;gap:.5rem;flex-direction:column;background-color:#fff;min-height:724px;border-radius:6px;overflow:hidden}.studentsContainer .sidebar h1{padding:20px;font-size:18px!important}.studentsContainer .content h1,.studentsContainer .sidebar h1{color:#000;font-size:16px;font-style:normal;font-weight:400;display:flex;flex-direction:column;gap:1rem;line-height:normal;margin:0}.studentsContainer .students{display:flex;justify-content:space-between;align-items:start;flex-direction:column;width:100%;gap:.5rem}.studentsContainer .students .columns{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 10px}.studentsContainer .students .columns span{color:#000;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.studentsContainer .students .columns span.name{padding-left:2.6rem}.studentsContainer .students .columns span.id{padding-left:0}body.ar .studentsContainer .students .columns span.id{padding-right:3rem}body.ar .studentsContainer .students .columns span.name{padding-right:6.5rem;padding-left:0}.studentsContainer .students .student{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;min-height:60px;padding:0 10px}.studentsContainer .students .columns span.grade{padding-right:.5rem}.studentsContainer .students .student.active{background:rgba(0,117,117,.13)}.studentsContainer .students .student .name{display:flex;justify-self:start;align-items:center;gap:.5rem}.studentsContainer .students .student .name img{width:50px;height:50px;object-fit:cover;border-radius:100%}.studentsContainer .students .student .name span{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.studentsContainer .students .student span.grade,.studentsContainer .students .student span.id{color:#000;font-size:10px;font-style:normal;font-weight:500;line-height:normal;padding-right:1.5rem}.studentsContainer .content{width:100%;background-color:#fff;min-height:724px;border-radius:6px}.studentsContainer .tabs{display:flex;justify-content:start;align-items:center;gap:3rem;overflow-x:auto}.studentsContainer .tabs span{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.studentsContainer .tabs span.active{color:#007575}.studentsContainer .tabs span.active:after{content:"";width:100%;display:flex;height:2px;background:#007575}.studentsContainer .generalInfo{display:flex;justify-content:start;align-items:start;gap:1rem;padding-top:1rem;flex-direction:column}.studentGeneralTabProfileDetailsCard .ant-card-body,.studentGeneralTabProfileDetailsCard .ant-card-head,.studentMainContentCard .ant-card-body,.studentMainContentCard .ant-card-head{width:100%}.studentMainContentCard .ant-card-head{padding:20px!important}.studentGeneralTabProfileDetailsCard .ant-card-head{padding:20px 20px 0!important}.studentsContainer .card{width:100%;border-radius:var(--Space-Extra-Small,8px);min-height:93px;background:#fff;box-shadow:2px 2px 10px 0 rgba(0,0,0,.08)}.studentsContainer .card.user{display:flex;justify-content:space-between;align-items:center}.studentsContainer .card.user .detail{display:flex;justify-content:start;align-items:start;gap:.5rem}.studentsContainer .card.user .detail>img{width:60px;height:60px;object-fit:cover;border-radius:100%;border:.1px solid #000}.studentsContainer .studentInfo>h1{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal;margin-bottom:0!important;gap:.5rem}.generalInfo .user .additionInformation span{color:#6f6f6f;font-family:Poppins;font-size:12px;font-style:normal;font-weight:300;line-height:140%}.generalInfo .user .additionInformation{display:flex;justify-content:space-between;width:100%}.generalInfo .user .additionInformation li{display:flex;flex-direction:column;gap:.2rem}.generalInfo .user .additionInformation strong{color:#000;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:140%}.studentsContainer .studentInfo .studentDetails{display:flex;flex-direction:column;gap:.1rem}.studentsContainer .studentInfo .studentDetails li{display:flex;align-items:center;gap:.5rem;color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:150%}.studentsContainer .card.user .detail .status{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.5rem}.studentsContainer .card.user .detail .status .name{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.studentsContainer .card.user .detail .status .badge{color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:normal;border-radius:15px;background:#0a5;width:60px;height:20px;display:flex;justify-content:center;align-items:center}.studentsContainer .card.user .button{display:flex;flex-direction:column;gap:.5rem}.studentsContainer .card.user .button .info{display:flex;justify-content:start;align-items:center;gap:.3rem;color:#ae1843;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.studentsContainer .card.user .button .info img{width:10px;height:10px;object-fit:contain}.studentsContainer .card.user .button button,.studentsContainer .card.user .button button:hover{background:#007575!important;color:#fff;font-size:13px;font-style:normal;font-weight:500;line-height:140%}.studentsContainer .sameCard{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.8rem;padding:10px 0;width:100%;min-height:105px}.studentsContainer .sameCard .header{width:100%;padding:0 20px}.studentsContainer .sameCard .body{display:flex;justify-content:space-between;width:100%;align-items:center;padding:0 20px}.studentsContainer .sameCard .col{display:flex;flex-direction:column;gap:.6rem;justify-content:start;align-items:start}.studentsContainer .sameCard .col span:first-child{color:#000;font-size:12px;font-style:normal;font-weight:300;line-height:140%}.studentsContainer .sameCard .col span:nth-child(2){color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:140%}.studentsContainer .parentInformation{display:flex;flex-direction:column}.studentsContainer .parentInformation .header{padding:10px 20px}.studentsContainer .parentInformation .header,.studentsContainer .parentInformation .sub-header{display:flex;justify-content:start;align-items:center}.studentsContainer .parentInformation .header h1{margin:0;padding:0}.studentsContainer .parentInformation .body{display:flex;flex-direction:column;justify-content:start;align-items:start}.studentsContainer .parentInformation .body h1{color:#000;font-size:14px!important;font-style:bold;font-weight:600;line-height:140%}.studentsContainer .parentInformation .body .parent{display:flex;justify-content:space-between;align-items:center;width:100%}.studentsContainer .parentInformation .body .parent .col{display:flex;flex-direction:column}.studentsContainer .parentInformation .body .parent .col div{display:flex;flex-direction:column;gap:.2rem;justify-content:start;align-items:start}.studentsContainer .parentInformation .body .parent .col div>span:first-child{color:#6f6f6f;font-family:Poppins;font-size:12px;font-style:normal;font-weight:300;line-height:140%}.studentsContainer .parentInformation .body .parent .col div>span:nth-child(2){color:#000;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:140%}.studentsContainer .financeInfo{display:flex;flex-direction:column;gap:1rem}.studentsContainer .financeInfo .graphs{display:flex;justify-content:space-between;align-items:center;min-height:120px;padding:20px}.studentsContainer .financeInfo .graph{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:var(--Space-Extra-Small,8px);border:1px solid var(--border-color);width:48%}.studentsContainer .financeInfo .graph>div{display:flex;justify-content:start;align-items:center;gap:.5rem}.studentsContainer .financeInfo .graph>div img{width:39px;height:39px;object-fit:cover;border-radius:100%}.studentsContainer .financeInfo .graph>div span{color:#000;font-size:14px;font-style:normal;font-weight:300;line-height:140%}.studentsContainer .financeInfo .graph>span{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:140%}.studentsContainer .tableAndFilterWrapper{border:1px solid var(--border-color);box-shadow:2px 2px 10px 0 rgba(0,0,0,.08)}.studentsContainer .tableAndFilterWrapper .filterSummary{padding:4px}.studentsContainer .filters,.studentsContainer .filters .toggle{display:flex;justify-content:space-between;align-items:center}.studentsContainer .filters .toggle{gap:0}body.ar .studentsContainer .filters .togglerMenus{margin-right:1rem}.studentsContainer .filters .togglerMenus span{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:140%;width:164px;height:31px;border-radius:19px;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,95%,.69);cursor:pointer}.studentsContainer .filters .toggle span.menuOne.active{margin-right:-15px;z-index:1}.studentsContainer .filters .toggle span.menuTwo.active{margin-left:-15px;z-index:1}.studentsContainer .filters .toggle span.active{background:#007575;color:#fff}.studentsContainer .search{width:276px;height:26px;position:relative}.studentsContainer .search .searchIcon{width:33px;height:100%;position:absolute;right:0;border-radius:0 14px 14px 0;background:#007575;display:flex;justify-content:center;align-items:center;top:0}.studentsContainer .search input{width:100%;height:100%;border-radius:14px;background:#fff}.studentsContainer .search img{width:18px;height:18px;object-fit:contain}.studentsContainer .search input,.studentsContainer .search input::placeholder{color:var(--Text-1,#212121);font-size:12px;font-style:normal;font-weight:400;line-height:24px}body.ar .studentsContainer .search input{text-align:left}.studentsContainer .filterToggler{color:#007575;font-size:12px;font-style:normal;font-weight:300;line-height:140%;position:relative;padding:0 10px}.studentsContainer .filterToggler .filtersCard{position:absolute;width:144px;height:88px;background:#fff;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:1rem;padding:20px;top:1.8rem;right:0;z-index:100;box-shadow:2px 2px 10px 0 rgba(0,0,0,.08);border-radius:10px}.studentsContainer .filterToggler .filtersCard .filter{display:flex;justify-content:space-between;align-items:center;width:100%}.studentsContainer .filterToggler .filtersCard .filter span{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.studentsContainer .filterToggler .filtersCard .filter img{width:5px;height:9px;object-fit:contain}.studentsContainer .dateFilterContainer,.studentsContainer .statusFilterContainer{top:1.8rem;right:0;position:absolute;z-index:100;background-color:#fff;height:60px;width:287px}.studentsContainer .dateFilterContainer{box-shadow:none}.studentPage .ant-picker-dropdown .ant-picker-panel-container{border-radius:0!important}.studentPage .ant-select-item-option-content{color:#202223;font-size:12px;font-weight:400;line-height:24px}.studentsContainer .ant-picker,.studentsContainer .statusFilter{width:100%;margin-top:1rem}.studentsContainer .ant-picker{border:0;box-sizing:none;outline:none}.studentPage .ant-picker-dropdown,.studentPage .ant-select-dropdown{z-index:10!important}.studentsContainer .ant-select .ant-select-arrow{line-height:0px;font-size:10px;padding-right:10px}.studentsContainer .statusFilter .ant-select-selector{border-radius:0;border:none}.studentsContainer .statusFilter .ant-select-selection-item{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:22px}.studentsContainer .historyTable .ant-pagination-total-text,.studentsContainer .historyTable td span{color:#000;font-size:13px;font-style:normal;font-weight:300;line-height:20px}.studentsContainer .historyTable .ant-pagination{padding:0 20px}.studentsContainer .historyTable .status.due{color:#ae1843;font-size:8px;width:45px;background:rgba(255,144,102,.23)}.studentsContainer .historyTable .status.upcoming{width:68px;background:rgba(254,197,61,.3);font-size:8px;color:#cc9000}.studentsContainer .codeOfConduct{display:flex;flex-direction:column;padding:20px;gap:1rem}.studentsContainer .codeOfConduct .stats{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:120px;border-radius:var(--Space-Extra-Small,8px);background:#fff;box-shadow:2px 2px 10px 0 rgba(0,0,0,.08);padding:0 10px}.studentsContainer .codeOfConduct .stats .card .icon{width:25px;height:25px}.studentsContainer .codeOfConduct .stats .card{display:flex;justify-content:start;align-items:center;gap:.5rem;padding:10px;box-shadow:none;border-radius:8px;border:1px solid var(--border-color);background:#fff}.studentsContainer .codeOfConduct .percentage{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.2rem}.studentsContainer .codeOfConduct .stats span:first-child{color:#000;text-align:start;font-size:13px;font-style:normal;font-weight:300;line-height:150%}.studentsContainer .codeOfConduct .stats span:nth-child(2){color:#f7a952;text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:140%}.studentsContainer .actionContainer,.studentsContainer .viewMore{display:flex;justify-content:start;align-items:start;gap:.2rem}.studentsContainer .viewMore{color:#007575;font-size:13px;font-style:normal;font-weight:500;line-height:140%}.studentsContainer .graphOne .ant-progress-inner{background-color:rgba(254,197,61,.18)}.studentsContainer .graphTwo .ant-progress-inner{background-color:rgba(255,0,0,.24)}.studentPage .ant-checkbox+span{font-size:12px;white-space:nowrap}@media (max-width:768px){.studentMainContentCard .ant-card-body{padding:10px!important}.studentsContainer .studentInfo>h1{font-size:14px!important;white-space:nowrap}.studentsContainer .tables{padding:10px}.studentsContainer .filters .toggle span.menuOne.active{margin-right:0}.studentsContainer .filters .toggle span.menuOne,.studentsContainer .filters .togglerMenus{width:100%}.studentsContainer .studentCard.card{width:auto;margin-bottom:.5rem}.studentsContainer .sidebar h1{padding:0}.studentCard{display:grid;flex-direction:column;border-radius:12px!important;border:1px solid #e9ecef;background:#fcfcfc!important;padding:10px;box-shadow:none!important;gap:.5rem}body.ar .studentCard .status{margin-right:auto}.studentCard .item{display:grid;grid-template-columns:1fr 1fr;align-items:start}body.ar .studentCard .item.title{margin-right:auto;display:flex;justify-content:end}.studentCard .item span:first-child{color:#6f6f6f;font-size:12px;font-style:normal;font-weight:300;line-height:140%;text-align:left}.studentCard .item span:nth-child(2){color:#000;text-align:right;font-size:12px;font-style:normal;font-weight:400;text-align:left;line-height:20px}.studentCard .item.title span{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.studentsContainer .students{background:#f3f3f3}.studentsContainer .students .student{background:#fff}.studentsContainer{flex-direction:column}.studentsContainer .sidebar{min-height:249px}.studentsContainer .content,.studentsContainer .sidebar{width:100%}.dashboardContainer{padding:1rem}.studentsContainer .card.user{flex-direction:column;justify-content:start;align-items:start;gap:.5rem}.studentsContainer .card.user .button{flex-direction:row;justify-content:space-between}.studentsContainer .card{min-height:124px}.studentsContainer .card.user .button .info{width:70%}.studentsContainer .card.user .button button,.studentsContainer .card.user .button button:hover{width:30%;display:flex;align-items:center;height:21.906px;font-size:10px;justify-content:center}.studentsContainer .filters{flex-direction:column;align-items:start;gap:.5rem;min-height:80px}.studentsContainer .search{width:100%}.studentsContainer .search .searchIcon,.studentsContainer .search input{border-radius:0;min-height:30px}.studentsContainer .search .searchIcon{border-radius:0}.studentsContainer .filters>button{margin-top:.5rem;border-radius:0}.studentsContainer .filters .toggle span.menuTwo.active{margin-left:-6px}.studentsContainer .filters .toggle span.menuOne{font-size:10px}.studentsContainer .filters .toggle .consistentFilters{margin-top:1rem;width:100%;align-items:center}.studentsContainer .consistentFilters .search{width:100%;.searchIcon{border-radius:0 14px 14px 0}}.studentsContainer .filters .toggle{align-self:center;flex-direction:column}.studentsContainer .tabs span{white-space:nowrap;padding-bottom:1rem}.studentsContainer .students .student.active{background:#fff}.studentsContainer .codeOfConduct .stats{flex-wrap:wrap;padding:10px}.studentsContainer .sameCard .body{flex-direction:column;align-items:start;gap:.5rem;padding:0 10px}.studentsContainer .parentInformation .body{padding:10px}.studentsContainer .sameCard .col>span:first-child{width:40%}.studentsContainer .sameCard .col>span:nth-child(2){width:60%}.studentsContainer .sameCard .col{gap:.4rem;flex-direction:row;width:100%}.studentsContainer .parentInformation .body .parent{flex-direction:column;align-items:start;width:100%;gap:.5rem}.studentsContainer .parentInformation .body .parent .col{width:100%}.studentsContainer .parentInformation .body .parent .col div>span:first-child{width:40%}.studentsContainer .parentInformation .body .parent .col div{flex-direction:row;width:100%}.studentsContainer .financeInfo .graphs{flex-direction:column;align-items:start;gap:.5rem;padding:12px 8px}.card .graphs,.studentsContainer .financeInfo{padding:0}.studentsContainer .filterToggler .filtersCard,.studentsContainer .financeInfo .graph{width:100%}.studentsContainer .content .header{padding:8px 0}.studentsContainer .content .header h1{padding:0 10px;font-size:15px!important}.header .tabs{overflow-x:auto;gap:1rem;justify-content:start;span{font-size:14px!important}}.studentsContainer .codeOfConduct .stats .card{min-height:unset}.studentsContainer .filterToggler{padding:0 30px;border-radius:20px}.studentsContainer .card.user .profileDetails{flex-direction:column;align-items:start}}@media (max-width:320px){.studentsContainer .codeOfConduct .stats .card{width:100%}}#codeOfConductCases{font-size:16px!important}