.content-container{padding-top:20px}
.balance-info{font-weight:500;font-size:18px}
.balance-info .title{font-size:.888888em;display:block;overflow:hidden;float:none!important;padding:0 5px 0 0}
.balance-summary{margin:0 -20px;padding:25px 20px 8px}
.balance-summary-info-holder .balance-summary + .balance-summary:not(:last-child){padding-bottom:35px}
.balance-summary-info-holder .balance-summary + .balance-summary:last-child{padding-bottom:25px}
.balance-summary li .static-label{font-weight:500;font-size:16px}
.balance-summary li > .static-label{float:right}
.balance-summary-info-holder .balance-summary li > .static-label,.widget-chart .balance-summary li > .static-label{float:none}
.balance-summary li:before{top:5px;height:15px}
.widget-chart{margin:0 0 20px;background:#fff;border-radius:4px;padding:27px 20px 20px;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.02);box-shadow:0 10px 20px 0 rgba(0,0,0,0.02)}
.widget-chart::after{display:block;clear:both;content:""}
.widget-chart.widget-chart-dual .widget-header h3{font-size:.92857em;line-height:1.46154;text-transform:uppercase;letter-spacing:.54px;color:#777;font-weight:400;margin:.5rem 0}
.widget-chart.widget-chart-dual .chosen-container-single .chosen-single{-webkit-box-shadow:none;box-shadow:none;padding:10px 36px 8px 10px;border-radius:4px;}
.widget-chart.widget-chart-dual .chosen-container-single.chosen-container-active .chosen-single{border-radius:4px 4px 0 0;border-color:#111;outline:dotted 1px;outline-offset:-3px}
.widget-chart.widget-chart-dual .chosen-container-single .chosen-single > span{font-size:12px;line-height:15px}
.widget-chart header{width:14.514em;position:relative;padding:0 15px;margin-top:-64px}
[data-currenttab="tab-dailyBalanceWidget"].widget-chart header{padding:0 0 0 15px;width:160px}
.widget-chart header .select-holder{margin:0 0 30px auto}
.widget-chart .chosen-container .chosen-single{padding-left:14px}
.widget-chart .chosen-container .chosen-single:after{font-size:5px;margin:-4px 0 0}
[data-currenttab="tab-dailyBalanceWidget"].widget-chart header .select-holder{margin:0 0 0 auto;padding:0 20px 0 0}
.widget-chart .nav-tabs{margin:0;border-width:0;margin:0 0 35px}
.widget-chart .nav-tabs > li{padding:0;margin:0 30px 0 0}
.widget-chart .nav-tabs > li:only-child{width:auto;text-align:left}
.widget-chart .nav-tabs > li > a{margin:0;font-size:1em;border-width:0;padding:0 0 7px;position:relative}
.widget-chart .nav-tabs > li > a:after{left:0;bottom:0;content:'';position:absolute;width:0;height:2px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;display:none}
.widget-chart .nav-tabs > li a.active{border-width:0;font-weight:500}
.widget-chart .nav-tabs > li a.active,.widget-chart .nav-tabs > li > a:hover,.widget-chart .nav-tabs > li > a:focus{margin:0;border-width:0;padding:0 0 7px}
.widget-chart .nav-tabs > li a.active:after,.widget-chart .nav-tabs > li > a:hover:after,.widget-chart .nav-tabs > li > a:focus:after{width:100%}
.widget-chart .nav-tabs > li a.active:after{width:0}
.widget-chart .nav-tabs > li:only-child a{font-size:.92857em;line-height:1.46154;text-transform:uppercase;font-weight:400;pointer-events:none}
.widget-chart .nav-tabs > li:only-child a:after{display:none!important}
.widget-chart .tab-content{width:100%}
.widget-chart header ~ .tab-content{position:relative;width:calc(100% - 14.514em)}
.widget-chart .tab-pane{clear:left;width:100%}
.widget-chart .tab-pane > *{clear:left}
.widget-chart .balance-summary{margin:0;padding:0;border-width:0}
.widget-chart .balance-summary li{width:auto;overflow:hidden;padding:0;margin:0!important}
.widget-chart .balance-summary li + li{margin:22px 0 0!important}
.widget-chart .balance-summary .title{padding:0;display:block;font-size:.85714285714286em;line-height:1.33;float:none}
#combination .highcharts-legend .highcharts-spline-series .highcharts-graph{stroke:#FFF}
#combination .highcharts-legend .highcharts-spline-series .highcharts-point{stroke:#4A90E2;stroke-width:4px}
.highcharts-credits,.highcharts-axis-title,.highcharts-exporting-group{display:none}
.widget.coupons{padding:27px 20px 22px;margin:20px 0 0}
.widget.coupons header{margin:0 0 25px}
.widget.coupons h2{margin:0;float:left;font-size:.92857em;line-height:1.46154;text-transform:uppercase;font-weight:400}
.widget.coupons .link-more{display:block;float:right;font-size:.85714em;line-height:1.5;font-weight:500;letter-spacing:.43px}
.widget.coupons .link-more:where(:hover,:focus){text-decoration:underline;outline:dotted 1px;outline-offset:2px}
.widget.coupons.no-view-more .link-more{display:none}
.widget.coupons.viewed-all .link-more{display:none}
.widget.coupons .link-redeems{display:block;color:#757575;font-size:1em;line-height:1.5;margin:0}
.widget.coupons .link-redeems strong{color:#000;font-weight:500;padding:0 3px 0 0}
.user-card-info .note .static-label{float:none}
.balance-summary .amount{font-size:1em;line-height:1.4375}
#dailyBalanceSummary-chart .highcharts-label.highcharts-tooltip{background:#fff;width:250px;min-width:250px;font-size:12px!important;line-height:18px!important}
#dailyBalanceSummary-chart .highcharts-label-box.highcharts-tooltip-box{background:#fff;width:250px;min-width:250px}
#dailyBalanceSummary-chart .highcharts-label.highcharts-tooltip > span{width:292px;padding:20px 20px 10px;background:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,0.1)}
#dailyBalanceSummary-chart .highcharts-label.highcharts-tooltip > span > span:first-child{font-size:11px!important;line-height:18px;border-radius:20px;color:#252626;display:inline-block;background:#edf1f6;padding:2px 8px!important;width:25%;margin-bottom:30px;text-align:center}
#dailyBalanceSummary-chart .highcharts-label.highcharts-tooltip.highcharts-color-undefined br{display:none!important}
#dailyBalanceSummary-chart .tool-graph:nth-of-type(1) strong{border-color:#50a4c8;font-weight:700;font-size:18px}
#dailyBalanceSummary-chart .tool-graph:nth-of-type(3) strong{border-color:#ffacac}
#dailyBalanceSummary-chart .tool-graph{float:left;color:#000;width:120px;padding-bottom:10px;position:relative;width:50%;font-weight:500}
#dailyBalanceSummary-chart .tool-graph strong{font-size:15px;line-height:20px;display:block;border-left:2.5px solid #25b05c;padding-left:10px;font-weight:500}
#dailyBalanceSummary-chart .tool-graph span{color:#777;font-size:12px;line-height:18px;padding-left:12px}
#dailyBalanceSummary-chart g.highcharts-label.highcharts-tooltip{display:none!important}
.coupon-box{padding:16px 11px;margin:0 0 25px;border-radius:6px;background-color:rgba(235,239,244,0.5);display:flex;justify-content:space-between}
.coupon-box::after{display:block;clear:both;content:""}
.coupon-box .logo-holder{max-width:100px;flex:0 100px;width:100%;margin:0 20px 0 0;line-height:100px;border-radius:6px;background-color:#fff;border:1px solid #E6E6E6;min-height:100%;text-align:center;padding:0 8px;display:flex;justify-content:center;align-items:center;overflow:hidden}
.coupon-box .logo-holder img{display:block;margin:0 auto;object-fit:contain;object-position:center;max-width:100%;height:auto}
.coupon-box .info{margin:0 0 11px}
.coupon-box .info::after{display:block;clear:both;content:""}
.coupon-box .discount{font-weight:700;max-width:50px;font-size:1em;line-height:1.14285714}
.coupon-box .discount .amount{font-weight:700}
.coupon-box .desc .title{margin-top:5px}
.coupon-box h3{margin:0;font-weight:500;font-size:1em;line-height:1.384;color:#222}
.coupon-box .expiery{display:block;font-size:.857142em;line-height:1.2727272727273}
.coupon-box .btn{min-width:81px}
.coupon-box .btn + .btn{margin-left:10px}
#couponWidget .no-data{padding:60px 20px;margin:0 10px 25px}
#updateCouponStatusForm > fieldset > legend{display:none!important}
.dashboard-couponbox .btn{padding:6px!important}
.reward-info{padding:22px 20px;border-radius:4px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,250,245,0.9)),to(rgba(255,252,249,0.9)));background-image:-webkit-linear-gradient(top,rgba(255,250,245,0.9),rgba(255,252,249,0.9));background-image:-o-linear-gradient(top,rgba(255,250,245,0.9),rgba(255,252,249,0.9));background-image:linear-gradient(to bottom,rgba(255,250,245,0.9),rgba(255,252,249,0.9))}
.reward-info h2{font-weight:400;margin:0 0 22px;font-size:1em}
.reward-info h2 img{vertical-align:middle;margin:0 8px 0 0}
.reward-info .balance-summary{margin:0;padding:0;border-width:0}
.reward-info .balance-summary .title{padding:0;font-size:.85714em;line-height:1.33333;color:#666;width:75%}
.reward-info .balance-summary .amount{font-size:1.125em;line-height:1.5}
.widget.ballot-tracker{font-size:.92857em;line-height:1.53846}
.widget.ballot-tracker h3{text-transform:uppercase;margin-bottom:30px;color:#757575}
.widget.ballot-tracker .ballot-counter{background:#F9FBFC;border:1px solid #EBEFF4;border-radius:4px;text-align:center;padding:20px;color:#444;margin:15px 0;font-weight:500}
.widget.ballot-tracker .ballot-counter strong{display:block;color:#D7282E;font-weight:700;font-size:1.42857em;line-height:1.25}
.widget.ballot-tracker p{font-weight:500;color:#222;font-size:1.077em;line-height:1.429em;font-size:1em;line-height:1.42857;margin-bottom:20px}
.widget.ballot-tracker p a{color:#E91211}
.widget.ballot-tracker span{color:#757575}
.widget.ballot-tracker span.ballot-note strong{font-weight:500}
.block-request-card .link{margin-left:5px}
.widget.ballot-tracker p a:hover,.widget.ballot-tracker p a:focus,.block-request-card .link:hover,.block-request-card .link:focus{text-decoration:underline}
.currencyRatesPanel{background:#fff;padding:20px 20px 10px;margin:0 0 20px}
.currencyRatesPanel .wallet{border:1px solid #DFE6EE;border-radius:4px;padding:20px;margin-bottom:20px}
.wallet .head{margin:0;position:relative;padding:0}
.flag-holder{height:40px;width:40px;float:left;overflow:hidden;border-radius:100%;margin:0 21px 0 0}
.wallet .info{overflow:hidden}
.wallet .title{font-size:.85714em;line-height:1.25;position:relative;top:2px}
.currencyRatesPanel .wallet .static-label{display:block;line-height:1.25}
.currencyRatesPanel .wallet .static-label .num{font-size:16px;color:#2f2f2f}
.currencyRatesPanel .wallet .static-label .currency-sign{font-weight:400;color:#444;font-size:15px;padding-left:5px}
.currencyRatesPanel h2{max-width:60%;font-weight:400;margin:0 10px 20px 0;text-transform:uppercase;font-size:.92857em;line-height:1.46154;color:#757575}
.currencyRatesPanel header.clearfix a{float:right}
.custom-card .head:after{display:block;clear:both;content:''}
.currencyRatesPanel .wallet .info.info-amount .static-label{display:inline-block!important}
.currencyRatesPanel .wallet .info.info-amount .static-label .currency-sign{padding-left:0}
.currencyRatesPanel .wallet .info.info-amount .currency-sign{font-weight:400;color:#444;font-size:15px}
.currencyRatesPanel .wallet .info.info-amount .title{display:block}
.jointacc-dailog-parent p { font-size: 0.813rem; line-height: 1.3846153; letter-spacing: 0.2px; color: #6B7080; margin: 0 0 26px !important; } 
.jointacc-dailog-parent strong.title { color: #1B223A !important; font-size: 1.125rem !important; font-weight: 700 !important; line-height: 0.85714285 !important; margin: 0 0 22px !important; display: block; }
.ui-dialog .generic-dialog.jointacc-dailog-parent .btns {margin: 26px auto 0 !important;}
/* card masking margin removed  */
.card-num .dot:nth-child(3), .card-num .dot:nth-child(7) {margin: 0;}
@media (max-width: 1600px) {
.widget-chart .nav-tabs > li > a{font-size:.92857142857143em}
.reward-info h2{font-size:1em}
}
@media (max-width: 991px) {
.secure-page #main{padding:20px 0}
.content-container{padding:20px 0 0}
.widget-chart .nav-tabs{width:100%;margin:0 0 30px}
.widget-chart header{width:100%;padding:20px 15px}
.widget-chart #dailyBalanceSummary header{margin:0}
.widget-chart #dailyBalanceSummary [class*="col-"]{position:static}
.widget-chart .balance-summary{margin:0}
.widget-chart .balance-summary li{overflow:hidden}
.widget-chart .balance-summary .amount{padding:0;margin:0}
.widget-chart .balance-summary .title{float:none;max-width:none;padding:0;margin:0}
.widget-chart header ~ .tab-content{width:100%}
.reward-info .balance-summary li{width:8.5714285714286em}
.reward-info .balance-summary .title{font-size:.78571428571429em;line-height:1.27}
.balance-summary{padding:25px 20px 0}
.balance-summary li:only-child{margin:0 0 -5px}
.balance-summary li:before{top:5px}
.widget-chart .balance-summary{margin:0}
.widget-chart .balance-summary li + li{margin:20px 0 0!important}
}
@media (max-width: 767px) {
.currencyRatesPanel .wallet{margin-bottom:20px}
.widget-chart .nav-tabs > li{width:50%;margin:0;padding:0 5px 0 0;text-align:center}
.widget-chart .nav-tabs > li + li{padding:0 0 0 5px}
.widget-chart .nav-tabs > li > a{display:block}
.widget-chart .tab-pane{position:relative;padding:65px 0 0}
.widget-chart header{position:static;margin:30px 0 0}
.widget-chart header .select-holder{position:absolute;top:0;left:0;right:0}
.logo-holder.coupan-logobox{margin:0 auto 10px}
.coupon-box.dashboard-couponbox{margin-bottom:0;text-align:center}
.widget.coupons .link-redeems{margin:15px 0 0}
.coupon-box.dashboard-couponbox .discount{width:auto;float:none}
.coupon-box .desc{overflow:visible}
.reward-info{margin:0 0 22px}
.reward-info .balance-summary li{width:48%}
#sub-nav a{min-height:73px!important}
.secure-page #main{padding:0}
.content-container{padding:20px 0}
.balance-summary li:last-child{margin:0}
.balance-summary{padding:20px 20px 10px}
.balance-summary li{margin:0}
.reward-info{margin-bottom:20px}
.balance-summary li:before{top:4px}
.widget-chart .nav-tabs > li:only-child a br{display:none}
.spendingHistoryChart{min-width:inherit!important}
.transaction-info:after{height:1px;display:block;content:'';clear:both}
.transaction-info .no-data{margin:0}
.transaction-info header{margin:0 0 10px}
.table-custom{overflow:hidden;padding:15px 0 0}
.widget-chart .balance-summary li > .static-label{float:right}
.widget-chart .balance-summary li + li{margin:10px 0 0!important}
.user-card-info .block-request-card{margin-bottom:-17px}
.user-card-info .custom-card{display:table;table-layout:fixed}
#sub-nav a .ico{margin:0 auto 10px!important}
.coupon-box.dashboard-couponbox .desc{padding-top:10px;padding-bottom:0}
.coupon-box .info{justify-content:center!important;align-items:center!important;text-align:center;margin-bottom:20px}
.table-recent-transactions.table-custom .slideset{max-height:100%!important;overflow-y:visible}
}
@media (max-width: 579px) {
.widget-chart header{padding:0 15px}
}
@media (max-width: 575px) {
.widget.coupons .coupon-row > .coupon-column:not(:first-child):not(:only-child) .dashboard-couponbox{margin-top:20px}
}
@media (max-width: 374px) {
.widget-chart .balance-summary li > .static-label{float:none}
}
[aria-describedby=dialog-benefits-details]{width:830px!important;padding:30px 8px 30px 30px !important;border-radius:6px;box-shadow:0 10px 20px 0 rgba(0,0,0,.02);-moz-box-shadow:0 10px 20px 0 rgba(0,0,0,.02);-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.02);border-color:#fff}
[aria-describedby=dialog-benefits-details] .slimScrollDiv{max-height:none!important}
.benefit-details-holder{position:relative}
.benefits-block{padding:0!important;max-width:830px}
.benefits-block .scroll-holder,.benefits-block .slimScrollDiv{height:auto!important}
.benefits-block .scroll-holder{max-height:70vh;padding:0 22px 0 0}
.benefits-block .slimScrollBar{width:5px!important}
.benefits-block .benefit-boxes header{position:relative}
.benefits-block .benefit-boxes header .dialog-title{font-weight:700;margin:0 0 35px;display:block;color:#222;font-size:1.28571em;line-height:1.16667}
.benefits-block .benefit-boxes header .btn-close{position:absolute;top:4px;right:23px;color:#c8c9cc;font-size:11px}
.benefits-block .benefit-boxes .block-holder{min-height:340px}
.benefits-block .benefit-boxes .block-holder .block-frame{background:rgba(225,237,249,.31);width:320px;height:320px;margin:0 auto;white-space:nowrap}
.benefits-block .benefit-boxes .block-holder .block-frame:after{display:inline-block;vertical-align:middle;height:100%;white-space:normal;content:'';margin:0 0 0 -5px;text-align:center}
.benefits-block .benefit-boxes .block-holder .block{display:inline-block;vertical-align:middle;white-space:normal;text-align:center;padding:0 20px}
.benefits-block .benefit-boxes .block-holder .block img{display:block;margin:0 auto 30px}
.benefits-block .benefit-boxes .block-holder .block span{display:block;font-size:13px;line-height:20px;color:#777}
.benefits-block .last-history .amount{max-width:none}
.benefits-block .benefit-box{margin:0;border:1px solid #ddd;border-radius:4px;background:#fafafa;box-shadow:0 10px 20px 0 rgba(0,0,0,.02);-moz-box-shadow:0 10px 20px 0 rgba(0,0,0,.02);-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.02);padding:26px 13px}
.benefits-block .benefit-box+.benefit-box{margin:30px 0 0}
.benefits-block .benefit-box>.box-holder{position:static;padding:0 13px}
.benefits-block .benefit-box .sub-title{font-weight:500;display:block;color:#000;margin:0 0 25px;position:relative;padding:0 0 0 12px;font-size:1.14286em;line-height:1.25;overflow:hidden}
.benefits-block .benefit-box .sub-title:before{position:absolute;top:5px;left:0;width:2px;height:15px;background:#edaf44;content:''}
.benefits-block .benefit-box .sub-title .meta-text{letter-spacing:.2px;color:#666;display:block;margin:9px 0 0;font-size:.75em;line-height:1.33333}
.benefits-block .benefit-box .last-history-info{margin:0}
.benefits-block .benefit-box .last-history{margin:0}
.benefits-block .benefit-box .last-history li{display:block;margin:0 0 4px;padding:0}
.benefits-block .benefit-box .last-history li:first-child{margin:0 0 26px}
.benefits-block .benefit-box .last-history.add li:first-child{margin:0}
.benefits-block .benefit-box .last-history.add li:first-child .box{min-height:69px!important}
.benefits-block .benefit-box .last-history .box{min-height:30px!important;border-color:#d8dde4;background:#fff;padding:17px 150px 17px 17px}
.benefits-block .benefit-box .last-history .box .title{font-size:.85714em;line-height:1.33333}
.benefits-block .benefit-box .last-history .box .title em{font-style:normal;color:#999;font-size:.91667em;line-height:1.45455}
.benefits-block .benefit-box .last-history .box .amount img{width:16px;height:auto;margin:0 8px 0 0;display:inline-block;vertical-align:middle}
@media (max-width:859px) {
[aria-describedby=dialog-benefits-details].ui-dialog.ui-widget-content{left:15px!important;right:15px!important;width:auto!important;max-width:none}
}
@media (max-width:767px) {
[aria-describedby=dialog-benefits-details]{padding:20px 10px 20px 20px !important}
.benefits-block .scroll-holder{padding-right:8px}
.benefits-block .benefit-boxes header .dialog-title{margin:0 0 20px}
.benefits-block .benefit-boxes header .btn-close{right:2px}
.benefits-block .benefit-boxes .sub-title{font-size:1.07143em;line-height:1.5;height:auto!important}
.benefits-block .benefit-boxes .block-holder{min-height:350px}
.benefits-block .benefit-boxes .block-holder .block-frame{width:250px;height:250px}
.benefits-block .benefit-boxes .block-holder .block img{margin:0 auto 15px}
.last-history .holder{-webkit-box-flex:0;-ms-flex:none;flex:none;display:block}
.last-history-info{padding:0}
.widget-chart{padding:25px 20px 20px}
}
@media (max-width:579px) {
.benefits-block .benefit-boxes .benefit-box{display:block!important}
.benefits-block .benefit-boxes .benefit-box .box-holder{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0 5px}
.benefits-block .benefit-boxes .benefit-box .box-holder+.box-holder{margin:15px 0 0}
.benefits-block .benefit-boxes .benefit-box .last-history .box{padding:15px 10px}
}
[id*="block-content-164"] h2,[id*="block-content-164"] h3{display:none}
.side-card-info{padding:30px 0 15px 5px}
.card-head{overflow:hidden}
.card-head .name{font-size:1.43em;line-height:1.45;font-weight:500;max-width:250px;max-width:calc(100% - 60px);color:#000}
.card-num{font-size:1.145em;line-height:1.4375;font-weight:500}
.dashboard-vc-card-table .img-responsive{max-width:182px;margin:0 auto}
.dashboard-vc-card-table .img-responsive img{display:block;height:auto;max-width:100%;width:auto}
@media(max-width: 991px) {
.display-table.dashboard-vc-card-table .img-responsive{float:left;margin:0 20px 0 0}
.display-table.dashboard-vc-card-table .side-card-info{float:left;width:70%}
.user-card-info .display-table.dashboard-vc-card-table .balance-info{float:left;margin:0;width:calc(100% - 202px)}
.user-card-info .display-table.dashboard-vc-card-table .balance-info li{width:calc(100% - 20px)}
.user-card-info .display-table.dashboard-vc-card-table .btn.btn-orange{float:left;width:100%;margin:20px 0 0}
.custome-content-cover{margin:20px 0!important}
}
@media(max-width: 767px) {
.display-table.dashboard-vc-card-table .img-responsive{float:none;margin:0 auto}
.display-table.dashboard-vc-card-table .side-card-info{float:none;width:100%}
.user-card-info .display-table.dashboard-vc-card-table .balance-info{width:auto;max-width:265px;margin:0 auto;float:none}
.user-card-info .display-table.dashboard-vc-card-table .balance-info li{float:none;width:auto;margin:0;background:#fff;border:none;padding:0 20px}
.user-card-info .display-table.dashboard-vc-card-table .btn.btn-orange{float:none;width:100%;margin:20px 0}
.custome-content-cover{margin:0 0 20px!important}
}
.info-msgs .alert.alert-danger:before{display:none}
.cb-tnc-banner .cashback-alert{background:#E1EBF6;border:none;padding:15px 20px}
.cb-tnc-banner .cashback-alert p:nth-of-type(1){color:#222!important;font-size:22px;line-height:145%;font-weight:400;margin:0 0 4px}
.cb-tnc-banner .cashback-alert p:nth-of-type(1) .meta-text{color:#D7282E;font-size:28px;line-height:114%;font-weight:500}
.cb-tnc-banner .cashback-alert p:nth-of-type(1) .meta-text span.meta-text-comma{color:#222;display:inline-block;vertical-align:top}
.cb-tnc-banner .cashback-alert p:nth-of-type(2){color:#222!important;font-size:22px;line-height:136%}
.cb-tnc-banner .tnc-cashback-opener{color:#222!important;text-decoration:underline}
.cb-tnc-banner .tnc-cashback-opener:hover,.cb-tnc-banner .tnc-cashback-opener:focus{color:#D7282E!important;outline:dotted 1px;outline-offset:2px}
.tnc-dialogue{min-width:720px!important;display:none}
.cb-dialog-parent #tnc-cashback{padding:45px 50px!important}
.cb-dialog-parent #tnc-cashback h1{font-size:22px;font-weight:500;letter-spacing:0;line-height:32px;text-align:center;margin:0 0 35px}
.cb-dialog-parent #tnc-cashback .cashback-content{margin:0 0 45px}
.cb-dialog-parent #tnc-cashback .contentarea{border:1px solid #D8DDE4;border-radius:4px;padding:30px 0 30px 30px}
.cb-dialog-parent .scroll-holder,.cb-dialog-parent .slimScrollDiv{height:auto!important;max-height:250px!important}
.cb-dialog-parent .slimScrollDiv{overflow:auto!important;scrollbar-width:none}
.cb-dialog-parent .slimScrollDiv::-webkit-scrollbar{width:10px}
.cb-dialog-parent #tnc-cashback .scroll-holder{padding-right:30px;max-height:68vh}
.cb-dialog-parent #tnc-cashback #termBtnClose{width:144px}
.cb-dialog-parent #tnc-cashback #termBtnClose:hover,.cb-dialog-parent #tnc-cashback #termBtnClose:focus{outline:dotted 1px;outline-offset:2px}
.cb-dialog-parent #tnc-cashback .contentarea p{color:#444;font-size:13px;letter-spacing:.22px;line-height:18px}
@media only screen and (max-width: 1199px) {
.cb-tnc-banner .cashback-alert p:nth-of-type(1){font-size:20px}
.cb-tnc-banner .cashback-alert p:nth-of-type(1) .meta-text{font-size:26px}
.cb-tnc-banner .cashback-alert p:nth-of-type(2){font-size:20px}
}
@media only screen and (max-width: 991px) {
.cb-tnc-banner .cashback-alert p:nth-of-type(1){font-size:16px}
.cb-tnc-banner .cashback-alert p:nth-of-type(1) .meta-text{font-size:22px}
.cb-tnc-banner .cashback-alert p:nth-of-type(2){font-size:16px}
}
@media only screen and (max-width: 767px) {
.cb-dialog-parent #tnc-cashback{padding:20px 15px!important}
.cb-dialog-parent #tnc-cashback h1{font-size:18px;line-height:24px;margin:0 0 20px}
.cb-dialog-parent #tnc-cashback .cashback-content{margin:0 0 20px}
}
#dailyBalanceSummary-chart .highcharts-label.highcharts-tooltip .tool-graph:nth-of-type(1){width:75%}
.custom-card.bg-green .name{word-break:break-word}
.dashboard-couponbox .coupon-box .btn{min-width:91px}
.dashboard-couponbox .coupon-box .desc .btn{padding:6px}
.balance-info .static-label{float:right;width:100%;max-width:54%}
.balance-info .title{font-size:.888888em;display:block;overflow:hidden;float:none!important;padding:0 5px 0 0;width:100%;overflow:hidden;max-width:46%}
.user-card-info .note{color:#445c86;display:inline-block!important;overflow:hidden;width:100%;max-width:100%}
.balance-info .amount img{display:inline-block;vertical-align:middle;margin:0;border-radius:100%;width:12px;height:12px}
.balance-info .amount .num{font-size:.888em;line-height:1.333333}
.table-recent-transactions .tag-minus{font-size:1em;line-height:1.14;color:#FF5656;font-weight:600}
.table-recent-transactions .date .day{font-size:2.22434em;margin:2px 0}
.chosen-container .chosen-single:after{color:#757575}
@media only screen and (max-width: 767px) {
.login-info{display:none}
}
.table-recent-transactions .date .month,.table-recent-transactions .date .year{font-size:.56rem;letter-spacing:1px}
.widget-chart .nav-tabs > li > a{font-size:.92857142857143em!important;text-transform:uppercase;letter-spacing:.54px}
.table-recent-transactions .date .month,.table-recent-transactions .date .year{letter-spacing:.45px!important}
@media (min-width: 768px) {
.select-holder{top:-8px}
}
/*.widget-chart .highcharts-container svg{margin-left:-15px}*/
.chosen-container{border:1px solid transparent}
.chosen-container .chosen-with-drop{border:1px solid #D8DDE4}
.chosen-container .chosen-results li.active-result.result-selected:after{display:none}
#sub-nav a .icon-card-detail:before{content:"\ea49"}
.icon-wallet_load_icon:before{content:"\ea4c"}
#sub-nav a .icon-activity:before{content:"\ea48"}
.icon-card-detail2:before{content:"\ea47"}
#sub-nav a .icon-upgrade-card:before{content:"\ea4a"}
#sub-nav a .icon-card-detail2{font-size:135%}
#sub-nav a .ico{top:3px;margin:0 5px 0 0}
.custom-card.bg-green .card-num .dot{opacity:.6}
.percent_val{color:#222;text-transform:uppercase;font-weight:500}
.tag.status-B{margin:5px 0 0}
@media (max-width: 992px) {
.balance-info .static-label,.balance-info .title{max-width:100%}
}
@media (min-width: 1200px) {
#sub-nav ul.lengthy-btns-list > li{flex:0 auto;max-width:100%;width:100%}
#sub-nav ul.lengthy-btns-list{display:flex;justify-content:flex-start;width:100%;max-width:100%}
#sub-nav ul.lengthy-btns-list > li > a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto!important;min-height:100%}
#sub-nav ul.lengthy-btns-list > li > a > *{margin-right:0}
#sub-nav ul.lengthy-btns-list > li > a > .ico{margin-bottom:10px}
}
@media (max-width: 540px) {
#sub-nav ul li{width:100%;margin-bottom:10px}
#sub-nav ul > li:last-child{margin-bottom:20px}
}
.coupon-box .desc{display:block;flex:0 auto;max-width:100%}
.coupon-box .info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.coupon-box .info > *{flex:0 100%;width:100%;max-width:100%}
.coupon-box .btns-group{display:flex;justify-content:space-between}
@media (max-width: 1199px) {
.coupon-box{display:block}
.coupon-box .desc{display:block;width:100%}
.coupon-box.dashboard-couponbox .desc{padding:16px 0 2px}
.coupon-box .logo-holder{margin:0 auto}
.coupon-box .desc{text-align:center}
.coupon-box .btns-group{justify-content:center}
.coupon-box .logo-holder{margin:0 auto 10px;min-height:100px}
.widget-chart header .select-holder select{height:auto}
}
.coupon-box .btns-group>.btn{display:block}
.widget.coupons:not(.viewed-all) .coupon-row > .coupon-column:nth-child(2) ~ .coupon-column{display:none!important}
.dashboard-vc-card-table .tag.status-B{background:#348554;background-color:#348554!important}
.user-card-info .creditline-note{display:flex!important;align-items:end}
[aria-describedby="my_visa_plus"]{min-width:442px!important}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px 30px 48px!important}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog h2{font-weight:700;font-size:18px;line-height:144%;text-align:center;color:#262626;margin:18px 0 20px}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog p{font-weight:400;font-size:13px;line-height:154%;letter-spacing:.2px;color:#444;margin:0}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog .btns{margin:48px 0 0!important}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog .btns .btn{margin:0 3px 0 0}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog .btns .btn:last-child{margin:0}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog .btns .btn.btn-orange{min-width:186px;padding:10px 18px}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog .btns .btn.btn-light{min-width:186px;padding:10px 18px}
@media (max-width: 575px) {
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog{padding:30px 15px!important}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog .btns{width:100%;display:flex;flex-direction:column;gap:15px}
.ui-dialog .ui-dialog-content.generic-dialog.my_visa-dialog .btns .btn{margin:0}
}

[lang="es"] #homeContentContainer .transaction-info .table-recent-transactions>tbody>tr>td:nth-child(3), 
[lang="es"] #homeContentContainer .transaction-info .table-recent-transactions>thead>tr>th:nth-child(3){
    width: 20%;
}

/* credit score widget */
.credit-score-widget .widget-header { display: flex; align-items: center; justify-content: space-between; padding: 0 0 24px; }
.credit-score-widget .heading-2 { margin: 0; font-size: 0.9285714285714286em; line-height: 1.461538461538462; font-weight: 400; letter-spacing: 0.0384615384615385em; color: #757575; text-decoration: none; }
.credit-score-widget .link { font-size: 0.8571428571428571em; line-height: 1.5; letter-spacing: 0.0358333333333333em; font-weight: 500; }
.credit-score-widget .link:where(:hover, :focus, :active) { text-decoration: underline; outline: dotted 1px; }
.credit-score-widget .link label { font-size: inherit; line-height: inherit; margin: 0; color: inherit; cursor: pointer; }
.credit-score-widget .highcharts-figure { margin: 0; }
.credit-score-widget .highcharts-tracker path, .credit-score-widget .highcharts-tracker circle { fill: none; stroke: none; }
.credit-score-widget .highcharts-figure * { font-family: Heebo, Arial, "Helvetica Neue", sans-serif !important; }
.credit-score-widget .highcharts-gauge-series { top: 70px !important; left: 50% !important; transform: translate(-50%, 0); text-align: center !important; }
.credit-score-widget .highcharts-gauge-series > *, .credit-score-widget .highcharts-label.highcharts-data-label > * { position: static !important; }
.credit-score-widget .highcharts-label.highcharts-data-label br { display: none; }
.credit-score-widget .colored-circles { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center; margin: -52px 0 0; padding: 0;/* background: #ccc; */ list-style: none; width: 100%; flex-wrap: wrap; position: relative; z-index: 2; }
.credit-score-widget .colored-circles li { display: flex; gap: 8px; align-items: center; }
.credit-score-widget .circle { width: 6px; height: 6px; border-radius: 100%; flex-shrink: 0; }
.credit-score-widget .circle-label { color: #757575; font-size: 14px; flex-shrink: 1; }
.credit-score-widget .red-circle { background-color: #FF0000; }
.credit-score-widget .orange-circle { background-color: #FFA500; }
.credit-score-widget .yellow-circle { background-color: #DDDF0D; }
.credit-score-widget .green-circle { background-color: #008000; }
.credit-score-widget .score { font-weight: 700; font-size: 48px; line-height: 1.25; display: block; }
.credit-score-widget .score-label { font-size: 14px; line-height: normal; display: block; margin: -6px 0 0; }
.credit-score-widget .score-label-text { font-size: 14px; font-weight: bold; display: inline-block; margin-bottom: 10px; /* Space between score label and colored circles */ }
.credit-score-widget .very-bad { color: #FF0000; }
.credit-score-widget .bad { color: #FFA500; }
.credit-score-widget .good { color: #DDDF0D; }
.credit-score-widget .excellent { color: #008000; }
@media screen and (max-width:1060px) {
        .credit-score-widget .highcharts-gauge-series { top: 86px !important; }
        .credit-score-widget .score { font-size: 36px; }
        .credit-score-widget .score-label { font-size: 13px; margin: -6px 0 0; }
}
@media screen and (max-width:767px) {
        .credit-score-widget .highcharts-gauge-series { top: 78px !important; }
        .credit-score-widget .score { font-size: 32px; }
        .credit-score-widget .colored-circles { gap: 8px; }
        .credit-score-widget .colored-circles li { gap: 4px; }
}

/* for new widget style - 620 */
.wallet-btns-holder { border-top: dashed #c8ced6 1px; padding: 20px 20px 15px; margin: 0 -20px; }
.wallet-btn { background: #1E1E20; color: #fff; font-size: 1em; line-height: 1.2; width: 100%; display: flex !important; justify-content: center; align-items: center; padding: 3px 10px; border-radius: 20px; gap: 4px; }
.wallet-btn img { margin: 0; display: inline-block; vertical-align: middle; }
.wallet-btn:hover, .wallet-btn:focus { outline-offset: 2px; outline: dotted 1px #505050; color: #fff; text-decoration: none; }
.wallet-btns-holder p { letter-spacing: 0.2px; color: #757575; margin: 10px 0 20px; }