body{background-color:#f6f1e2}body.no-scroll{overflow:hidden}.credit-card-managemement-page{padding-top:140px;padding-bottom:90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.credit-card-managemement-page .x-breadcrumb{background-color:transparent}.credit-card-managemement-page .region-area-two{padding-top:50px}.credit-card-managemement-page .title-container{max-width:1000px;margin:0 auto}.credit-card-managemement-page .title-container .title{font-size:30px;color:#03004b;font-weight:700;line-height:45px}.credit-card-managemement-page .title-container .subtitle{display:block;padding-top:20px;font-size:17px;font-weight:400;line-height:30px;letter-spacing:.2px;color:#03004b}.credit-card-managemement-page .card-management-container{max-width:1000px;height:max-content;margin:0 auto}.credit-card-managemement-page .card-management-container.x-loading{min-height:610px}.credit-card-managemement-page .card-management-container .js-generic-error{padding:20px 0;text-align:center;font-size:16px;line-height:20px;font-weight:700;color:#d43838}.credit-card-managemement-page .card-management-container .js-generic-error.hide{display:none}.credit-card-managemement-page .content-container{margin-top:20px;background-color:#fff;border-radius:15px;padding:75px 20px 60px}.credit-card-managemement-page .content-container.validation-container{padding-bottom:120px}.credit-card-managemement-page .content-container.card-container{padding-bottom:90px}.credit-card-managemement-page .content-container .inner-container{max-width:550px;margin:0 auto;width:100%}.credit-card-managemement-page .content-container .text-container{padding-top:45px;font-size:14px;line-height:25px;color:#03004b}.credit-card-managemement-page .content-container .otp-headline{text-align:center}.credit-card-managemement-page .content-container .otp-headline .title{display:block;padding:10px 0 10px;font-size:30px;font-weight:700;color:#03004b}.credit-card-managemement-page .content-container .otp-headline .text{display:inline-block;padding:0 10px 10px 10px;font-size:14px;line-height:25px;color:#03004b;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.credit-card-managemement-page .content-container .js-error-email{padding:20px 0;text-align:center;font-size:16px;line-height:20px;font-weight:700;color:#d43838}.credit-card-managemement-page .content-container .js-error-email a{text-decoration:underline;color:#d43838;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.credit-card-managemement-page .content-container .js-error-email a:hover{text-decoration:none}.credit-card-managemement-page .content-container .email-example,.credit-card-managemement-page .content-container .phone-example{padding:30px 0;font-size:22px;font-weight:700;color:#1532a0;text-align:center}.credit-card-managemement-page .content-container .provision-title{font-size:20px;font-weight:700;line-height:30px;color:#03004b}.credit-card-managemement-page .content-container .provision-text{padding-top:15px;font-size:14px;letter-spacing:.3px;line-height:25px;color:#03004b}.credit-card-managemement-page .content-container .provision-text.note{padding-bottom:30px}.credit-card-managemement-page .content-container .buttons-container{text-align:center;padding-top:30px}.credit-card-managemement-page .content-container .buttons-container .link{position:relative;padding-left:15px;font-size:15px;font-weight:700;color:#03004b}.credit-card-managemement-page .content-container .buttons-container .link:before{position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:-1px;font-size:10px}.credit-card-managemement-page .content-container .buttons-container .button{margin-left:40px}.credit-card-managemement-page .otp-info{padding-top:50px;font-size:14px;line-height:25px;color:#03004b}.credit-card-managemement-page .otp-info .email{font-weight:500;color:#1532a0;-moz-transition:text-decoration .2s ease-in-out;-webkit-transition:text-decoration .2s ease-in-out;-o-transition:text-decoration .2s ease-in-out;transition:text-decoration .2s ease-in-out}.credit-card-managemement-page .otp-info .email:hover{text-decoration:underline}.credit-card-managemement-page .card-container .tabs-container .tabs{position:relative;font-size:0;text-align:center}.credit-card-managemement-page .card-container .tabs-container .tabs:before{content:"";position:absolute;bottom:0;height:3px;width:100%;background-color:#ececf0}.credit-card-managemement-page .card-container .tabs-container .tab-item{position:relative;display:inline-block;vertical-align:middle;width:50%;padding:10px 17px 15px;font-size:17px;line-height:30px;letter-spacing:0;font-weight:700;color:#03004b;opacity:.6;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.credit-card-managemement-page .card-container .tabs-container .tab-item>span{position:relative;padding-left:40px}.credit-card-managemement-page .card-container .tabs-container .tab-item>span:before{position:absolute;top:50%;transform:translateY(-50%);left:0;margin-top:-4px;font-size:25px}.credit-card-managemement-page .card-container .tabs-container .tab-item.active{opacity:1}.credit-card-managemement-page .card-container .tabs-container .tab-item.active:before{width:100%}.credit-card-managemement-page .card-container .tabs-container .tab-item:hover{opacity:1}.credit-card-managemement-page .card-container .tabs-container .tab-item:before{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;transform:translateX(-50%);background:#1dd08c;border-radius:20px;-moz-transition:width .2s ease-in-out;-webkit-transition:width .2s ease-in-out;-o-transition:width .2s ease-in-out;transition:width .2s ease-in-out}.credit-card-managemement-page .card-container .provider-container{padding-top:30px}.credit-card-managemement-page .card-container .provider-container:not(.active){display:none}.credit-card-managemement-page .card-container .card-management-buttons{position:relative;font-size:0;display:flex;align-items:center;justify-content:space-between}.credit-card-managemement-page .card-container .card-management-buttons .button{display:inline-block;vertical-align:middle}.credit-card-managemement-page .card-container .card-management-buttons .button.primary{width:calc(60% - 10px)}.credit-card-managemement-page .card-container .card-management-buttons .button.secondary{width:40%}.credit-card-managemement-page .card-container .card-management-buttons .button.x-disabled{cursor:default}.credit-card-managemement-page .card-container .card-management-buttons .button.x-disabled:hover{background-color:#ffd800}.credit-card-managemement-page .card-container .card-management-buttons .tooltip-wrapper{display:none;position:absolute;left:0;bottom:100%;margin-left:0;width:340px;z-index:100;-moz-transition:display .2s ease-in-out;-webkit-transition:display .2s ease-in-out;-o-transition:display .2s ease-in-out;transition:display .2s ease-in-out}.credit-card-managemement-page .card-container .card-management-buttons .tooltip-wrapper .inner-wrapper{position:relative;background-color:#fff9f9;border:1px solid #ff1D1D42;padding:10px 10px;font-size:12px;letter-spacing:.3px;color:#ff1d1d;line-height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.credit-card-managemement-page .card-container .card-management-buttons .tooltip-wrapper .inner-wrapper:before{content:"";display:block;position:absolute;top:100%;left:80px;margin-left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #ff1D1D42}.credit-card-managemement-page .card-container .card-management-buttons .tooltip-wrapper .inner-wrapper:after{content:"";display:block;position:absolute;top:100%;left:80px;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff9f9}.credit-card-managemement-page .card-container .card-management-buttons .tooltip-wrapper .inner-wrapper .text{position:relative;display:inline-block;padding-left:25px}.credit-card-managemement-page .card-container .card-management-buttons .tooltip-wrapper .inner-wrapper .text:before{position:absolute;left:0;top:3px;font-size:15px}.credit-card-managemement-page .card-container .card-management-buttons.x-disabled:hover .tooltip-wrapper{display:block}.credit-card-managemement-page .card-container .card-management-buttons.x-loading .form-loading>span{margin-top:-10px;margin-left:-10px;font-size:20px;width:20px;height:20px}.credit-card-managemement-page .card-container .js-provider-error{display:none;padding:20px 0;text-align:center;font-size:16px;line-height:20px;font-weight:700;color:#d43838}.credit-card-managemement-page .card-container .card-management-form{padding-top:25px}.credit-card-managemement-page .card-container .provider-number-text{font-size:14px;letter-spacing:.3px;line-height:25px;color:#03004b;font-weight:500}.credit-card-managemement-page .card-container .providers-cards-list{padding-top:20px}.credit-card-managemement-page .card-container .providers-cards-list>li{padding:15px 0;border-top:1px solid #f4f4f8;border-bottom:1px solid #f4f4f8}.credit-card-managemement-page .card-container .providers-cards-list .meter-item{font-size:0}.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper{display:inline-block;vertical-align:middle;align-items:center;width:50%}.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper label{width:50%}.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper .label{font-size:14px;font-weight:700}.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper input.disabled{opacity:.6}.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper.disabled label{opacity:.6;cursor:default}.credit-card-managemement-page .card-container .providers-cards-list .card-info{display:inline-block;vertical-align:middle;align-items:center;width:50%;position:relative;color:#03004b;font-size:13px;font-weight:500;padding-right:0;cursor:default;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.credit-card-managemement-page .card-container .providers-cards-list .card-info:before{display:none;position:absolute;top:50%;transform:translateY(-50%);left:auto;right:0;color:#004f91;font-size:13px;margin-top:-2px;line-height:20px}.credit-card-managemement-page .card-container .providers-cards-list .card-info.no-card-applied{opacity:.6}.credit-card-managemement-page .card-container .providers-cards-list .card-info.no-card-applied .text{padding-left:35px}.credit-card-managemement-page .card-container .providers-cards-list .card-info .card-info-container{text-align:right}.credit-card-managemement-page .card-container .providers-cards-list .card-info.js-edit-card{cursor:pointer}.credit-card-managemement-page .card-container .providers-cards-list .card-info .icon{font-size:20px}.credit-card-managemement-page .card-container .providers-cards-list .card-info .text{position:relative;padding-left:8px;display:inline-block;vertical-align:middle}.credit-card-managemement-page .card-container .providers-cards-list .card-info .text:before{position:absolute;top:50%;transform:translateY(-50%);left:0;color:#004f91;font-size:25px;margin-top:-3px}.credit-card-managemement-page .card-container .providers-cards-list .card-info .image{display:inline-block;vertical-align:middle}.credit-card-managemement-page .card-container .providers-cards-list .card-info .image img{max-width:100%}.credit-card-managemement-page .card-container .providers-cards-list .card-info .tooltip-wrapper{display:none;position:absolute;left:0;bottom:37px;margin-left:0;width:auto;z-index:100;opacity:1;-moz-transition:display .2s ease-in-out;-webkit-transition:display .2s ease-in-out;-o-transition:display .2s ease-in-out;transition:display .2s ease-in-out}.credit-card-managemement-page .card-container .providers-cards-list .card-info .tooltip-wrapper .inner-wrapper{position:relative;background-color:#fff9f9;border:1px solid #ff1D1D42;padding:10px 10px;font-size:12px;letter-spacing:.3px;color:#ff1d1d;line-height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.credit-card-managemement-page .card-container .providers-cards-list .card-info .tooltip-wrapper .inner-wrapper:before{content:"";display:block;position:absolute;top:100%;left:20px;margin-left:-9px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #ff1D1D42}.credit-card-managemement-page .card-container .providers-cards-list .card-info .tooltip-wrapper .inner-wrapper:after{content:"";display:block;position:absolute;top:100%;left:20px;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff9f9}.credit-card-managemement-page .card-container .providers-cards-list .card-info .tooltip-wrapper .inner-wrapper .text{position:relative;display:inline-block;padding-left:25px}.credit-card-managemement-page .card-container .providers-cards-list .card-info .tooltip-wrapper .inner-wrapper .text:before{position:absolute;left:0;top:11px;font-size:15px;color:#ff1d1d}.credit-card-managemement-page .card-container .providers-cards-list .card-info.x-disabled:hover .tooltip-wrapper{display:block}.credit-card-managemement-page .card-container .providers-cards-list .available-cards{padding:25px 0 0 30px}.credit-card-managemement-page .card-container .providers-cards-list .available-cards.hide{display:none}.credit-card-managemement-page .card-container .providers-cards-list .available-cards>li{padding:15px 0}.credit-card-managemement-page .card-container .providers-cards-list .available-cards .stylish-radio [type=radio]:checked+span:before{box-shadow:0 0 10px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3)}.credit-card-managemement-page .card-container .providers-cards-list .available-cards .stylish-radio [type=radio]+span:after{width:10px;height:10px;left:10px;margin-top:-9px}.credit-card-managemement-page .card-container .providers-cards-list .available-cards .stylish-radio [type=radio]+span:before{width:20px;height:20px;margin-top:-14px}.credit-card-managemement-page .card-container .providers-cards-list .js-info-cards.hide{display:none}.credit-card-managemement-page .card-container .providers-cards-list .js-info-cards .button-container{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;margin-right:0;max-width:200px}.credit-card-managemement-page .card-container .providers-cards-list .js-info-cards .button-container .button{width:auto}.credit-card-managemement-page .card-container .providers-cards-list .js-info-cards .button-container .link{margin-right:15px}.credit-card-managemement-page .card-container .card-info-note{padding-top:20px;font-size:13px;letter-spacing:.3px;line-height:25px;color:#03004b}.credit-card-managemement-page .card-container .card-info-note img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}.credit-card-managemement-page .card-container .card-info-note .card-accepted-text{display:block;padding-top:10px}.credit-card-managemement-page .card-container .button-container button{width:100%}.credit-card-managemement-page .card-container .info-payment-text{position:relative;margin-top:30px;padding:20px 30px 20px 60px;font-size:13px;line-height:20px;letter-spacing:.3px;color:#1532a0;border-radius:10px;background-color:rgba(29,125,255,.05);border:1px solid rgba(29,125,255,.4)}.credit-card-managemement-page .card-container .info-payment-text:before{position:absolute;top:50%;margin-top:-10px;left:22px;font-size:20px}.credit-card-managemement-page .card-container .gas-provider{padding-top:25px}.credit-card-managemement-page .card-container .no-provider{padding-top:20px;font-size:13px;font-weight:500;letter-spacing:.3px;line-height:25px;color:#03004b;opacity:.5}.total-balance-fancybox .fancybox-bg{background:#03004b!important;opacity:.8!important}.total-balance-fancybox .total-balance-form{width:100%;max-width:700px;padding:60px 20px;background-color:#f4f4f8;border-radius:15px;text-align:center}.total-balance-fancybox .total-balance-form .total-balance-title{font-size:24px;font-weight:700;line-height:30px;color:#03004b}.total-balance-fancybox .total-balance-form .total-balance-text{padding-top:15px;font-size:15px;letter-spacing:0;line-height:23px;color:#03004b}.total-balance-fancybox .total-balance-form .form-row{max-width:420px;margin:0 auto;padding-top:25px;text-align:left}.total-balance-fancybox .total-balance-form .button-container{padding-top:25px}.total-balance-fancybox .total-balance-form .button-container .button{width:100%;max-width:180px}.total-balance-fancybox .total-balance-form .fancybox-close-small svg{display:none}.total-balance-fancybox .total-balance-form .fancybox-close-small:after{font-size:30px;color:#1532a0}.total-balance-fancybox .total-balance-form .js-error{display:none;width:100%;max-width:540px;margin:0 auto;padding-top:25px;font-size:14px;line-height:20px;font-weight:700;color:#d43838}.total-balance-fancybox .total-balance-form .js-error.visible{display:block}.customer-email-fancybox .fancybox-bg{background:#03004b!important;opacity:.8!important}.customer-email-fancybox .customer-email-form{width:100%;max-width:700px;padding:60px 20px;background-color:#f4f4f8;border-radius:15px;text-align:center}.customer-email-fancybox .customer-email-form .customer-email-title{font-size:24px;font-weight:700;line-height:30px;color:#03004b}.customer-email-fancybox .customer-email-form .customer-email-text{padding-top:15px;font-size:15px;letter-spacing:0;line-height:23px;color:#03004b}.customer-email-fancybox .customer-email-form .form-row{max-width:420px;margin:0 auto;padding-top:25px;text-align:left}.customer-email-fancybox .customer-email-form .button-container{padding-top:25px}.customer-email-fancybox .customer-email-form .button-container .button{width:100%;max-width:180px}.customer-email-fancybox .customer-email-form .fancybox-close-small svg{display:none}.customer-email-fancybox .customer-email-form .fancybox-close-small:after{font-size:30px;color:#1532a0}.customer-email-fancybox .customer-email-form .js-error{display:none;width:100%;max-width:540px;margin:0 auto;padding-top:25px;font-size:14px;line-height:20px;font-weight:700;color:#d43838}.customer-email-fancybox .customer-email-form .js-error.visible{display:block}.customer-email-fancybox .customer-email-form .js-error>a{color:#d43838;text-decoration:underline}@media only screen and (max-width:1579px){.credit-card-managemement-page .content-container.validation-container{padding-bottom:90px}.credit-card-managemement-page .content-container.card-container{padding-bottom:60px}}@media only screen and (max-width:1199px){.credit-card-managemement-page{padding-top:100px}.credit-card-managemement-page .region-area-two{padding-top:30px}.credit-card-managemement-page .content-container{padding:30px 15px 40px}.credit-card-managemement-page .content-container.validation-container{padding-bottom:40px}.credit-card-managemement-page .content-container.card-container{padding-bottom:40px}.credit-card-managemement-page .content-container .text-container{padding-top:0}.credit-card-managemement-page .content-container .card-info-container{display:flex;align-items:center;justify-content:flex-end}.credit-card-managemement-page .content-container .card-info-container .text{padding:0 8px}}@media only screen and (max-width:767px){.credit-card-managemement-page{padding-top:100px}.credit-card-managemement-page .title-container .title{font-size:25px;line-height:30px}.credit-card-managemement-page .title-container .subtitle{font-size:13px;line-height:20px;padding-top:10px}.credit-card-managemement-page .content-container .otp-headline .title{font-size:23px}.credit-card-managemement-page .content-container .phone-example{font-size:20px}.credit-card-managemement-page .card-container .tabs-container .tabs{margin:0 -15px}.credit-card-managemement-page .card-container .tabs-container .tab-item{font-size:14px;padding:10px 10px 15px}.credit-card-managemement-page .card-container .tabs-container .tab-item.active:before{width:82%}.credit-card-managemement-page .card-container .tabs-container .tab-item>span{padding-left:25px}.credit-card-managemement-page .card-container .tabs-container .tab-item>span:before{font-size:20px;margin-top:-3px}.credit-card-managemement-page .card-container .tabs-container .tab-item>span.icon-aerio{padding-right:15px}.credit-card-managemement-page .card-container .card-management-buttons{flex-direction:column}.credit-card-managemement-page .card-container .card-management-buttons .button.secondary{margin-top:20px}.credit-card-managemement-page .card-container .card-management-buttons .tooltip-wrapper{width:inherit;margin-left:0}}@media only screen and (max-width:639px){.credit-card-managemement-page .content-container .otp-headline .text{padding:0 20px}}@media only screen and (max-width:479px){.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper .card-info{font-size:11px;padding-left:30px}.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper .card-info.no-card-applied .text{padding-left:25px}.credit-card-managemement-page .card-container .providers-cards-list .checkbox-wrapper .card-info.no-card-applied .text:before{font-size:18px}}