:root{--color-core-blue-50:#00516750}.portal-container{width:70%;margin:auto;max-width:1200px}.portal-sec{background-color:#fff!important}.space-between-row{display:flex;justify-content:space-between;align-items:center}.row-container{display:flex;align-items:center;grid-gap:5px;gap:5px}.active-nav-link span{color:var(--color-core-blue)!important}.inactive-nav-link span{font-weight:400!important}.portal-title-container{display:flex;justify-content:space-between;align-items:center;grid-gap:20px;gap:20px;flex-wrap:wrap;margin-bottom:20px}.portal-title-container h1{margin-bottom:0!important}.field{display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-bottom:18px}.field__label{font-size:14px;margin-bottom:6px;color:#1f2937;font-weight:500}.field__error,.field__helper{margin-top:4px;font-size:12px}.field__helper{color:#6b7280}.field__error{color:#d92c2c}.field__control{width:100%;padding:9px 12px;font-size:14px;border-radius:6px;border:1px solid #cfd4dd;background-color:#fff;color:#111827;outline:none;line-height:1.4;-webkit-transition:border-color .18s ease,background-color .18s ease,-webkit-box-shadow .18s ease;transition:border-color .18s ease,background-color .18s ease,-webkit-box-shadow .18s ease;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,-webkit-box-shadow .18s ease}.field__control:hover{border-color:#0f3d91}.field__control:focus-visible{border-color:#0f3d91;-webkit-box-shadow:0 0 0 3px rgba(15,61,145,.18);box-shadow:0 0 0 3px rgba(15,61,145,.18)}.field__control--error{border-color:#d92c2c;background-color:#fff6f6}.field__select-wrapper{position:relative;display:inline-flex;align-items:center;width:100%}.field__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px}.field__select:invalid{color:#6b7280}.field__select-icon{position:absolute;right:10px;pointer-events:none;font-size:11px;color:#6b7280}.field__select-wrapper.field__select-wrapper--error .field__select-icon{color:#d92c2c}.field__radio-group{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:4px 0}.field__radio-group--row{flex-direction:row;flex-wrap:wrap;grid-gap:20px;gap:20px}.radio-option{display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;position:relative}.radio-option__input{position:absolute;opacity:0;pointer-events:none}.radio-option__visual{width:18px;height:18px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #757f89;background-color:#fff;position:relative;-webkit-transition:all .22s ease;transition:all .22s ease}.radio-option__label{font-size:14px;color:#1f2937}.radio-option__input:checked+.radio-option__visual{border-color:#0f3d91;background-color:#0f3d91}.radio-option__input:checked+.radio-option__visual:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.radio-option:hover .radio-option__visual{border-color:#0f3d91}.radio-option__input:focus-visible+.radio-option__visual{-webkit-box-shadow:0 0 0 4px rgba(15,61,145,.25);box-shadow:0 0 0 4px rgba(15,61,145,.25)}.field__radio-group--error .radio-option__label{color:#d92c2c}.button-container{display:flex;grid-gap:10px;gap:10px;align-items:center;justify-content:flex-end}.buttonVariant-1{-webkit-appearance:none;appearance:none;border:0!important;background:var(--color-core-green)!important;color:#fff!important;font-weight:500!important;font-size:16px!important;padding:7px 14px!important;cursor:pointer!important;width:100%!important;-webkit-transition:background-color .15s ease,-webkit-transform .02s ease!important;transition:background-color .15s ease,-webkit-transform .02s ease!important;transition:background-color .15s ease,transform .02s ease!important;transition:background-color .15s ease,transform .02s ease,-webkit-transform .02s ease!important}.buttonVariant-1,.buttonVariant-1.br-full{border-radius:20px!important}.buttonVariant-1.small{width:-webkit-max-content;width:max-content;max-width:-webkit-max-content;max-width:max-content;font-size:13px}.buttonVariant-1.outline{border:1px!important;background-color:#fff!important;color:var(--color-core-green)!important;border:1px solid var(--color-core-green)!important}.buttonVariant-1.marginTop{margin-top:10px}.buttonVariant-1 .fas{margin-left:6px;font-size:13px}.buttonVariant-1:hover{background:var(--accent-hover)!important}.buttonVariant-1.outline:hover{background:var(--color-core-green-20)!important}.buttonVariant-1:active{background:var(--accent-active);-webkit-transform:translateY(.5px);transform:translateY(.5px)}.buttonVariant-1:focus-visible{outline:2px solid #fff;outline-offset:2px;-webkit-box-shadow:0 0 0 2px rgba(14,94,105,.35);box-shadow:0 0 0 2px rgba(14,94,105,.35)}.buttonVariant-1:disabled{opacity:.6;cursor:default!important}.buttonVariant-1:disabled:hover{background:var(--color-core-green)!important}.buttonVariant-1.outline:disabled:hover{background:none!important}.pill-toggle{display:inline-flex;background-color:var(--accent);border-radius:9999px;padding:3px 4px;grid-gap:4px;gap:4px;font-family:inherit}.pill-option{flex:1 1;border:none;background:transparent;border-radius:9999px;padding:1px 10px;font-size:12px;cursor:pointer;color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.pill-option:hover{background-color:var(--accent-hover)}.pill-option.active{background-color:#fff;color:var(--accent);font-weight:600;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1)}.icon-button{height:35px;width:35px;border-radius:30px;display:flex;align-items:center;justify-content:center;-webkit-transition:.2s;transition:.2s}.icon-button:hover{background-color:#ffffff80;cursor:pointer}.chip{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem;border-radius:999px;border:1px solid transparent;font-weight:500;white-space:nowrap;-webkit-transition:background-color .15s ease,color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:background-color .15s ease,color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.chip--sm{font-size:12px;padding:3px 10px}.chip--md{font-size:.85rem;padding:.25rem .7rem}.chip--lg{font-size:.95rem;padding:.35rem .9rem}.chip__icon{font-size:.95em}.chip--default{background-color:#f3f4f6;color:#111827;border-color:#e5e7eb}.chip--success{background-color:var(--color-light-green);color:var(--color-core-green);border-color:var(--color-core-green-20)}.chip--warning{background-color:var(--color-orange-10);color:var(--color-orange);border-color:var(--color-orange-20)}.chip--error{background-color:var(--color-light-pink);color:var(--color-red);border-color:var(--color-red)}.chip--info{background-color:var(--color-light-blue);color:var(--color-core-blue);border-color:var(--color-core-blue-20)}.dashboardStatusMsgContainer{color:var(--color-core-blue);font-size:18px!important;font-weight:500!important;margin-bottom:40px!important;border-bottom:1px solid var(--color-core-blue-20)}.dashboardStatusMsgContainer p{line-height:30px!important}.db-account-overview h4{margin:0!important;width:-webkit-max-content;width:max-content;font-weight:400!important}.db-account-overview h4 .name{font-weight:600!important}.db-welcome-row{display:flex;align-items:center;justify-content:space-between;grid-gap:10px 20px;gap:10px 20px;flex-wrap:wrap;margin-bottom:20px}.db-accountDetails-row{display:flex;grid-gap:10px;gap:10px;font-size:12px;color:#5c5c5c;flex-wrap:wrap}.db-accountDetails-row .accountDetails-item{border-right:1px solid #00000020;padding-right:10px;width:-webkit-max-content;width:max-content;position:relative}.db-accountDetails-row .accountDetails-item:last-child{border-right:none;padding-right:0}.db-accountDetails-row .accountDetails-label{font-weight:500}.accountDetails-text{padding:2px 4px}.accountDetails-item{display:inline-flex;align-items:center;cursor:pointer;position:relative;color:inherit}.accountDetails-item:hover .accountDetails-text{background-color:#00000010;border-radius:30px;-webkit-transition:.2s;transition:.2s}.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:-140%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#333;color:#fff;font-size:10px;line-height:1;padding:6px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;pointer-events:none;z-index:9999}.has-tooltip:focus-visible:after,.has-tooltip:focus-visible:before,.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1;visibility:visible}.db-overview-row{display:flex;grid-gap:16px;gap:16px;align-items:stretch;flex-wrap:wrap}.db-overview-card{background:var(--color-light-blue);border-radius:var(--border-radius);padding:14px 16px;-webkit-box-shadow:0 1px 2px rgba(12,39,45,.06);box-shadow:0 1px 2px rgba(12,39,45,.06);display:flex;flex-direction:column;justify-content:space-between;grid-gap:10px;gap:10px;flex:1 1}.db-overview-card.danger{background-color:var(--color-light-pink)}.db-overview-card.danger .text{color:var(--color-red)}.db-overview-card.danger .buttonVariant-1{background-color:var(--color-red)!important}.db-overview-card .content{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:5px}.db-overview-card p{margin-bottom:0!important;margin-top:0!important}.db-overview-card .label{margin:0;font-size:14px;font-weight:500;color:var(--dark-text)}.db-overview-card .text{margin:0;font-size:26px;font-weight:700;color:var(--accent);letter-spacing:.2px;line-height:26px}.db-overview-card-sml-text{font-size:16px;border-bottom:1px solid #00000010;padding-bottom:5px;font-weight:600}.oveview-card-array-container{max-height:100px;overflow:auto;display:flex;flex-direction:column;grid-gap:5px;gap:5px;scrollbar-gutter:auto}.db-overview-card-sml-text:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0!important}.db-overview-card .subtext{margin:2px 0 8px;font-size:14px;color:var(--dark-text)}.refer-a-friend-card-container{background-repeat:repeat;background-size:contain;background-position:50%;border-radius:var(--border-radius);padding:16px 24px;display:flex;justify-content:center;align-items:center;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.08);flex:1 1;min-height:200px}.refer-a-friend-content{display:flex;align-items:center;grid-gap:20px;gap:20px}.refer-a-friend-right{text-align:center;display:flex;flex-direction:column;grid-gap:15px;gap:15px;align-items:center;justify-content:center;width:100%}.refer-a-friend-text{font-size:18px;font-weight:600;color:var(--color-core-blue);margin:0!important;max-width:60%}.referral-code-box{background:#fff;border-radius:9999px;display:inline-flex;align-items:stretch;overflow:visible;position:relative;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.08);box-shadow:0 1px 6px rgba(0,0,0,.08);grid-gap:0;gap:0}.referral-code{letter-spacing:4px;color:var(--color-core-blue);font-weight:700;padding:8px 12px 8px 16px;white-space:nowrap}.copy-button,.referral-code{display:flex;align-items:center}.copy-button{background:var(--accent);color:#fff;border:0;cursor:pointer;height:auto;align-self:stretch;justify-content:center;padding:0 12px;border-radius:20px;min-width:50px;border-left:1px solid rgba(0,0,0,.06);position:relative}.copy-button i{font-size:15px;line-height:1}.copy-button:hover{background:var(--accent-hover);color:#fff}@-webkit-keyframes fadeInOut{0%{opacity:0;-webkit-transform:translate(-50%,4px);transform:translate(-50%,4px)}10%{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}80%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%{opacity:0;-webkit-transform:translate(-50%,4px);transform:translate(-50%,4px)}10%{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.copy-tooltip{top:-32px;background:#111827;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;-webkit-animation:fadeInOut 1.5s ease forwards;animation:fadeInOut 1.5s ease forwards}.copy-tooltip,.copy-tooltip:after{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.copy-tooltip:after{content:"";top:100%;border:6px solid transparent;border-top-color:#111827}.raf-card{background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:var(--border-radius);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.08);overflow:hidden;flex:1 1;min-width:350px;border:1px solid #00000020}.raf-top{grid-gap:14px;gap:14px;padding:14px 16px}.raf-avatar,.raf-top{display:flex;align-items:center}.raf-avatar{width:64px;height:64px;border-radius:9999px;background:#0a4e63;justify-content:center;flex-shrink:0;overflow:hidden}.raf-avatar img{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.raf-top-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.raf-kicker{font-size:14px;font-weight:600}.raf-earned,.raf-kicker{margin:0!important;color:var(--color-core-blue)}.raf-earned{font-size:28px!important;font-weight:800;line-height:1.1}.raf-earned span{font-size:16px;font-weight:700;margin-left:0}.raf-sub{margin:0!important;font-size:15px;font-weight:500;color:var(--color-core-blue)}.raf-divider{height:1px;background:rgba(0,0,0,.08)}.raf-bottom{padding:14px 16px 16px;display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px}.raf-bottom-text{margin:0!important;text-align:center;font-size:16px;font-weight:600;color:#3b3b3b;max-width:520px}.raf-newReward{position:relative;overflow:hidden;border-radius:10px 10px 0 0;display:flex;align-items:center;padding:7px 15px;grid-gap:10px;gap:10px;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#005167),to(#00698a));background:linear-gradient(180deg,#005167,#00698a);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.25);box-shadow:0 10px 25px rgba(0,0,0,.25)}.raf-newReward:before{content:"";position:absolute;inset:0;background-image:url(https://cms.share-energy.com:8443/media/chknl2nz/confetti.svg);background-repeat:no-repeat;background-size:cover;opacity:.15;pointer-events:none}.raf-newReward>*{position:relative;z-index:2}.raf-newReward__close,.raf-newReward__icon{border-radius:50%;padding:5px;min-height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;background:#ffffff20;backdrop-filter:blur(6px);flex-shrink:0}.raf-newReward__close i{font-size:18px!important;color:#fff}.raf-newReward__text{flex:1 1;line-height:1.2;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.raf-newReward__title{font-size:15px!important;font-weight:600;margin:0!important}.raf-newReward__desc{font-size:13px!important;font-weight:400;opacity:.9;margin:0!important}.raf-newReward__desc .bold-text{font-size:13px!important;font-weight:700}.raf-newReward__close{cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease}.raf-newReward__close:hover{background:hsla(0,0%,100%,.28)}.dashboard-insights-container .row{padding:0!important}.dashboard-insights-container .insightsChartContainer,.dashboard-insights-container .portal-sec{margin:0!important;padding:0!important}.dashboard-insights-container .chartContainer{margin:0!important;padding:0!important;border:0!important}.dashboard-insights-container .db-insights-chart-container{border:1px solid #dadada;border-radius:var(--border-radius);overflow:hidden;margin-top:15px;margin-bottom:25px;p{margin:0!important}}.dashboard-insights-container{margin-top:50px}.dashboard-insights-container .container{width:100%!important;max-width:100%!important;padding:0!important}.dashboard-insights-container .insightsContainer .row .insightsContainer-column{margin-bottom:0!important}.db-insights-chart-container .chartContainer .chart{padding:0 20px}.dashboard-insights-container .waitingDetails{border:1px solid #00000020;border-radius:var(--border-radius);padding:20px!important;display:flex;grid-gap:20px;gap:20px;align-items:center;text-align:left;flex-wrap:wrap;margin-bottom:20px}.dashboard-insights-container .waitingDetails .gatheringDataImg{min-width:70px!important;margin:auto}.dashboard-insights-container .waitingDetails .Textrow{flex:1 1;min-width:150px}.insights-head{background-color:var(--color-light-blue);color:var(--dark-text);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;color:var(--color-core-blue)}.insights-head .year{font-weight:600}.insights-head .title{font-weight:600!important;font-size:17px!important}.insights-summary{padding:15px;border-bottom:1px solid #dadada;margin-bottom:30px;align-items:flex-start;justify-content:space-between}.insights-summary,.insights-summary-data{display:flex;grid-gap:20px;gap:20px;flex-wrap:wrap}.insights-summary-data{width:100%}.insights-summary .pill-toggle{margin-left:auto}.insight-alert{display:flex;grid-gap:10px;gap:10px;align-items:center;background-color:var(--color-light-green);color:var(--color-core-green);padding:10px;border-radius:var(--border-radius);width:100%}.insight-text{flex:1 1;font-size:15px!important;font-weight:600!important}.mobile-insights-container{background-color:#edf8fb;padding:10px 5px 0;border-radius:0 0 10px 10px;margin-bottom:15px}.total-usage-container{display:flex;grid-gap:15px;gap:15px;align-items:center}.total-usage-content{display:flex;flex-direction:column;grid-gap:5px;gap:5px;p{margin-bottom:0!important}}.total-usage-content .amount{font-size:20px;font-weight:600}.total-usage-content .label{font-size:13px}.meter-read-alert-container{display:flex;align-items:center;grid-gap:20px;gap:20px;padding:5px 15px;border-radius:12px;cursor:pointer;-webkit-transition:background-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .2s ease,box-shadow .2s ease;transition:background-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:20px}.meter-read-alert-container.mobile-view{margin-bottom:5px!important}.meter-read-alert-container:hover{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.12);box-shadow:0 4px 10px rgba(0,0,0,.12)}.submit-meter-alert-image{width:60px}.meter-alert-text-container{flex:1 1;display:flex;flex-direction:column;grid-gap:5px;gap:5px}.meter-alert-text-container p{margin-bottom:0!important}.meter-alert-title{font-size:17.5px;font-weight:600}.meter-alert-subtitle{color:#333;font-size:15px}.meter-read-alert-container .fas{font-size:20px}.meter-read-alert-container.submit-read{background-color:var(--color-light-blue);color:var(--color-core-blue)}.meter-read-alert-container.estimate-read{background-color:#f0ad4e10;color:#d08445}.account-settings-page-container{width:80%;margin:auto;max-width:1200px}.mobileFormContainer{margin:0 15px}.sidebar-tab-display-container{display:flex;grid-gap:10px;gap:10px;min-height:500px}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;padding-top:12px;display:flex;flex-direction:column;grid-gap:4px;gap:4px;height:100%}.sidebar-tab{position:relative;display:flex;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;background:transparent;border:none;outline:none;cursor:pointer;font-family:inherit;font-size:16px;color:#4b5563;text-align:left;-webkit-transition:background .15s ease,color .15s ease;transition:background .15s ease,color .15s ease}.sidebar-tab:hover{background:rgba(212,236,240,.35)}.sidebar-tab__icon{width:24px;font-size:18px;text-align:center}.sidebar-tab--active{background:var(--color-light-blue);color:var(--color-core-blue);font-weight:600;border-top-right-radius:12px;border-bottom-right-radius:12px}.sidebar-tab__indicator{position:absolute;top:0;right:0;width:4px;height:100%;background:var(--color-core-blue)}.active-tab-container{padding:15px;flex:1 1}.active-tab-container .container{padding:0!important;max-width:100%!important}.active-tab-container .container .AccountDetailsFormContainer{margin:0!important;width:100%!important}.active-tab-container .container .AccountDetailsFormContainer h5{margin:0!important}.active-tab-container .container .AccountDetailsFormContainer .frmFieldContainer{margin-bottom:10px!important}.active-tab-container .container .AccountDetailsFormContainer .frmFooter{justify-content:center;margin:10px 0 0!important}.data-display-container{display:flex;flex-direction:column;grid-gap:6px;gap:6px;padding:16px 0;border-bottom:1px solid #e5e7eb}.data-display-container p{margin-bottom:0!important}.data-label{font-weight:500;color:#4b5563}.data-label,.data-text{font-size:15px;margin:0}.data-text{font-weight:400;color:#111827;white-space:pre-line;line-height:1.5}.account-settings-tariff-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.tariff-table-container{padding-bottom:10px;border-bottom:1px solid #e5e5e5}.tariffTable-header th{text-align:left;font-weight:600;padding:8px 0 4px;color:#4b5563;border-bottom:none}.tariffTable-row td{padding:6px 0;color:#000}.tariffTable-row:not(:last-child) td{border-bottom:1px solid #f2f2f2}.mobile-account-accordion-container{margin:0 20px;padding-top:5px}.mobile-account-accordion{display:flex;background-color:var(--color-light-blue);color:var(--color-core-blue);justify-content:space-between;align-items:center;margin-top:10px;padding:12px 10px;border-radius:5px}.account-accordion-label{display:flex;align-items:center;grid-gap:10px;gap:10px}.account-accordion-text{font-size:17px!important;font-weight:500}.meter-reading-page-container{width:100%;display:flex;grid-gap:20px;gap:20px;margin:20px auto auto}.meter-reading-page-container-read-only{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.meter-reading-page-container .meter-reading-left{flex:1 1;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.meter-reading-page-container .meter-reading-right{flex:2 1}.meter-reading-page-container .meter-reading-right h5{color:var(--color-core-blue )!important;font-weight:600}.meter-readings-header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;grid-gap:10px;gap:10px}.meter-readings-title-container h5{margin-bottom:0!important}.meter-readings-title-container .mobile-select{background-color:transparent!important;grid-gap:6px;gap:6px;display:flex;align-items:center}.meter-readings-title-container .mobile-select select{background-color:var(--color-light-blue)!important}.mprn-container{background-color:var(--color-light-green);color:var(--color-core-green);padding:5px 10px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between}.mprn-container p{margin-bottom:0!important}.mprn-container .mprn-number{font-weight:600}.submit-reading-form-container{background-color:var(--color-light-blue);border-radius:var(--border-radius);display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:15px!important;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25);box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.submit-reading-form-container h6{margin-bottom:0!important;font-weight:600;font-size:17px;color:var(--color-core-blue)}.submit-reading-form-container .container{padding:0!important}.submit-reading-form-container label{margin-bottom:10px;font-size:15px;font-weight:400;color:var(--color-core-blue)}.submit-reading-form-container .frmFooter{margin-top:10px;display:flex;justify-content:flex-end}.submit-reading-form-container .frmFooter .frmBtn{background-color:var(--color-core-blue);color:var(--color-background);font-size:14px;font-weight:500;padding:10px 20px}.submit-reading-form-container .reqFieldMsg{color:var(--color-red);font-size:13px;margin-top:10px;padding:0 10px}.input-label-container{display:flex;flex-direction:row;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.input-label-container:last-child{margin-bottom:0}.input-label-container label{width:40%}.input-with-unit{display:flex;align-items:center;border:1px solid #ccc;border-radius:10px;padding:10px;width:100%;background-color:#fff}.input-with-unit input{border:none;outline:none;font-size:14px;width:100%}.input-with-unit .unit{color:var(--color-core-blue);font-size:14px;margin-left:4px;font-weight:500}.readings-table-wrapper{border:1px solid #dadada;border-radius:var(--border-radius);overflow:hidden;width:100%;max-height:500px;overflow-y:auto;overflow-x:hidden}.readings-table-header th{position:sticky;top:0;background:#fff;z-index:10}.readings-table{width:100%;font-size:14px}.readings-table-header{background:#f7f8fa}.readings-table-header .r-cell{font-weight:600;color:#374151;border-bottom:1px solid #dadada;padding:12px 14px}.readings-row{background:#fff;border-bottom:1px solid #dadada}.readings-row:last-of-type{border-bottom:none}.r-cell{padding:12px 14px;color:#111827;vertical-align:middle;flex:1 1}.all-readings{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.table-read-val{font-size:14px;margin-bottom:0!important;color:#111827}.mr-col-type{text-align:center!important}.cell-center,.r-col-type{text-align:center}.billing-page-container{width:100%;display:flex;grid-gap:20px;gap:20px;margin:20px auto auto}.billing-left-container{flex:1 1;border:1px solid #00000020;border-radius:var(--border-radius);padding:15px;min-height:65vh;min-width:280px}.billing-right-container{flex:4 1}.billingFilters{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.billing-account-balance{display:flex;flex-direction:row;grid-gap:20px;gap:20px;border-bottom:1px solid #00000020;padding-bottom:20px;margin-bottom:20px}.billing-account-balance .image-container{width:70px}.billing-account-balance .image-container .in-debt{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.billing-account-balance .info-balance-container,.billing-account-balance .information-container{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.billing-account-balance .information-container p{margin-bottom:0!important}.billing-account-balance .information-container .title{font-size:15px;color:#575757}.billing-account-balance .information-container .amount{font-size:26px;font-weight:600}.data-container{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.data-container p{margin-bottom:0!important}.data-container .data-display{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.data-container .data-display .label{font-size:14px;font-weight:600}.data-container .data-display .text{font-size:16px}.billing-right-container .billingHistoryTable-header{display:flex;align-items:center;justify-content:space-between;padding:0!important;margin-bottom:10px;flex-wrap:wrap;grid-gap:10px;gap:10px}.billing-right-container .billingHistoryTable-header h5{margin:0!important}.billing-right-container .billingHistoryTable-header select,select{border:1px solid #d3d3d3;border-radius:5px;width:-webkit-max-content;width:max-content}select{padding:5px 10px}.topup-list-container{color:#2e3c4d;flex-direction:column}.top-up-list-title-container,.topup-list-container{display:flex;grid-gap:10px;gap:10px}.topup__title{font-size:16px!important;font-weight:500}.topup__title,.topUp_eVendMsg{color:var(--color-core-blue);margin-bottom:0!important}.topUp_eVendMsg{font-size:13px}.topup-card{background-color:#fff;border-bottom:1px solid #e1eef5;padding-bottom:15px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;color:var(--color-core-blue)}.topup-card:last-child{border-bottom:0;padding-bottom:0}.topup-card__header{display:flex;align-items:center;justify-content:space-between}.topup-card__date{display:flex;align-items:center;grid-gap:3px;gap:3px;font-size:12px}.topup-card__icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.topup-card__amount{font-size:15px;font-weight:600}.topup-card__body{background-color:var(--color-light-blue);border-radius:8px;padding:10px}.topup-card__label{text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:var(--color-core-blue);margin-bottom:6px}.topup-card__code{font-size:13px;letter-spacing:.12em;font-weight:500;color:var(--color-core-blue)}.topup-card__code .vendGroup{margin-right:5px!important}.mobile-select{background-color:#fff;border-radius:5px;padding:3px 10px;color:var(--color-core-blue)}.mobile-select select:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.mobile-select .fa-chevron-down{font-size:13px!important}.mobile-select select{background-color:#fff;border:none!important;width:-webkit-max-content!important;width:max-content!important;color:var(--color-core-blue)!important}.mobile-acc-details{background-color:var(--color-light-blue);padding:6px 8px;border-radius:10px;color:var(--color-core-blue);display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-top:10px}.billing-details.bold{font-weight:600!important;border-bottom:1px solid #fff;padding-bottom:10px}.billing-details:last-child{border-bottom:none!important;padding-bottom:0!important}.billing-details.bold p{font-size:16px!important}.billing-details{display:flex;justify-content:space-between}.billing-details p{font-size:14px!important}.billing-list-container{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.billing-list-month{background-color:var(--color-light-blue);color:var(--color-core-blue);font-size:16px;font-weight:500;padding:10px;margin-bottom:15px;border-radius:10px}.month-list-container{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.billing-item-container{padding-bottom:10px}.billing-item-container,.billing-item-container-border{display:flex;justify-content:space-between;align-items:center}.billing-item-container-border{border-bottom:1px solid #00000020;padding-bottom:15px}.bill-metadata{display:flex;grid-gap:10px;gap:10px;align-items:center}.view-bill-btn{background-color:#fff;border:none;text-decoration:underline;color:var(--color-core-blue);font-weight:600;font-size:14px}.billing-info-type{font-weight:500;margin-bottom:3px;font-size:17px!important;color:var(--color-core-blue)}.billing-top-up-code-mobile .vendCode span{font-size:20px!important;font-weight:500;color:var(--color-core-blue)}.billing-info{display:flex;flex-direction:column;grid-gap:3px;gap:3px}.billing-info-date{font-size:14px!important}.billing-item-row{display:flex;align-items:center;grid-gap:15px;gap:15px}.payment-account-container{display:flex;align-items:flex-end;margin-bottom:20px;justify-content:flex-end}.payment-container{width:50%;max-width:650px;margin:auto;border:1px solid #d3d3d3;border-radius:var(--border-radius);padding:20px;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.24);box-shadow:0 3px 8px rgba(0,0,0,.24);background-color:#fff!important}.paymentContainer .payment-container{width:unset!important}.payment-container .frmFooter{margin-bottom:0!important;margin-top:0!important}.payment-container .formNumberInput{border:1px solid #00000020!important}.payment-container h1{margin:0 0 15px!important}.payment-container .FormFieldQuestion{color:var(--color-core-blue);font-size:17px;font-weight:500;margin-bottom:10px}.payment-container .btn-FormFieldContainer{display:flex!important;grid-gap:10px;gap:10px;margin-bottom:10px}.payment-container .btn-FormFieldContainer .frmBtn{padding:10px;background-color:#fff;color:var(--color-core-blue);border-radius:10px;border:2px solid var(--color-core-blue-20);width:100%;font-weight:500;font-size:17px}.payment-container .frmFieldContainer{margin-bottom:0!important}.payment-container .kpnDetails{margin-bottom:20px!important;margin-top:20px!important}.payment-container .kpnDetails .inputFields{display:flex;grid-gap:10px;gap:10px;align-items:center}.payment-container .kpnDetails .inputFields .kpn-prefix{background-color:var(--color-light-blue);border:1px solid var(--color-core-blue);color:var(--color-core-blue);padding:7px 14px;border-radius:5px;width:145px;text-align:center}.payment-container .kpnDetails .inputFields .formNumberInput{background-color:#fff;border:1px solid #00000010;padding:7px 14px;border-radius:5px;width:100%}.payment-container .email-top-up-code{display:flex;grid-gap:10px;gap:10px;margin-bottom:10px}.payment-container .email-top-up-code .formCheckbox{width:25px;accent-color:var(--color-core-green)}.payment-container .formTextInput{background-color:#fff;border:1px solid #00000010;padding:7px 14px;width:100%;border-radius:5px}.payment-container .kpn-question{display:flex;flex-direction:row!important;grid-gap:10px;gap:10px;align-items:center}.payment-container .kpn-question span{font-style:italic;font-size:12px!important}.payment-container .FormFieldQuestion{display:flex;flex-direction:column}.payment-container .FormFieldQuestion-row{flex-direction:row!important;grid-gap:10px;gap:10px}#payment-iframe #root{padding:10px}.payment-container .infoBubble .infoText{width:150px!important;top:30px!important;right:-50px!important}.payment-container .btn-FormFieldContainer .frmBtn:hover{background-color:var(--color-core-blue-10);-webkit-transition:.2s;transition:.2s}.payment-container .formCheckbox{accent-color:var(--color-core-blue);width:20px}.payment-container .btn-FormFieldContainer .frmBtn-sel{background-color:var(--color-core-green);color:#fff;border:2px solid var(--color-core-green)}.payment-container .btn-FormFieldContainer .frmBtn-sel:hover{background-color:var(--color-core-blue)}.judopay-container{padding:10px;background:#ecf5f8;border-radius:8px;margin-bottom:10px}.payment-container .formField-amount{display:flex;align-items:center;padding:10px;background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;grid-gap:10px;gap:10px;margin-bottom:10px}.payment-container .formField-amount input{width:100%;border:0;font-size:17px;line-height:17px}.payment-container .formField-amount .currencyIcon{font-size:18px;font-weight:600;color:var(--color-core-blue)}.paymentMethodContainer{margin-top:20px}.paymentMethodContainer .cardWarning{font-size:15px!important;color:var(--color-core-blue);margin-bottom:15px}.chk-FormFieldContainer{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin:0 0 25px}.cardDetails label{display:flex;border:1px solid #d3d3d3;padding:10px;border-radius:5px;grid-gap:10px;gap:10px;align-items:center}.cardDetails .card-info{flex:1 1;width:100%;display:flex;flex-direction:column}.cardDetails .card-info .fas{margin-right:8px}.default-text{font-size:11px!important;color:#00000070;margin-bottom:3px}.selected-cardDetails label{color:var(--color-core-blue);border:1px solid var(--color-light-blue);font-weight:500;background-color:var(--color-light-blue)}.selected-cardDetails label .tick-icon{color:var(--color-core-green);font-size:20px}.cardDetails label .cardNameDisplay{flex:1 1}.cardDetails .formCheckbox{display:none}.cardDetails label:hover{cursor:pointer}.card-btn-container{padding-left:10px;display:flex;grid-gap:10px;gap:10px;padding-top:5px}.defaultCardBtn{color:var(--color-core-blue);font-weight:500;margin-bottom:0!important;font-size:13px!important;max-width:-webkit-max-content;max-width:max-content}.defaultCardBtn:hover{cursor:pointer;opacity:60%}.removeCardBtn{color:var(--color-red);font-weight:500;margin-bottom:0!important;font-size:13px!important;max-width:-webkit-max-content;max-width:max-content}.removeCardBtn:hover{cursor:pointer;opacity:60%}.unselected-circle{width:20px;height:20px;border:2px solid #00000090;border-radius:20px}.paymentMethodContainer .loaderContainer{margin-bottom:20px}.modal-spinner-container{display:flex;align-items:center;justify-content:center}.dashboard-mobile-container{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin:0 10px}.quick-nav-main-container{width:100%}.quick-nav-title{font-size:18px!important;font-weight:600;margin:0 0 18px;color:#0b4b5a}.quick-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;margin:14px 0;background:#fff;border:2px solid #dde6ea;border-radius:10px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.06);box-shadow:0 2px 10px rgba(0,0,0,.06);cursor:pointer;padding-right:15px;-webkit-transition:border-color .12s ease,-webkit-transform .12s ease,-webkit-box-shadow .12s ease;transition:border-color .12s ease,-webkit-transform .12s ease,-webkit-box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,-webkit-transform .12s ease,-webkit-box-shadow .12s ease}.quick-nav-inner-container{display:flex;align-items:center;grid-gap:16px;gap:16px;min-width:0}.quick-nav-icon-container{width:60px;height:50px;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.quick-nav-icon{width:34px;height:34px;object-fit:contain;display:block}.quick-nav-label{margin:0;font-size:16px!important;line-height:1.1;font-weight:500;color:#0b4b5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-nav-item i.fas.fa-chevron-right{font-size:22px;color:#0b4b5a;opacity:.9;-webkit-transition:-webkit-transform .12s ease;transition:-webkit-transform .12s ease;transition:transform .12s ease;transition:transform .12s ease,-webkit-transform .12s ease}.quick-nav-item:hover i.fas.fa-chevron-right{-webkit-transform:translateX(3px);transform:translateX(3px)}.mobile-account-container{margin-bottom:10px}.mobile-account-container h5{color:var(--color-core-blue);font-size:22px!important;font-weight:600}.customer-address{margin-top:5px!important;margin-bottom:15px!important}.mobile-topup-card{display:flex;justify-content:space-between;border-radius:12px;width:100%;flex-direction:row;overflow:hidden;grid-gap:0;gap:0;color:var(--color-core-green);overflow:hidden!important}.mobile-topup-card.in-debt{color:var(--color-red)}.mobile-accordion-account-content{margin-bottom:20px;display:flex;flex-direction:column;padding:0 4px}.in-debt .mobile-topup-left{background:var(--color-light-pink)}.mobile-topup-left{flex:1 1;padding:15px;background:var(--color-light-green)}.mobile-topup-label{font-size:15px;font-weight:600;margin-bottom:4px}.mobile-topup-amount-row{display:flex;align-items:baseline;flex-wrap:wrap;grid-gap:10px;gap:10px}.mobile-topup-amount{font-size:24px!important;font-weight:700}.mobile-topup-date{font-size:11px!important}.mobile-topup-usage{font-size:14px!important;margin-top:4px}.mobile-topup-right{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:5px;gap:5px;padding:15px;width:-webkit-max-content;width:max-content;background-color:#e6f3f070}.in-debt .mobile-topup-right{background-color:#fff;border:1px solid var(--color-light-pink);border-radius:0 12px 12px 0;color:var(--color-core-blue)}.mobile-topup-cta{font-size:11px;white-space:nowrap;cursor:pointer;color:var(--color-core-blue)}.bill-breakdown-card-container{width:100%;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #dadada}.bill-bd-head{background:var(--color-core-green);color:#fff;padding:10px 15px;display:flex;flex-direction:column;grid-gap:5px;gap:5px}.bill-bd-title{font-size:13px!important}.bill-bd-dates{margin:0;display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:18px!important;font-weight:500}.bill-bd-dates i{font-size:18px}.bill-bd-amount-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #dadada}.bill-bd-label{margin:0;font-size:12px!important;color:#535353;font-weight:600;margin-bottom:3px!important}.bill-bd-amount-text{margin:6px 0 0;font-size:22px!important;font-weight:800;color:#000}.vat-text{font-size:12px!important;font-weight:400!important;color:var(--dark-text)}.bill-bd-download-btn{border:0;background:none!important;color:var(--color-core-green);font-weight:500;font-size:13px!important;display:inline-flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;padding:0}.bill-bd-download-btn:hover{background:rgba(10,127,130,.08)}.bill-bd-section{padding:10px 15px}.bill-bd-section-title{font-weight:800;color:#5a5a5a;font-size:13px!important;margin-bottom:5px!important}.bill-bd-table{width:100%}.bill-bd-table-head{display:grid;align-items:center;padding:4px 0 0;color:#7a7a7a;font-weight:500}.bill-bd-table-head span{font-size:12px!important}.bill-bd-cost-head{text-align:right}.bill-bd-row{display:grid;grid-template-areas:"rate usage cost";border-bottom:1px solid #00000020;padding:10px 0}.bill-bd-row,.bill-bd-table-head{grid-template-columns:92px 1fr 30px}.bill-bd-row:last-child{border-bottom:0!important;padding-bottom:0!important}.bill-bd-rate{display:flex;align-items:flex-start;grid-area:rate}.bill-bd-rate-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px!important;border-radius:5px;background:var(--color-core-green-20);color:var(--color-core-green);font-weight:800;font-size:11px!important}.bill-bd-usage{display:flex;flex-direction:column;grid-gap:4px;gap:4px;min-width:0;grid-area:usage}.bill-bd-usage-value{font-size:13px!important;font-weight:800;color:#111}.bill-bd-usage-bottom{display:flex;flex-direction:column;align-items:flex-start;grid-gap:5px;gap:5px;flex-wrap:wrap}.bill-bd-closing{color:#5d5d5d;font-size:11px!important}.bill-bd-badge{padding:3px 10px;border-radius:30px;font-weight:500;font-size:10px!important}.bill-bd-badge--actual{background:#0a7f82;color:#fff}.bill-bd-badge--estimate{background:#d84b7a;color:#fff}.bill-bd-cost{text-align:right;grid-area:cost;justify-self:end;align-self:start;white-space:nowrap;font-weight:800}.bill-bd-cost-value{font-size:13px!important;font-weight:800;color:#111}.rm-backdrop{background:rgba(2,10,14,.55)}.rm-modal .modal-content{border-radius:28px;border:1px solid #e7f1f5;background:radial-gradient(120% 120% at 50% 10%,#fff 0,#f7fbfd 55%,#edf6f9 100%);-webkit-box-shadow:0 30px 80px rgba(0,0,0,.35);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;position:relative}.rm-confetti{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat}.rm-body{text-align:center;padding:10px 20px 24px}.rm-image{width:85px;height:90px;margin:20px 0 10px}.rm-title{color:var(--color-core-blue);font-weight:800;font-size:24px;margin-bottom:8px}.rm-subtitle{font-size:18px;font-weight:500;margin-bottom:18px}.rm-amount{display:inline-block;padding:18px 20px;font-size:40px;font-weight:900;color:var(--color-core-blue);background:hsla(0,0%,100%,.85);border-radius:10px;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.24)!important;box-shadow:0 3px 8px rgba(0,0,0,.24)!important;margin-bottom:18px}.rm-from{color:var(--dark-text);font-size:18px}.rm-btn{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;padding:10px 20px;border-radius:999px;background:var(--color-core-blue);border:none;font-size:16px;font-weight:600;margin-top:20px}.refer-a-friend-container{height:200px;max-width:500px;min-width:320px;flex:1 1;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:10px;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;padding:20px}.refer-a-friend-code-container{background-color:#fff;border-radius:30px;padding:3px 3px 3px 9px;margin-bottom:25px;display:flex;grid-gap:7px;gap:7px;align-items:center}.refer-a-friend-code-text{color:var(--color-core-blue);font-size:16px!important;font-weight:600;letter-spacing:3px;margin-bottom:0!important}.refer-a-friend-copied{background-color:#fff;color:var(--color-core-blue);padding:5px;border-radius:3px;position:absolute;margin-bottom:-10px;font-size:14px!important;font-weight:500}.refer-a-friend-code-copy-btn:hover{opacity:.7;-webkit-transition:.3s;transition:.3s;cursor:pointer}@media (max-width:1600px){.db-overview-card{min-width:300px}}@media (max-width:1100px){.portal-sec{padding-top:70px}.mobile-container{padding-top:0!important}.portal-container{width:100%;padding:70px 20px 0;margin:auto;background-color:#fff!important}h5{font-size:17px!important}.billing-page-container{flex-direction:column;margin-top:0;grid-gap:10px;gap:10px}.billing-left-container{min-height:unset!important;background-color:var(--color-light-blue);border:0;padding:10px}.topup-card{background-color:#fff;grid-gap:5px;gap:5px;padding:10px;border-radius:10px}.topup-card__header{border-bottom:1px solid #00000020;padding-bottom:5px}.topup-card__body{background-color:#fff;padding:0}.topup-card__label{margin-bottom:0}.billing-account-balance{margin-bottom:10px;padding-bottom:10px}.submit-reading-form-container .frmFooter .frmBtn{border-radius:20px;padding:5px 15px}.submitBtnMeterReadings{background-color:var(--color-core-green)!important}.submit-reading-form-container .reqFieldMsg{font-size:13px!important}.meter-reading-page-container{flex-direction:column}.readings-table-wrapper{border:none;max-height:unset}.readings-table{border-collapse:separate;border-spacing:0 12px}.readings-table-header{display:none}.readings-body{grid-gap:15px;gap:15px}.readings-body,.readings-row{display:flex;flex-direction:column}.readings-row{border:1px solid #e6e8eb;border-radius:12px;-webkit-box-shadow:0 1px 2px rgba(16,24,40,.04);box-shadow:0 1px 2px rgba(16,24,40,.04);padding:12px 12px 12px 14px;grid-gap:0;gap:0}.r-cell{width:100%!important}.readings-row .r-cell{display:block;padding:0}.submitBtnMeterReadings{width:100%!important}.meter-readings-title-container{width:100%;padding:10px;background-color:var(--color-light-blue);border-radius:10px}.meter-readings-header-container{flex-direction:column-reverse;align-items:flex-start;width:100%}.readings-row .r-col-reading{font-size:15px;font-weight:700;order:2;margin-top:-22px}.readings-row .r-col-date{font-size:13px;color:#6b7280;order:3;padding-top:3px}.readings-row .r-col-type{position:relative;text-align:right;order:1}.r-badge{display:inline-block;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:500;border:1px solid transparent}.readings-row .r-cell:before{content:attr(data-label) " ";display:none}.bill-cell{margin-bottom:4px!important}.bill-amount:before,.bill-date:before{content:attr(data-label) " ";margin-right:6px;display:inline-block!important;font-weight:500}.bill-type{text-align:left!important}.bill-type:before{content:attr(data-label) " ";margin-right:6px;display:inline-block!important;font-weight:500}.bill-btn{text-align:left!important;margin-top:10px}.bill-btn .buttonVariant-1{min-width:100%!important;font-size:14px!important;padding:4px 10px!important}.chip__text{font-size:13px!important}.insights-head{background-color:#e2f4f9}.chart{padding:0!important}.insightsContainer{margin-top:15px}.main-section,.portal-sec,html body{background-color:#fff!important}.insights-head{border-radius:10px 10px 0 0}.insights-head .title{font-weight:600!important;font-size:17px!important}.sidebar-tab-display-container{flex-direction:column;grid-gap:0;gap:0;margin-top:10px}.account-settings-page-container h4{margin-bottom:0!important}.sidebar{width:100%;height:auto;padding-top:0;flex-direction:row;border-right:none;border-bottom:1px solid #e5e7eb;grid-gap:5;gap:5;overflow-x:auto;padding-bottom:5px;margin-top:10px}.sidebar-tab{flex:1 0 auto;justify-content:center;text-align:center;padding:10px 8px;font-size:14px;grid-gap:6px;gap:6px}.sidebar-tab .fa{display:none}.sidebar-tab--active{border-radius:5px;background:var(--color-light-blue);color:var(--color-core-blue)}.sidebar-tab__indicator{top:auto;bottom:0;left:0;right:auto;width:100%;height:0}.active-tab-container{padding:0}.sidebar::-webkit-scrollbar{height:4px;width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-core-blue-50);border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-core-blue-20)}.active-tab-container .container .AccountDetailsFormContainer{margin-top:20px!important;padding:15px!important}input,select{width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-container{width:90%}.desktop-payment{padding-bottom:100px}.refer-a-friend-content{flex-direction:column;grid-gap:10px;gap:10px}.db-overview-card{max-width:100%}.billing-account-balance .information-container{display:flex;flex-direction:row;grid-gap:10px;gap:10px;justify-content:space-between;width:100%}}@media (max-width:990px){.portal-container{padding-top:40px}}@media (max-width:500px){.payment-container .btn-FormFieldContainer,.payment-container .kpnDetails .inputFields{flex-direction:column}.payment-container .kpnDetails .inputFields .kpn-prefix{width:100%;text-align:left}.payment-container .kpnDetails{position:relative}.payment-container .kpnInfoBubble{position:absolute;top:5px;right:0}.raf-card{min-width:unset!important}.refer-a-friend-container{min-width:unset}.db-accountDetails-row .accountDetails-item{border-right:none!important}}:root{--color-background:#f8fcfc;--color-light-green:#e6f3f0;--color-light-blue:#e9f6fb;--color-light-purple:#e2e7f6;--color-light-pink:#fbecf5;--color-red:#db4b7f;--color-core-green:#00848c;--color-core-green-20:#00848c20;--color-core-green-10:#00848c10;--color-core-blue:#005167;--color-core-blue-20:#00516720;--color-core-blue-10:#00516710;--color-orange:#d08445;--color-orange-20:#d0844520;--color-orange-10:#d0844510;--color-dark-blue:#0b5b6d;--dark-text:#5c5c5c;--accent:#0e5e69;--accent-hover:#0b4f58;--accent-active:#09464e;--border-radius:10px;--card-padding:10px}.blueTextBold{color:var(--color-core-blue);font-weight:600;font-size:17px}.mb-10{margin-bottom:10px}.mobile-modal .modal-dialog{margin:0;display:flex;align-items:flex-end;min-height:100vh}.mobile-modal-content{width:100%;border-radius:18px 18px 0 0;border:none;padding:12px 16px;-webkit-box-shadow:0 -8px 30px rgba(0,0,0,.25);box-shadow:0 -8px 30px rgba(0,0,0,.25)}.mobile-modal-header{border-bottom:none;padding-bottom:4px}.mobile-modal-header .modal-title{font-size:20px!important;font-weight:600;color:var(--color-core-blue)}.mobile-modal-body{padding-top:10px}.mobile-modal-text{font-size:14px;color:var(--color-core-blue);margin:0}.mobile-modal-footer{border-top:none;display:flex;justify-content:flex-end;grid-gap:8px;gap:8px}.modal-btn{border-radius:20px;color:var(--color-core-blue)!important;border-color:var(--color-core-red)!important}.select-wrapper{position:relative;display:inline-block}.select-wrapper select{padding-left:36px;padding-right:32px}.select-wrapper .select-icon{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;color:#666}.dropdownContainer{position:relative;width:auto;max-width:350px;min-width:300px;padding:0!important}.dropdownButton{width:100%;min-height:45px;border:1px solid #ccc;padding:10px;border-radius:5px;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}@media (max-width:768px){.dropdownContainer{width:100%;min-width:100%}}.vendGroup{white-space:nowrap;margin-right:12px;margin-bottom:5px!important}.paymentContainer .paymentResponceContainer .vendCode span{width:unset!important}.paymentContainer .paymentResponceContainer .vendCode{margin-bottom:0!important}.paymentContainer .paymentResponceContainer label{margin-bottom:15px!important}.vendCode{display:block;white-space:pre-wrap;grid-gap:12px;gap:12px;justify-content:flex-start;width:100%;text-align:center;line-height:30px}.paymentResponceContainer{background-color:var(--color-light-green)!important;padding:10px;border-radius:10px}.paymentResponceContainer .vendCodeMsg{color:var(--color-core-green)!important;font-weight:500;font-size:17px;text-align:center;width:100%;margin-bottom:10px}.paymentResponceContainer .vendCode{color:var(--color-core-green)!important;font-weight:600;font-size:18px;justify-content:center}.passTopupContainer .passTopupTable-container .passTopupTable tbody .passTopupTable-row .passTopupTable-col-code .vendCode span{width:unset!important}.passTopupContainer .passTopupTable-container .passTopupTable tbody .passTopupTable-row .passTopupTable-col-code .vendCode{text-align:left!important;grid-gap:0;gap:0}.popup-vendCode .vendCode span{width:unset!important;font-weight:500;font-size:17px}.popup-vendCode .vendCode{justify-content:center}.inputDisplayContainer{flex:1 1;display:flex;flex-direction:row;align-items:center;max-width:93%;grid-gap:6px;gap:6px}.secondaryText{flex-shrink:1}.blueText{font-size:14px;flex-shrink:1}.blueText,.selectedText{color:#005167;font-family:Be Vietnam Pro,sans-serif}.selectedText{font-weight:700;font-size:16px;max-width:60%}.dropdownIcon{color:#0a4a59;font-size:16px}.startIcon{color:#005167;font-size:16px;margin-right:3px}.placeholderText{color:#888;flex-shrink:1;font-family:Be Vietnam Pro,sans-serif}.dropdownListContainer{position:absolute;top:42px;width:100%;background-color:#fff;border:1px solid #ccc;border-top-color:#cccccc80;border-radius:0 0 5px 5px;max-height:150px;z-index:1000;padding:8px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.itemWrapper{cursor:pointer}.separator{height:13px}.defaultText{color:#6b6b6b;font-size:13px;flex-shrink:1}.defaultTextBold{color:#434343;font-weight:700;font-size:16px;flex-shrink:1}.selectedOption{background-color:#f5f5f5;padding:5px 10px}.dropdownOption,.selectedOption{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:5px;flex:1 1}.dropdownOption{padding-inline:5px;padding:5px 10px}.dropdownOption:hover{background-color:#cccccc20;-webkit-transition:.2s;transition:.2s}.dropdownInfoContainer{flex:1 1;max-width:87%}.dropdownTitleContainer{flex-direction:row;margin-bottom:5px;grid-gap:6px;gap:6px}.dropdownTitleContainer,.radio{display:flex;align-items:center}.radio{height:24px;width:24px;border-radius:50%;border:2px solid #43434380;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.innerRadio{height:12px;width:12px;border-radius:50%;background-color:var(--color-core-blue)}.truncateText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tips-carousel-title{font-weight:700;color:var(--color-core-blue);font-size:24px!important;margin-bottom:0!important}.tips-carousel-subtitle{color:var(--dark-text);font-size:14px!important;margin-top:5px!important}.card-carousel{position:relative;width:100%;margin:0 auto;padding:1.5rem 0}.card-carousel-viewport{overflow:hidden;border-radius:16px;background:#f7f7f8}.card-carousel-track{display:flex;will-change:transform;-webkit-transition:-webkit-transform .35s ease-out;transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out;transition:transform .35s ease-out,-webkit-transform .35s ease-out}.card-carousel-slide{flex:0 0 100%;-webkit-box-sizing:border-box;box-sizing:border-box}.simple-card{display:flex;flex-direction:row;height:100%;grid-gap:10px;gap:10px;padding:15px 60px 0;border-radius:16px;background:#f7f7f8}.simple-card-image-wrapper{display:flex;align-items:flex-end;justify-content:flex-end}.simple-card-content{text-align:left;display:flex;flex-direction:column;grid-gap:10px;gap:10px;flex:1 1;padding:0 0 15px;justify-content:center}.simple-card-title{margin:0!important;font-size:18px!important;font-weight:600;color:var(--color-core-blue)}.simple-card-text p{margin:0!important;font-size:15px!important;font-weight:400!important;color:#4b5563}.card-carousel-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--color-core-blue);cursor:pointer;padding:0;z-index:2;-webkit-transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.card-carousel-arrow--prev{left:1rem}.card-carousel-arrow--next{right:1rem}.card-carousel-arrow:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.card-carousel-arrow:disabled{opacity:.35;cursor:default}.card-carousel-arrow:focus-visible{outline:none;border-color:var(--color-core-blue)}@media (max-width:768px){.card-carousel-arrow{display:none}.simple-card{padding:15px 15px 0}.tips-carousel-title{margin-top:0!important}}.card-carousel-dots{display:flex;justify-content:center;align-items:center;grid-gap:.35rem;gap:.35rem;margin-top:.75rem}.card-carousel-dot{width:7px;height:7px;border-radius:999px;border:none;padding:0;background:#e5e7eb;cursor:pointer;-webkit-transition:background .15s ease,-webkit-transform .15s ease;transition:background .15s ease,-webkit-transform .15s ease;transition:background .15s ease,transform .15s ease;transition:background .15s ease,transform .15s ease,-webkit-transform .15s ease}.card-carousel-dot:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.card-carousel-dot--active{background:var(--color-core-blue)}.card-carousel-dot:focus-visible{outline:none;-webkit-box-shadow:0 0 0 2px #e5e7eb,0 0 0 4px var(--color-core-blue);box-shadow:0 0 0 2px #e5e7eb,0 0 0 4px var(--color-core-blue)}.smallLoaderContainer{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:14px}.sml-lds-ring{display:inline-block;position:relative;width:24px;height:24px}.sml-lds-ring div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;width:20px;height:20px;margin:2px;border-radius:50%;-webkit-animation:sml-lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:sml-lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid transparent;border-top:3px solid var(--color-core-blue)}.sml-lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.sml-lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.sml-lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes sml-lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes sml-lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.smlLoaderText{color:#555;white-space:nowrap}.small-dialog-container{max-width:500px!important}.navDropdownModern .dropdown-menu{display:none}.navDropdownModern.show .dropdown-menu{display:block}@media (hover:hover) and (pointer:fine){.navDropdownModern:hover .dropdown-menu{display:block}}.navDropdownModern .dropdown-menu{min-width:240px;padding:15px!important;border-radius:10px!important;border:1px solid rgba(0,0,0,.08)!important;-webkit-box-shadow:0 12px 30px rgba(0,0,0,.12);box-shadow:0 12px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;grid-gap:10px;gap:10px}.navDropdownModern .dropdown-item{padding:0!important;background:transparent}.navDropdownModern .ddRow{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;line-height:1.2;white-space:normal}.navDropdownModern .ddRow:focus,.navDropdownModern .ddRow:hover{background-color:rgba(0,0,0,.06)}.navDropdownModern .dropdown-item.active .ddRow,.navDropdownModern .dropdown-item:active .ddRow{background:rgba(0,0,0,.1)}.navDropdownModern .ddIcon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex:0 0 28px}.navDropdownModern .ddIcon img{display:block}.navDropdownModern .ddText{flex:1 1;text-align:left}.navDropdownModern .dropdown-divider{color:#00000010!important}.navDropdownModern .ddRow--parent{font-weight:600}.navDropdownModern .ddRow--logout:focus,.navDropdownModern .ddRow--logout:hover{background:rgba(220,38,38,.1)}.dropdown-menu:after{left:50%!important}.alertContainerContained{display:flex;padding:10px;border-radius:var(--border-radius);background-color:var(--color-light-pink);color:var(--color-red);grid-gap:10px;gap:10px;margin-bottom:10px;justify-content:space-between;align-items:center}.alertContainerContained-info{background-color:var(--color-light-blue);color:var(--color-core-blue)}.alertContainerContained-success{background-color:var(--color-light-green);color:var(--color-core-green)}.alertContainerContained .alert-title{margin:0!important;font-weight:600!important}.alertContainerContained .alertContentFull{display:flex;grid-gap:10px;gap:10px;font-size:14px;align-items:center}.alertContainerContained .fas{font-size:20px}.alertContainerContained .button{background-color:var(--color-red);color:#fff;border-radius:20px;border:0;padding:3px 10px;font-size:14px}.alertContainerContained .button:hover{opacity:90%;-webkit-transition:.2s;transition:.2s}.failed-top-up-alert-container{background-color:var(--color-light-pink);padding:10px 15px;border-radius:10px;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.failed-alert-title{color:var(--color-red);font-weight:700;font-size:16px!important}.failed-alert-content{background-color:#ffffff90;padding:10px;border-radius:10px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.failed-alert-content p{font-size:14px!important;font-weight:500;color:#363636}.phone-link{color:#363636;font-weight:600}.failed-alert-btn-container{display:flex;align-items:center;grid-gap:20px;gap:20px}.alert-btn{background-color:var(--color-red);color:#fff;border:0;border-radius:20px;padding:8px 10px;flex:1 1;display:flex;grid-gap:10px;gap:10px;align-items:center;justify-content:center;font-size:13px!important}@media (max-width:768px){.card-carousel{padding:1rem 0}.simple-card-title{font-size:1.2rem}.card-carousel-arrow{width:32px;height:32px}.card-carousel-arrow--prev{left:.5rem}.card-carousel-arrow--next{right:.5rem}.vendGroup{margin-right:5px}}@media (max-width:400px){.vendCode{display:flex;flex-direction:row;flex-wrap:wrap;white-space:normal;grid-gap:0;gap:0}}