@charset "UTF-8";.navbar{background-color:#fff;justify-content:space-between;padding:16px 1%;position:sticky;top:0;width:auto;z-index:1000}.medium-device,.navbar{align-items:center;display:flex}.medium-device{flex:1 1}.balance-section{background-color:#f9fafb;border:1px solid #e1e1e1;border-radius:15px;display:flex;padding:5px}.topup-btn{align-items:center;background-color:#eb1947;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:3px 12px;text-decoration:none;transition:all .2s ease}.topup-btn:hover{opacity:.9;transform:translateY(-1px)}.toggle-section{align-items:center;display:flex;text-align:center}.logo-link{margin-bottom:10px;margin-top:5px}.nav-company-logo{display:none;object-fit:fill;width:120px}#toogle-icons{cursor:pointer;display:none;font-size:2rem;margin-right:0}.topup-sec{align-items:flex-start;display:flex;flex-direction:column}.user-credits{align-items:baseline;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;padding:0}#credit-currency{color:#6b7280;font-size:12px;font-weight:600;margin:0}#credit-amount{color:#111827;font-size:13px;font-weight:700;margin:0}.sidebar-profile-section{align-items:flex-end;display:flex;flex-direction:column;position:relative}.sidebar-profile-btn{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-width:200px;padding:8px 12px;transition:all .2s ease}.sidebar-profile-btn:hover{background-color:#f3f4f6;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.profile-avatar{flex-shrink:0}.profile-image{border:2px solid #e5e7eb;border-radius:50%;height:36px;object-fit:cover;width:36px}.profile-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.profile-name{color:#111827;font-size:14px;font-weight:600}.profile-email,.profile-name{line-height:1.2;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#6b7280;font-size:12px}.profile-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.profile-chevron.rotated{transform:rotate(180deg)}.sidebar-profile-links{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:4px;min-width:180px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1001}.sidebar-profile-links.show{opacity:1;transform:translateY(0);visibility:visible}.profile-link{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-decoration:none;transition:all .15s ease;width:100%}.profile-link:first-child{border-radius:8px 8px 0 0}.profile-link:last-child{border-radius:0 0 8px 8px}.profile-link:hover{background-color:#f3f4f6;color:#111827}.logout-btn{border-top:1px solid #f3f4f6;color:#dc2626!important}.logout-btn:hover{background-color:#fef2f2!important;color:#b91c1c!important}@media (max-width:1080px){.navbar{padding:15px 1%}#nav-greetings{margin-left:10px;margin-top:10px}#toogle-icons,.nav-company-logo{display:block}.balance-section{margin-left:12px}}@media (max-width:768px){.navbar{padding:12px 1%}.medium-device{flex-wrap:wrap;gap:8px}.balance-section{margin-left:0;padding:4px}.topup-sec{gap:2px}.user-credits{gap:4px}#credit-currency{font-size:11px}#credit-amount{font-size:12px}.topup-btn{font-size:13px;padding:4px 10px}.sidebar-profile-btn{min-width:160px;padding:6px 10px}.profile-image{height:32px;width:32px}.profile-name{font-size:13px}.profile-email{font-size:11px}.sidebar-profile-links{min-width:160px}.profile-link{font-size:13px;padding:10px 14px}}@media (max-width:500px){.navbar{flex-direction:column;gap:12px;padding:12px 1%}.medium-device{justify-content:space-between;width:100%}.sidebar-profile-section{align-items:stretch;width:100%}.sidebar-profile-btn{justify-content:space-between;min-width:0;min-width:auto;width:100%}.profile-details{align-items:flex-start;flex:1 1}.sidebar-profile-links{left:0;min-width:0;min-width:auto;right:0}.balance-section{flex:1 1;margin-left:0}}@media (max-width:360px){.sidebar-profile-btn{gap:8px;padding:8px}.profile-email,.profile-name{max-width:120px}.balance-section{padding:3px}.topup-btn{font-size:12px;padding:3px 8px}.topup-btn span{font-size:16px!important}}.sidebar{background-color:#fff;display:block;min-height:100vh;padding:10px 1%;width:300px;z-index:1}.company-name-sec{align-items:center;background-color:#e30057;border-radius:5px;color:#525252;color:#f5f6fa;display:flex;font-size:15px;font-weight:600;margin:0;padding:0;text-align:center;text-decoration:none}.logo-section{margin:5px 8px;padding-bottom:10px}.sidebar-logo{margin:2px 10px;object-fit:fill;padding:0 5px;width:120px}#h-icon{font-weight:500!important;padding-right:6px}.heading-link{align-items:center;border-radius:5px;color:#525252;cursor:pointer;display:flex;font-size:14px;font-weight:600;margin:12px 11px;padding:6px 12px;text-align:center;text-decoration:none}.heading-link:hover{color:#1a1919}.active,.heading-link:hover{border-radius:7px;font-weight:700}.active{color:#35a5f5f8}#icons{padding:0 5px}.sidebar-menu-section{display:flex;flex-direction:column;height:90vh;justify-content:space-between}.signup-page{justify-content:center;overflow-y:scroll}.signup-left-side,.signup-page{align-items:center;display:flex;min-height:100vh}.signup-left-side{background-image:linear-gradient(to bottom right,#ea384c,#0ea5e9);height:100vh;padding:35px 4%;width:50%}.signup-left-content-header{color:#fff;font-size:36px;font-weight:700;padding:10px 0}.signup-left-content-paragragh{color:hsla(0,0%,100%,.848);font-size:16px;font-weight:500}#signup-content-list{color:#ffffffd1;font-size:20px;font-weight:700;padding:10px 20px}#signup-content-item{color:#ffffffd1;font-size:16px;font-weight:600;padding:5px 0}.signup-form-section{background-color:#fff;border-radius:10px;display:flex;justify-content:center;min-height:auto;padding:10px 10%;width:50%}.inputs-section{padding:0!important}.upper-inputs{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.signup-form{background-color:#fff;margin:auto!important;padding:0 12px;width:100%}.signup-welcome-header{color:#ea384c;font-size:22px;font-weight:700;padding:10px 0}.signup-input-group{display:flex;flex-direction:column;margin:0 0 10px}.signup-input{border:1px solid hsla(0,0%,60%,.399);border-radius:5px;font-size:14px;font-weight:500;outline:none!important;padding:7px 6px}.signup-input:focus{border:1px solid #00aeff;outline:none!important}.signup-button{background-color:#00aeff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;padding:10px;width:100%}.signup-button:hover{opacity:.6!important;transition:opacity .3s ease-in-out}.signup-button-disable{align-items:center;background-color:#00aeff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;margin-top:10px;opacity:.5;padding:10px;width:100%}.signup-actions{margin:5px 0}.signup-section{text-align:center}.login-link{color:#0083b0;font-weight:600;text-decoration:none}#signup-form-error{color:#ea1919;font-size:12px}.terms-condition-section{padding-top:5px;text-align:center}.terms-conditions{font-size:12px}#terms-privacy{color:#0078af;cursor:pointer;font-size:12px;font-weight:700}.terms-condition-modal{height:450px;overflow-y:scroll}.lds-dual-ring:after{height:18px!important;width:18px!important}@media screen and (max-width:768px){.signup-left-side{display:none}.signup-form-section{padding:10px 5%;width:90%}.upper-inputs{grid-template-columns:1fr}.signup-input{font-size:14px}.signup-welcome-header{font-size:18px}#signup-content-list{font-size:16px}}@media screen and (max-width:600px){.signup-form-section{padding:10px 4%;width:92%}.signup-form{width:100%}.signup-button,.signup-button-disable{font-size:16px}}.welcome-page{height:100vh;padding:10px}#greeting-message{font-size:25px;font-weight:700}#instruction-section-header{font-size:20px;font-weight:700;margin-bottom:15px}#api-name{color:rgba(60,105,243,.994);font-weight:700}.steps-section{border-radius:6px;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;height:max-content!important;margin-top:20px;padding:10px}#step-instructions{background-color:#50bcf654;border-radius:.5rem;color:#161616ec;font-size:.875rem;padding:1rem}#join-code-link{border-radius:5px;color:#1479ed;font-weight:700;margin-left:2px;padding:5px;text-decoration:none}#join-code-link:hover{text-decoration:underline}.points-to-note{background-color:rgba(113,203,255,.163);border-radius:10px;padding:5px 10px}.points-to-note p{font-size:14px;margin-bottom:5px}.points-to-note li{font-size:13px;font-weight:400;-webkit-text-decoration:dotted!important;text-decoration:dotted!important}.numbers-custom-table .ant-table-tbody>tr>td,.numbers-custom-table .ant-table-thead>tr>th{font-size:14px}.whatsapp-manager{align-items:center;padding:20px 10px 0}.setup-section{height:max-content!important;position:relative!important}.setup-title{font-size:22px;font-weight:700}.setup-title-p{font-size:15px}.points-to-note{margin-top:5px}.points-to-note p{font-size:16px;font-weight:700}.points-to-note li{font-size:12px}#support-email{color:#00a2ff}.setup-steps-section{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:10px;margin-top:15px;position:relative}.data-table-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.numbers-custom-table .ant-table-thead>tr>th{color:#0006;font-size:13px;font-weight:700;padding:9px 16px;white-space:nowrap}.numbers-custom-table .ant-table-tbody>tr>td{color:#1b1b1b;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.numbers-custom-table{min-width:600px}#golive-step{align-items:center;background-color:#b2d2f74d!important;border-radius:10px;font-size:14px;font-weight:500;height:min-content;padding:10px;position:relative!important;width:350px}.golive-whatsapp-step{align-items:center;display:flex}#golive-step img{width:40px}.facebook-login-btn-section{position:relative}.facebook-login-btn{align-items:center;background-color:#005eff;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-top:10px;padding:6px 18px}#register-table-title{font-size:20px;font-weight:600;margin-left:8px}#table-action-edit-btn{color:#0048ffd1;font-size:22px}#table-action-delete-btn{color:#ff002fd1;font-size:22px}.registered-number-table-section{border-radius:5px;box-shadow:0 7px 29px 0 #64646f33}.numbers-table-section .MuiDataGrid-footerContainer{display:none!important}.connected-numbers-table{border-radius:6px;box-shadow:0 1px 3px 0 #00000005,0 0 0 1px #1b1f2326;height:40vh;margin-left:10px;padding:10px}.connected-numbers-table-title{font-size:18px;font-weight:700}.connected-numbers-table-description{font-size:12px;font-weight:500;margin-bottom:10px}.connected-numbers-table-section{background-color:#fefefe!important;border-radius:6px;padding:0}.pay-now-btn{align-items:center;background:#005eff;border:1px solid #005eff;border-radius:7px;color:#fff;display:flex;font-size:12px;font-weight:700;padding:2px 4px;transition:all .3s ease}.pay-now-btn:hover{background:#0000;color:#005eff}.form-div-section{align-items:center;display:flex;justify-content:center;margin-top:25%;width:100%}@media (max-width:1024px){.setup-steps-section{grid-template-columns:1fr}.form-div-section{min-width:100vw!important;width:100vw!important}.view-modal-content{min-width:90vw!important;width:90vw!important}#golive-step{max-width:500px;width:100%}}@media (max-width:768px){.whatsapp-manager{padding:15px 5px 0}.connected-numbers-table{height:35vh!important;margin-left:10px!important}.view-modal-content{min-width:95vw!important;width:95vw!important}.numbers-custom-table .ant-table-tbody>tr>td,.numbers-custom-table .ant-table-thead>tr>th{font-size:12px;padding:6px 8px}.pay-now-btn{font-size:10px;padding:2px 3px}.pay-now-btn .material-symbols-outlined{font-size:14px!important}}@media (max-width:640px){.setup-title{font-size:20px}.setup-steps-section{grid-gap:15px;grid-template-columns:1fr}#golive-step{padding:15px;width:100%}.connected-numbers-table{height:35vh;margin-left:0;padding:8px}.connected-numbers-table-title{font-size:16px}.numbers-custom-table .ant-table-tbody>tr>td,.numbers-custom-table .ant-table-thead>tr>th{font-size:11px;padding:4px 6px}.numbers-custom-table{min-width:500px}}@media (max-width:480px){.whatsapp-manager{padding:10px 10px 0}.setup-title{font-size:18px}.points-to-note li{font-size:14px;margin-left:10px}.modal-title{font-size:14px!important}.connected-numbers-table{height:30vh;padding:6px}.connected-numbers-table-title{font-size:15px}.connected-numbers-table-description{font-size:11px}.numbers-custom-table .ant-table-tbody>tr>td,.numbers-custom-table .ant-table-thead>tr>th{font-size:10px;padding:3px 4px}.pay-now-btn{font-size:9px;padding:1px 2px}.pay-now-btn .material-symbols-outlined{font-size:12px!important;margin-left:1px!important}.numbers-custom-table{min-width:450px}}.table-page-api{background-color:#fff;border-radius:5px;height:calc(100% - 20px);margin:5px 0;width:auto}.table-page-title-api{font-size:22px;font-weight:700;margin-left:10px}.api-step{background-color:#eef4fb!important;border-radius:8px;color:#1b1b1b6b;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:10px;margin-right:10px;margin-top:10px;padding:4px 10px}.api-step:hover,.step1-true,.step2-true{border:1px solid #2385f4;cursor:pointer}.step1-true,.step2-true{font-weight:700}.table-toolbar-api{display:flex;justify-content:space-between;padding:5px 0}.filter-messages-section-api{margin:0 10px}.filter-label-api{font-size:14px;font-weight:600}.filter-select-field-api{background-color:#fff;border:1px solid #c2c2c2;border-radius:5px;font-size:14px;padding:2px 7px;width:150px}.filter-select-field-api:focus{border:1px solid #c2c2c2;outline:none}.table-input-api{background-color:#fff;border:1px solid #c2c2c2;border-radius:5px;font-size:14px;padding:3px 7px}.table-input-api:focus{outline:none!important}#status-RECEIVED{background-color:#22c55e3a;border-radius:5px;color:#22c55e}#status-RECEIVED,#status-SENT{font-size:11px;font-weight:700;padding:2px 10px;text-align:center;text-transform:capitalize!important}#status-SENT{background-color:#2274c53a!important;border-radius:10px;color:#2276c5!important}#status-READ{background-color:#22c55e3a;border-radius:5px;color:#22c55e;font-size:11px;font-weight:700;padding:2px 10px;text-align:center;text-transform:capitalize!important;width:200px!important}#status-DELIVERED{background-color:#2274c53a!important;color:#2276c5!important}#status-DELIVERED,#status-FAILED{border-radius:6px;font-size:11px;font-weight:700;padding:2px 10px;text-align:center;text-transform:capitalize!important}#status-FAILED{background-color:#e014143a!important;color:#c52222!important}#direction-INBOUND{background-color:#4463ef3f;border-radius:6px;color:#4455ef;text-transform:capitalize!important}#direction-INBOUND,#direction-OUTBOUND{font-size:11px;font-weight:700;padding:2px 5px;text-align:center;width:100px}#direction-OUTBOUND{background-color:#ef44443f;border-radius:10px;color:#ef4444;text-transform:uppercase!important}.custom-table .ant-table-thead>tr>th{color:#0006;font-size:14px;font-weight:700;padding:9px 16px}.custom-table .ant-table-tbody>tr>td{color:#1b1b1b;font-size:14px;font-weight:600;padding:9px 16px}.custom-pagination{font-size:13px;font-weight:600}.custom-pagination .ant-select-selector{font-size:13px;height:20px;line-height:20px;padding:5px 10px!important}.custom-pagination .ant-pagination-item{align-items:center;display:flex;height:20px;justify-content:center;line-height:20px;margin:5px}.custom-pagination .ant-pagination-item-ellipsis{line-height:20px}.chat-conversation-section{background-color:#fff;border-radius:10px;box-shadow:0 7px 29px 0 #64646f33;display:flex;justify-content:space-between;margin:20px 40px;max-height:500px;min-height:500px;overflow-y:hidden;padding:10px;width:85%}.contacts-section{background-color:#eef4fb;border-radius:10px;max-height:480px;min-height:460px!important;overflow-y:scroll;padding:10px;width:35%}#contact-search{border:1px solid #ddd!important;border-radius:7px;font-size:14px;font-weight:600;margin-bottom:10px;padding:7px 10px;width:100%}#contact-search:focus{outline:none!important}.contacts-list{list-style:none}.contacts-list li{align-items:center;border-bottom:1px solid #a3c7f178;color:rgba(0,0,0,.581);cursor:pointer;display:flex;font-size:16px;font-weight:700;padding:10px 0}.contacts-list li:hover{background-color:#fff}.contacts-list li img{margin-right:10px;width:30px}.chats-conversation-section{min-width:64%}.conversation-section{background-color:#eef4fb;border-radius:10px;height:90%;overflow-y:scroll!important;padding:10px 20px;width:100%}.contact-profile-section{background-color:#a6d7ff86;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:0 5px;position:sticky}.contact-profile-section p{align-items:center;display:flex}.contact-profile-section img{margin-right:10px;width:30px}.messages-section{display:flex;flex-direction:column}.incoming-message-sec{align-items:flex-start;display:flex}.incoming-message-div{margin-left:10px;max-width:60%}.incoming-message-content{background-color:#c8c8c888;border-radius:7px;font-size:14px;padding:5px 10px}.outgoing-message-sec{align-items:flex-start;display:flex;justify-content:flex-end;margin:20px 0}.outgoing-message-div{margin-right:10px;max-width:60%}.outgoing-message-content{background-color:#2562f1;border-radius:7px;color:#fff;font-size:14px;padding:5px 10px}.message-timestamp{color:#626262c5;font-size:14px;margin:3px}.incoming-timestamp{text-align:right}.empty-conversation-section{align-items:center;background-color:#eef4fb;border-radius:10px;display:flex;flex-direction:column;min-height:90%;overflow-y:scroll!important;padding:10px 20px;width:100%}.table-page{background-color:#fff;border-radius:5px;box-shadow:0 0 1.5rem 0 #6a66644d;margin:12px;padding:10px}.billing-table-actions-sections{padding:10px 0}.billing-table-actions-sections .table-page-title{font-size:22px;font-weight:600}.step{background-color:#eef4fb!important;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:10px;margin-right:10px;margin-top:20px;padding:5px 10px}.step1-true,.step2-true{color:#2385f4;cursor:default;font-weight:600}.billing-table-toolbar{align-items:center;display:flex;justify-content:space-between}.filter-billing-section{margin:15px 0}.filter-label{font-size:14px;font-weight:600}.filter-select-field{background-color:#fff;border:1px solid #c2c2c2;border-radius:5px;font-size:14px;padding:4px 7px;width:150px}.filter-select-field:focus{border:1px solid #c2c2c2;outline:none}.table-actions{display:inline-block}#edit-action-icon{color:var(--primary);font-size:16px;font-weight:400;padding:0 5px}#archive-action-icon{color:var(--orange-color)}#archive-action-icon,#delete-action-icon{font-size:18px;font-weight:400;padding:0 5px}#delete-action-icon{color:var(--red-color)}#view-action-icon{color:var(--blue-color);font-size:20px;font-weight:400;padding:0 5px}.MuiDataGrid-root .MuiDataGrid-cell:focus,.MuiDataGrid-root .MuiDataGrid-columnHeader:focus{outline:none!important}.filter-menu-btns{color:#7048ec!important;font-family:Nunito,sans-serif!important;font-size:12px!important;font-weight:bolder!important}.custom-colum-panel .MuiTypography-root{color:#4e5155;font-family:Nunito,sans-serif!important;font-size:14px!important;font-weight:600!important}.custom-colum-panel .MuiDataGrid-panelHeader{display:none}.custom-colum-panel .MuiButtonBase-root{color:#4e5155;font-size:12px!important;font-weight:600!important}.custom-colum-panel .MuiInputBase-root{color:#4e5155;font-family:Nunito,sans-serif!important;font-size:14px!important;font-weight:600!important}.MuiMenuItem-root{font-size:14px!important;font-weight:400!important}.MuiMenu-paper{border-radius:10px!important;box-shadow:0 0 2px #959da533!important}.custom-table-header{border:none!important;color:#6f767e;cursor:pointer;font-size:14px!important;font-weight:700!important;height:40px!important;margin:auto!important;min-width:100}.first-header{border-bottom-left-radius:5px!important;border-top-left-radius:5px!important}.last-header{border-bottom-right-radius:5px!important;border-top-right-radius:5px!important}.custom-table-header:hover{border:none!important}.MuiDataGrid-sortIcon{display:none}.MuiDataGrid-cell{font-weight:600}.MuiDataGrid-root .MuiCheckbox-root:not(.Mui-checked) .MuiSvgIcon-root{color:#adadad;height:22px;opacity:.5}.MuiDataGrid-root .MuiCheckbox-root.Mui-checked .MuiSvgIcon-root{height:24px}.MuiDataGrid-cell,.MuiDataGrid-cellCheckbox,.MuiDataGrid-columnHeader{border:0;outline:none!important}.MuiDataGrid-footerContainer{display:block!important}.date-range-container{display:flex;justify-content:right}.date-range-section{align-items:center;display:flex}#date-range-trigger{cursor:pointer}#date-range-header{color:rgba(0,0,0,.917);font-size:14px;font-weight:600;margin-bottom:0!important;margin-right:5px}.featured-custom-datepicker{font-family:Nunito,sans-serif}.featured-custom-datepicker .react-datepicker__header{background-color:#00b0e3;color:#fff!important}.featured-custom-datepicker .react-datepicker__day{color:#333}.featured-custom-datepicker .react-datepicker__day--selected{background-color:#00b0e3;color:#fff}.featured-custom-datepicker input{border:1px solid #ccc;border-radius:4px;font-size:14px;font-weight:600;margin-bottom:5px;outline:none;padding:5px 8px}.loading-dual-ring:after{animation:lds-dual-ring 1s linear infinite;border:4px solid #2294e0;border-color:#155fe7 #0000!important;border-radius:50%;content:" ";display:block;height:25px!important;margin:auto;width:25px!important}.main-loading{align-items:center;display:flex;height:100vh;justify-content:center}.loading-div{display:flex;flex-direction:column-reverse;margin:auto;top:50%}.loading-logo{margin:auto;width:300px}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.callback-form-div-section{margin-top:10%}@media (max-width:1024px){.responsive-callback-dev{z-index:1000!important}.callback-form-div-section{margin-top:15%;max-width:50%!important;z-index:1000!important}}@media (max-width:768px){.callback-form-div-section{margin-top:25%}}@media (max-width:640px){.callback-form-div-section{margin-top:30%}}@media (max-width:480px){.callback-callback-form-div-section{margin-top:5%}}.payment-card{background-color:#fff;border-radius:10px;margin:10px;width:95%}.payment-logo{font-size:30px;font-weight:700;width:200px}.payment-option{border:1px solid red;border-color:#4091ed!important;border-radius:10px;cursor:pointer;margin-bottom:10px;margin-right:10px;min-width:280px;padding:0 10px}.payment-option img{height:40px;width:50px}.payment-option div img{height:40px;width:30px}.select-option-section{display:flex}.payment-card-title{font-size:20px;font-weight:700;margin-bottom:10px}.payment-notify{font-size:12px;margin-bottom:10px}.payment-amount-usd{font-size:13px;font-weight:700;margin-bottom:10px}.topup-form{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:8px}#option-title-btn{background-color:#eef4fb;border-radius:4px;color:#1e1e1e;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;margin-bottom:3px;margin-right:10px;padding:4px 10px;width:45%}.paybill-true,.pesapal-true,.stkpush-true{background-color:#4091ed!important;color:#fff!important;cursor:default!important;font-weight:600!important}.option1-list{padding:10px 20px}.option1-list li{font-size:14px;padding:5px 0}#paybill{font-weight:700}.payment-input-group{margin:10px 0;width:100%}.payment-label{color:#363636;font-size:14px;font-weight:700}.payment-input{background-color:#fafafa;border:1px solid #c0c0c081;border-radius:6px;font-size:14px!important;padding:7px 10px;width:50%}.payment-input:focus{background-color:#fff;border:1px solid #4091ed;outline:none}@media screen and (max-width:780px){.login-form,.payment-card{width:95%}}.payment-btn{background-color:#00b0e3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:7px}.payment-btn:hover{opacity:.7!important;transition:opacity .3s ease-in-out}.btn-disabled{border:none;border-radius:3px;padding:7px;width:120px}.btn-disabled,.session-dismiss-disabled{align-items:center;cursor:not-allowed;display:flex;justify-content:center}.session-dismiss-disabled{background-color:#00b0e3;border:none;border-radius:8px;padding:10px 7px;width:40%}.redirect-hide-button{background:#aaa;border:#3477ec;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;line-height:40px;transition:background .3s ease-in-out;width:40%}.confirm-modal-inactive{display:none}.confirm-modal{border-radius:10px;height:200px}#action-title{display:block;font-size:18px;font-weight:600;line-height:24px;margin:14px 0 5px}.confirm-message{margin:7px 0 0}.ta-buttons{align-items:center;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:70px}.confirm-button{background-color:#3477ec;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;line-height:40px;margin-top:10px!important;transition:background .3s ease-in-out;width:40%}.confirm-button:hover{background-color:#3766f2;opacity:.8}.mpesa-modal-title{align-items:center;border-bottom:1px solid #b9b9b9;display:flex;justify-content:space-between;padding:0 10px}.settings-page{padding:20px}.settings-page-title{font-size:20px;font-weight:700}.settings-step-true{border-radius:10px;color:#1078ef;cursor:pointer;font-size:14px;font-weight:700;margin:5px 10px;padding:6px 25px;text-align:center}.settings-step-false:hover,.settings-step-true{background-color:#eef4fb!important}.settings-step-false{border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;margin:5px 10px;padding:6px 25px;text-align:center}.apikey-callback-section{border-radius:5px;margin-top:20px;padding-bottom:20px}#apikey-callback-section-title{background-color:hsla(0,0%,85%,.467);font-size:16px;font-weight:600;padding:7px}.apikey-credetial-sec{background-color:#fff;margin-top:30px}.apikey-credetial-title{font-size:16px;font-weight:700}.apikey-input-section{align-items:center;background-color:#fff;border:1px solid #dfdfdf;border-radius:7px;display:flex;flex-wrap:wrap;margin-bottom:0;margin-top:4px!important;min-width:auto;width:auto}#apikey-input-hidden-value{align-items:center;display:flex;justify-content:center}#star-key-value{margin-right:10px;padding-top:8px}.apikey-input-visible-value-div{min-width:90%;width:100%}#apikey-input-visible-value,.apikey-input-visible-value-div{align-items:center;display:flex;font-size:14px;font-weight:600}#apikey-input-visible-value{border-radius:7px;cursor:not-allowed;justify-content:center;padding:7px 10px;width:90%}#apikey-input-visible-value:focus{outline:1px solid blue}#apikey-input-visible-value span{margin-left:10px}#visibility-eye{padding-left:5px;padding-right:5px}#copy-btn,#visibility-eye{cursor:pointer;margin-right:5px}#credentials-btns{margin-left:5px;margin-top:2px}#genearte-key-btn{background-color:#00b0e3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:5px;padding:6px 10px}.balance-alert-input{border:1px solid #a8a8a8;border-radius:5px;margin:15px 0;padding:7px;width:65%}.balance-alert-input:focus{background-color:#fff;border-color:#00b0e3;outline:none}.password-form-group{display:flex;flex-direction:column}.password-form-label{color:#262727;font-size:14px!important;font-weight:600!important;padding-bottom:0!important}.password-form-control{background-color:hsla(0,0%,86%,.322);border:1px solid #cecece;border-radius:6px;font-size:14px!important;padding:6px 5px}.password-form-control:focus{background-color:#fff;border-color:#00b0e3;outline:none}#password-error{color:#d22;font-size:12px;margin-top:5px}.create-modal-inactive{animation:hide-modal .7s ease-in-out;display:none}.create-modal-active{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:10000!important}.view-modal-content{grid-gap:10px;animation:show-modal .7s ease-in-out;background-color:#fff;border-radius:10px;display:grid;grid-template-rows:repeat(auto-fit,minmax(20px,1fr));height:auto;margin-top:20px!important;margin:auto;padding:10px 20px;width:50%;z-index:7}.modal-title{align-items:center;display:flex;font-size:20px;justify-content:space-between;margin-bottom:12px;opacity:.7;padding:5px 0}.dialog-footer{display:flex;justify-content:flex-end}#close-button{background-color:#ee1919;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:bolder!important;font-weight:700;padding:2px}.webhook-tooltip{font-size:12px}.form-group{display:flex;flex-direction:column}.form-label{color:#262727;font-size:14px!important;font-weight:600!important;padding-bottom:0!important}.form-control{background-color:hsla(0,0%,86%,.322);border:1px solid #cecece;border-radius:6px;font-size:14px!important;padding:6px 5px}.form-control:focus{background-color:#fff;border-color:var(--blue-color);outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.user-profile-page{padding:0}.main-profile-section{grid-gap:10px;border-radius:5px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:space-between;margin:10px}.user-info-section{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow)}.profile-title{color:#2f3033;font-size:20px;font-weight:700;padding:4px 0}#user-profile-info{color:#5a6370;font-size:14px;font-weight:400;padding:4px 0}#user-profile-info #info-header{color:#000;font-size:14px!important;font-weight:600;padding:4px 0}#error{color:#d22;font-size:12px;margin-top:5px}.profile-edit-btn{align-items:center;background-color:initial;border:none;color:#22c55e;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between}.profile-edit-btn:hover{border-bottom:1px solid #22c55e}#profile-btn-icon{font-size:20px;margin-right:3px}.info-fields-section{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.submit-btn{color:#fff;cursor:pointer;font-size:14px;font-weight:700}.submit-btn,.submit-btn-disabled{background-color:#00b0e3;border:none;border-radius:8px;margin-top:20px;padding:10px 7px;width:120px}.submit-btn-disabled{align-items:center;cursor:not-allowed;display:flex;justify-content:center}.lds-dual-ring:after{animation:lds-dual-ring .9s linear infinite!important;border-color:#fff #0000 #feffff!important;border-radius:50%;border-style:solid!important;border-width:2px!important;content:" ";display:block;height:16px!important;width:16px!important}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirm-modal-active{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.confirm-modal{animation:show-modal .7s ease-in-out;background:#fff;border-radius:3px;box-shadow:4px 8px 12px 0 #0006;height:180px;left:0;margin:20px auto auto!important;overflow:hidden;position:relative;text-align:center;top:20%;width:500px;z-index:1000}.confirm-messages-div{height:80px;margin-top:30px;padding-top:5px}.action-title{display:block;font-size:18px;font-weight:600;line-height:24px;margin:14px 0 5px}.confirm-message{font-size:14px;font-weight:400;line-height:19px;padding:0 30px;text-align:center}.a-buttons{bottom:0;display:flex;justify-content:space-around;left:0;padding-bottom:10px;position:absolute;right:0}#main{display:table;height:100vh;text-align:center;width:100%}.fof{display:table-cell;vertical-align:middle}.fof h1{animation:type .5s infinite alternate;color:#888;display:inline-block;font-size:50px;margin-bottom:0;padding-right:12px}.fof p{margin-bottom:20px}.back-link{background-color:#0084ff;border-radius:5px;color:#fff;font-weight:700;padding:7px 10px;text-align:center;text-decoration:none}.container{margin:50px auto;max-width:380px;overflow:hidden}.printer-top{background:#333;border:6px solid #666;border-bottom:0;border-radius:6px 6px 0 0;height:6px;z-index:1}.printer-bottom{background:#333;border:6px solid #666;border-radius:0 0 6px 6px;border-top:0;height:6px;z-index:0}.paper-container{height:467px;overflow:hidden;position:relative}.paper{animation:print 1.5s cubic-bezier(.68,-.55,.265,.9);-moz-animation:print 1.5s cubic-bezier(.68,-.55,.265,.9) infinite;background:#fff;font-family:Poppins,sans-serif;height:447px;margin:-12px 12px 0;position:relative}.main-contents{margin:0 12px;padding:24px}.jagged-edge{height:20px;margin-top:-1px;position:relative;width:100%}.jagged-edge:after{background:linear-gradient(45deg,#0000 33.333%,#fff 0,#fff 66.667%,#0000 0),linear-gradient(-45deg,#0000 33.333%,#fff 0,#fff 66.667%,#0000 0);background-position:0 -20px;background-size:16px 40px;bottom:20px;content:"";display:block;height:20px;left:0;position:absolute;right:0}.success-payment-icon{background:#359d00;border-radius:50%;color:#fff;font-size:48px;width:72px}.failed-payment-icon,.success-payment-icon{height:72px;margin:16px auto;text-align:center}.failed-payment-icon{display:flex;justify-content:center}.success-title{color:#666;font-size:22px;font-weight:700;margin-bottom:16px}.success-description,.success-title{font-family:Poppins,sans-serif;text-align:center}.success-description{color:#999;font-size:15px;line-height:21px;margin-bottom:24px}.order-details{color:#333;font-weight:700;text-align:center}.order-number-label{font-size:18px;margin-bottom:8px}.order-number{border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-size:14px;line-height:48px;margin-bottom:10px;padding:8px 0}.complement{color:#32a852;font-size:18px;margin-bottom:8px}.continue-payment-btn{background-color:#add8e6;background-color:#00b0e3;border-radius:5px;color:#fff;display:inline-block;height:100%;line-height:100%;padding:10px 70px;text-align:center;text-decoration:none;width:100%!important}@keyframes print{0%{transform:translateY(-90%)}to{transform:translateY(0)}}.payment-loader-section{display:block;margin:auto!important;position:relative;text-align:center}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#247ff6;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.forgot-password-page{align-items:center;background-color:#f3f3f9!important;display:flex;justify-content:center;min-height:100vh}.forgot-password-section{background-color:#fff;border-radius:10px;box-shadow:0 8px 24px #959da533;display:flex;padding:10px}.forgot-pass-svg{width:320px}.forgot-pass-form-sec{display:flex}.forgot-password-form{align-items:center;background-color:#fff;border-radius:10px;height:auto;margin:auto;padding:10px;width:100%}.forgot-password-form-header{color:#38383a;font-size:20px;font-weight:600;margin-bottom:0}.forgot-password-p{color:#5a6370;font-size:14px}.forgot-password-label{color:#38383a;font-size:14px;font-weight:600}.input-group{display:flex;flex-direction:column;margin:15px 0}.forgot-password-input{background-color:#f3f3f9!important;border:1px solid hsla(0,0%,83%,.377);border-radius:5px;font-size:14px;padding:7px 10px}.forgot-password-input:focus{background-color:#fff!important;border:1.7px solid #00b4db;outline:none}.forgot-password-button{color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;margin-top:0}.forgot-password-button,.forgot-password-disable{background-color:#00b4db;border:none;border-radius:5px;padding:10px;width:100%}.forgot-password-disable{cursor:not-allowed;display:flex;justify-content:center}.go-to-login{color:#00b4db;font-size:14px;font-weight:600;text-decoration:none}@media screen and (max-width:900px){.forgot-password-page{padding:10px}}@media screen and (max-width:720px){.forgot-password-section{display:flex;flex-direction:column}}@media screen and (max-width:340px){.forgot-pass-svg{width:250px}}.email-modal-inactive{display:none}.email-modal-active{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.delete-modal{animation:show-modal .7s ease-in-out;background:#fff;border-radius:5px;box-shadow:0 8px 24px #959da533;height:210px;left:0;margin:20px auto auto!important;overflow:hidden;position:relative;text-align:center;top:20%;width:500px;z-index:1000}#delete-img{margin-top:24px}.email-message{font-size:14px;font-weight:600;line-height:19px;margin:0}.reset-password-page{align-items:center;background-color:#f3f3f9!important;display:flex;justify-content:center;min-height:100vh}.reset-password-section{background-color:#fff;border-radius:10px;box-shadow:0 8px 24px #959da533;display:flex;padding:10px}.reset-pass-svg{width:300px}.reset-pass-form-sec{display:flex}.reset-password-form{align-items:center;background-color:#fff;border-radius:10px;height:auto;margin:auto;padding:10px;width:100%}.reset-password-form-header{color:#38383a;font-size:20px;font-weight:600;margin-bottom:0}.reset-password-p{color:#5a6370;font-size:14px}.reset-password-label{color:#38383a;font-size:14px;font-weight:600}.reset-password-input{background-color:#f3f3f9!important;border:1px solid hsla(0,0%,83%,.377);border-radius:5px;font-size:14px;padding:7px 10px}.reset-password-input:focus{background-color:#fff!important;border:1.7px solid #00b4db;outline:none}.reset-password-button{color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:15px;margin-top:0}.reset-password-button,.reset-password-disable{background-color:#00b4db;border:none;border-radius:5px;padding:10px;width:100%}.reset-password-disable{cursor:not-allowed;display:flex;justify-content:center}#form-error{color:var(--danger);font-size:12px}@media screen and (max-width:900px){.reset-password-page{padding:10px}}@media screen and (max-width:700px){.reset-password-section{display:flex;flex-direction:column}}@media screen and (max-width:340px){.reset-pass-svg{width:250px}}.reset-modal-inactive{display:none}.reset-modal-active{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.reset-modal{animation:show-modal .7s ease-in-out;background:#fff;border-radius:5px;box-shadow:0 8px 24px #959da533;height:210px;left:0;margin:20px auto auto!important;overflow:hidden;position:relative;text-align:center;top:20%;width:500px;z-index:1000}#reset-img{margin-top:24px}.reset-message{font-size:14px;font-weight:600;line-height:19px;margin:0;padding:10px}.dismiss-button{background:#1d45b4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:400;line-height:40px;transition:background .3s ease-in-out;width:40%}.dismiss-button:hover{background:#4c6fcf}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-3{left:.75rem}.right-3{right:.75rem}.right-full{right:100%}.top-1\/2{top:50%}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mr-5{margin-right:1.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[36px\]{height:36px}.h-max{height:max-content}.max-h-max{max-height:max-content}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-24{width:6rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-\[95\%\]{width:95%}.w-full{width:100%}.w-max{width:max-content}.min-w-\[100\%\]{min-width:100%}.max-w-6xl{max-width:72rem}.max-w-\[50\%\]{max-width:50%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[7px\]{border-radius:7px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.5px\]{border-width:.5px}.border-solid{border-style:solid}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:#c7d2fe;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:#ffffff4d}.border-r-transparent{border-right-color:#0000}.border-t-transparent{border-top-color:#0000}.border-t-white{--tw-border-opacity:1;border-top-color:#fff;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-sky-500{--tw-bg-opacity:1;background-color:#0ea5e9;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/95{background-color:#fffffff2}.bg-yellow-400{--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-sky-500{--tw-gradient-to:#0ea5e9 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[600\]{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.no-underline{text-decoration-line:none}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.main-page{justify-content:space-between;width:100%}#sidebar-section{display:block;overflow-y:auto!important;position:fixed;width:200px}.hidden-sidebar{display:none!important}.right{height:100vh;margin-left:200px;width:calc(100% - 200px)}.right-full{margin-left:10px;width:100%}.content-div{display:flex;flex-direction:column;height:calc(100vh - 92px);justify-content:space-between;padding-right:2%;width:100%;z-index:-1}.session-modal-active{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.session-modal{animation:show-modal .7s ease-in-out;background:#fff;border-radius:8px;box-shadow:4px 8px 12px 0 #0006;height:150px;left:0;margin:20px auto auto!important;overflow:hidden;position:relative;text-align:center;top:20%;width:500px;z-index:1000}.modal.hide{animation:hide-modal .6s ease-in-out both}#session-img{margin-top:24px}.session-title{display:block;font-size:20px;font-weight:700;line-height:24px;margin:14px 0 5px}.session-message{font-size:14px;font-weight:500;margin:0;padding:0 30px}.session-buttons{bottom:0;display:flex;justify-content:space-around;left:0;padding-bottom:10px;position:absolute;right:0}.session-dismiss-button{background:#1d45b4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;line-height:40px;transition:background .3s ease-in-out;width:40%}.session-dismiss-button:hover{background:#4c6fcf}@keyframes show-modal{0%{transform:scale(0)}60%{transform:scale(1.1)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes hide-modal{0%{transform:scale(1)}20%{transform:scale(1.1)}to{transform:scale(0)}}.main-page{display:flex;min-height:100vh;position:relative}.sidebar-container{transition:transform .3s ease-in-out;z-index:1000}@media (min-width:769px){.sidebar-container{flex-shrink:0;position:relative;width:250px}.sidebar-container.hidden-sidebar{transform:translateX(-100%)}.right{flex:1 1;transition:margin-left .3s ease-in-out}.right-full{margin-left:0}}@media (max-width:768px){.mobile-sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:0;position:fixed;top:0;transform:translateX(0);width:280px;z-index:1001}.mobile-sidebar.hidden-sidebar{transform:translateX(-100%)}.mobile-content{margin-left:0!important;width:100%}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar{position:relative;z-index:999}}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-blue-300:hover{--tw-bg-opacity:1;background-color:#93c5fd;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.hover\:bg-gray-500\/80:hover{background-color:#6b7280cc}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:#f87171;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:from-blue-500:hover{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-blue-500:hover{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-sky-500:hover{--tw-text-opacity:1;color:#0ea5e9;color:rgb(14 165 233/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-70:hover{opacity:.7}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-sky-500:focus{--tw-border-opacity:1;border-color:#0ea5e9;border-color:rgb(14 165 233/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:min-w-\[100\%\]{min-width:100%}.sm\:p-2{padding:.5rem}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:w-1\/2{width:50%}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-2{padding:.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-8{margin-bottom:2rem}.lg\:max-w-md{max-width:28rem}.lg\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.lg\:p-12{padding:3rem}.lg\:p-6{padding:1.5rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:max-w-lg{max-width:32rem}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}}
/*# sourceMappingURL=main.141bf7b6.css.map*/