/*Common Styles Starts*/
body{padding-bottom:52px;}
.details-section{background-color:#FFFFFF;border-bottom:0 solid #bdc3c7;border-top:1px solid #bdc3c7;box-shadow:0 0 3px #a09c9c;position:relative;}
.details-section .bbicons-airline-white{background-position:-8px -357px;}
.details-section .bbicons-lifestyle-white{background-position:-6px -411px;}
.details-section .bbicons-fuel-white{background-position:-8px -456px;}
.details-section .bbicons-shopping-white{background-position:-9px -510px;}
.details-section .bbicons-cashback-white{background-position:-6px -555px;}
.details-section .bbicons-shopping-and-cashback-white{background-position:-6px -504px;}
.details-section .bbicons-premium-white{background-position:-7px -605px;}
.details-section .bbicons-rewards-white{background-position:-6px -753px;}
.offers-section .bbicons-travel-white{background-position:-8px -862px;}
.offers-section .bbicons-lowfee-white{background-position:-6px -652px;}
.coupons-balloon{display:block;}
.bbicons-help{background-position:-17px -2306px;}
/*Common Styles End*/

/*Detail Header Starts*/
.fee-section{padding:0 0 0 20px;}
.fee-section-value .bb-rupee-xs{font-size:16px;letter-spacing:-5px;text-indent:-3px;}
.details-section-header{position:relative;}
.details-section-header .pull-left{max-width:150px;float:left;padding:10px;max-height:60px;}
.details-section-header .fee-section{float:left;position:absolute;line-height:normal;left:50%;padding:11px;width:50%;border-left:1px solid #E4E4E4;}
.fee-section-value .activation-deposit-mobile-title{color:#a6a6a6;font-size:14px;display:block;font-weight:normal;line-height:normal;}
.fee-section-value .value-description{color:#a6a6a6;font-size:14px;display:block;font-weight:normal;line-height:normal;}
.bestvalue{background-color:#f64747;color:#FFFFFF;padding:2px 5px 2px 8px;font-size:11px;font-weight:bold;position:absolute;left:0px;top:0px;}
.bestvalue span{display:inline-block;height:18px;right:-12px;position:absolute;top:0px;width:0px;height:0px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #f64747;border-right:0px solid #f64747;}
/*Detail Header End*/

/*Detail Contents Starts*/
.details-section-contents .card-name{background-color:#f0eeee;padding:5px 10px;width:100%;text-align:center;}
.details-section-contents .card-name > span{display:block;}
.details-section-contents .rewards{display:none;}
.details-section-contents{display:table; width:100%;float:none;vertical-align:middle;line-height:normal;}
/*Detail Contents End*/

/*Button Groups Starts*/
.details-section-btn-group{padding:20px 0;}
.btn-group{display:inline-block;}
.btn-group .btn{border-radius:0;font-size:13px;border:1px solid #1abc9c;float:left;line-height:1.5;padding:3px 5px 5px 3px;}
.btn-group > .btn:first-child{border-radius:6px 0 0 6px;border-right:medium none;}
.btn-group > .btn:first-child:hover, .btn-group > .btn:last-child:hover{color:#FFFFFF;}
.btn-group > .btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0;border-radius:0 6px 6px 0;}
.btn-group span{float:left;width:24px;height:20px;}
.btn-group .talk-to-us{background-color:#FFFFFF;color:#000000;}
/*Button Groups End*/

/*Details tab Starts*/
.minimum-balance, .activation-deposit{padding:12px 20px;}
.tab-section-title{background-color:#5dade2;list-style:none;padding:5px 0;}
.tab-section-list{display:none;}
.tab-section-list ul li{padding:12px 20px;border-bottom:1px solid #ebedee;}
.tab-section-list ul li:last-child{border-bottom:0 none;}
.more .rewards ul{padding-left:21px;}
.more .rewards ul li{dbImage_background-image:BG_REWARD_BULLET_MOBILE; background-repeat: no-repeat; background-position: 0 8px;padding-left: 17px;list-style:none;}
.joining-perks ul{list-style:inside url(/images/mobile/joining-perks-bullet.png) disc;}
.pros-cons-section .pros{list-style:inside url(/images/mobile/pros-bullet.png) disc;}
.pros-cons-section .cons{border-top:1px solid #ebedee;list-style:inside url(/images/mobile/cons-bullet.png) disc;}
.fee-details ul, .daily-limits ul{list-style:inside;}
.debit-card-features .title{margin-right:6px;}
.more nav ul{list-style:inside none none;}
.tab-section-title li{float:left;margin:0;}
.tab-section-title > li > a{border:0px solid #e1e4e7;color:#ffffff;display:block;padding:2px 8px}
.tab-section-title > li.active > a{background-color:transparent;border:0px solid #e1e4e7;color:#34495e;}
.frills .view-more{display:none;}
.frills ul .disabled{text-decoration:line-through;color:#999;font-weight:normal;opacity:0.5;}
.frills .sprite-offers{float:left;height:28px;margin-right:10px;margin-top:-3px;width:28px;}
.more ul:first-child{border-bottom:1px solid #ebedee;}
.more nav ul{padding:0 10px 0 32px;}
.more nav ul li{border:none;list-style:outside;padding:8px 0;}
.more nav ul .view-more, .more nav ul .view-less{list-style:none;overflow:hidden;padding-right:20px;padding-bottom:10px;}
.nitty-gritty .link{text-decoration:underline;}
.value-adds .title{padding-right:10px;}
/*Details tab End*/

/*Global Styles*/
.rewards ul.emptyitemlist li{list-style:none}

/*Other Details*/
.details-section-other .heading{background-color:#5dade2;color:#FFFFFF;text-align:left;padding:5px 10px;}
.details-section-other{border-bottom:1px solid #ebedee;color:#9d9d9d;}
.details-section-other strong{color:#000000;display:block;}
.details-section-other .ratings {background:#38acc9;border-radius:4px;color:#ffffff;cursor:pointer;padding:2px 5px;}
.details-section-other .details-section-column{border-right:1px solid #ebedee;padding:5px 0;}
/*Other Details End*/

/*Overwrite Classes*
/*Login Styles*/
.navbar-nav li#login-status{float:left;}

/*Fee Details Tool Tip*/
.details-section .fee-section-value .popover{top:2px !important; }
.details-section .fee-section-value .popover.left > .arrow{top:23px;}
.details-section .popover.top,.details-section .popover.bottom{width:280px;}
.details-section .popover.top .popover-content,.details-section .popover.bottom .popover-content{width:255px;}

/*css for credit tracker details*/
.offerTable .offers-row-cta {display: table; width: 100%;margin-bottom: 10px;border-bottom: 1px solid #c9c9c9;}
.offerTable .offers-row-cta .col-top {padding:13px 5px; }
.offers-row-cta .col-top {vertical-align: middle; }
.credit-score .factor-section, .credit-score .rewards-type-section {border-right: 1px solid #c9c9c9; }
.credit-score .offers-section .factor-section {width:35%; }
.credit-score .offers-section .rewards-type-section {width:28%; }
.credit-score .offers-section .annual-fee-mobile-section {width:31%; }
/*CSS for credit score rows*/
.credit-score .credit-factor-heading {font-size:14px;padding:5px 10px;font-weight:bold;}
.credit-score .factor-info .credit-title {font-size:10px;text-transform:uppercase;color:#000000;display:block;}
.credit-score .credit-sub-title {color: #a4a4a4;font-size: 11px;}
.credit-score .credit-subtitle {color:#34495e; font-size: 12px;display: block;padding: 5px 10px;line-height: normal;}
.credit-score .ct-details-fixed{color: #9d9d9d;}
.credit-remark {color: #4f4f4f;font-size:10px;}
/*rating row*/
.credit-score .vertical-gauge {font-size: 10px;font-weight: bold;}
.credit-score .filter-section.credit-rating .loan-amt-slider {padding:0;width: 100%;}
.credit-score .filter-section.credit-rating .slider-selection {display: none;}
.credit-score .offers-section .bbicons-details {right: 0;}
/*utilization for mobile*/
.card-utilization {padding:10px;min-width:180px;}
.card-utilization, .card-utilization .utilization-title {display: inline-block;min-width:167px;}
.card-utilization p {color: #34495e; font-size: 12px; line-height: 2.5; }
.card-utilization p:last-child {border-top: 1px solid #d4d0d1; border-bottom: 1px solid #d4d0d1;}
.card-utilization p:last-child .final-credit {padding-left:18px;}
.card-utilization .utilization-division {width:13px;height:10px;background-position:-20px -21px;vertical-align: middle;}
.credit-score .account-utilization {color:#34495e; }
.credit-score .account-utilization .slider.slider-horizontal {width:100%;height:17px;margin: 4px auto; display: inline-block; position: relative;vertical-align: middle;}
.credit-score .account-utilization .slider-min {font-size: 10px; width: 85px; padding:6px 0; text-align: left; }
.credit-score .account-utilization .slider-max {font-size: 11px; padding: 6px 0; }
.credit-score .account-utilization .loan-amt-slider {padding: 5px 10px;}
.credit-score .account-utilization .loan-amt-slider .isSlider {padding: 0 10px;}
.credit-score .flat-btn-group .btn:first-child {background: #1abc9c;width: 100%;color: #fff;text-align: center;}
/*css for other factors*/
.other-factors {width:25px; height:27px;}
.other-card-utilisation {background-position: -17px -784px;}
.other-payment-history {background-position:-17px -622px}
.other-total-accounts {background-position:-18px -677px}
.other-credit-enquries {background-position:-14px -571px}
.other-credit-delinquent {background-position:-16px -831px}
.other-age-portfolio {background-position:-16px -520px}
.credit-score .bbicons-left-arrow {background-position: -11px -1864px;}
.credit-score .product-carousel .owl-carousel .item .product-value {padding: 0 15px;text-decoration:none;line-height: normal; }
.credit-score .bbicons-left-arrow {float: none;text-align: center;vertical-align: middle;display: inline-block;}
.product-carousel .more-quotes {min-width:76px;}
.product-carousel .more-quotes:after {left:70px;}

.credit-score .offerTable .slider.slider-horizontal .slider-handle {dbImage_background-image:SPRITE_CREDIT_TRACKER_MOB;  display: inline-block;  background-repeat:no-repeat;}
.owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-prev {background-position: -17px -1752px;}
.product-carousel .owl-carousel .item {min-height:76px;}
.credit-score .offers-section .bbicons-details {top:42%;}
@media (max-width:400px) {
    .credit-score .product-carousel .owl-carousel .item .product-value {padding: 0 8px;}
    .credit-score .account-utilization .loan-amt-slider .isSlider{width:65%;}
}
.credit-score .owl-carousel {overflow: hidden;margin-bottom: 10px;}