.credit-score .offers-section .annual-fee, .credit-score .offers-section .select-card, .offers-section .rewards {width:15%;text-align: center; }
.credit-score .offers-section .joining-perks {width:25%; }
.credit-score .offers-section .card {width: 45%;padding-left: 10px; }
.credit-score .offers-section {padding-top:0;}
.credit-score .bbicons-help{background-position:3px -1209px;}
/*CSS for tab section*/
.tabbable-one li.active .tab-credit .arrowup, .cobrand-cl-landing .tabbable-one li.active .tab-credit .arrowup {border-bottom-color: #38acc9;}
.tab-credit span {background-color: #6bb0e0; background-position: 0 -6px; }
.tab-recommend span {background-color: #e24f4f; background-position: 0 -170px;}
.tab-simulator span {background-color: #009ca6; background-position: -5px -87px;}

/*CSS for credit score*/
.credit-score .credit-meter {background-color:#38acc9;text-align: center;padding:20px 0 20px 0;}
.credit-meter .meter-gauge, .credit-meter .credit-content {text-align: center;color: #fff;display:inline-block;vertical-align: middle;}
.credit-score .lgr-heading, .credit-score .small-heading {line-height: normal;}
.credit-meter .meter-gauge .lgr-heading {font-size: 24px;font-weight: bold;fill:#FEDB00;}

/*CSS for credit score rows*/
.credit-score  .credit-score-heading {padding-top:20px;display:block;font-weight: bold;text-align: center;}
.ct-graph.center-block{  padding-bottom: 20px;  }
.credit-score .credit-factor-heading {font-size:24px; border-bottom: 1px solid #d4d0d0; padding:10px; }
.credit-score .factor-info {display: table-cell;padding-left: 10px;text-align:left;}
.credit-score .factor-info .credit-title {text-transform:uppercase;color:#000000;line-height: normal;}
.credit-score .factor-info .credit-sub-title {color: #4f4f4f; display: block; line-height: normal; padding-bottom: 6px; }
.credit-score .offers-section .offer-section-content .rewards {line-height:normal;}

/*know more button*/
.credit-score .offers-section .btn-group .btn-primary { min-width:92px;padding: 7px 12px;}
/*details section*/
.card-utilization {padding:0 15px;min-width:180px;}
.card-utilization, .card-utilization .utilization-title {display: inline-block;min-width:167px;}
.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 {background-position:-20px -20px;width:13px;height:10px;background-repeat: no-repeat;vertical-align: middle;}
.credit-score .account-utilization .slider.slider-horizontal {width: 100%; margin: 0 auto; height: 28px; z-index: 1; display: inline-block; position: relative; }
.credit-score .account-utilization .slider-min {width:85px;text-align: left; padding: 4px 0 0;}
.credit-score .account-utilization .slider-max {padding: 4px 0 0; }
.credit-score .account-utilization .loan-amt-slider {padding: 5px 15px;}
.credit-score .bbicons-details {margin:0;left: 50px;}
.filter-section .slider.slider-horizontal .slider-track {background-color: #c8cacd; background-image: none; border-radius: 6px; height: 12px; width: 100%; margin-top: -5px; top: 50%; left: 0; position: absolute; cursor: pointer; }
.filter-section .slider.slider-horizontal .slider-selection {background-color: #116a9e; background-image: none; box-shadow: none; border-radius: 6px 0 0 6px; position: absolute; height: 100%; top: 0; bottom: 0; }
.filter-section .slider.slider-horizontal .slider-handle {background-image:none; margin-left: -10px; margin-top: -5px; outline: 0; border-radius: 20px; background-color: #2e98d6; height: 24px; width: 24px; opacity: 1; z-index: 1;position:absolute;}
.credit-score .featureName p {padding:5px 0;}
.credit-score .card-utilization p {line-height:3;padding:0;}
/*rating row*/
.credit-score .vertical-gauge {font-weight: bold; padding: 0 15px; }
.credit-score .vertical-gauge span:first-child {float:left;} .credit-score .vertical-gauge span:last-child {float:right;}
.credit-score .filter-section.credit-rating .loan-amt-slider {padding:10px 15px 0 15px;}
.credit-score .filter-section.credit-rating .slider.slider-horizontal {width: 100%;border-bottom: 1px solid #595959;height:22px;position: relative;display: inline-block;}
.credit-score .filter-section.credit-rating .slider.slider-horizontal .slider-track {
    border-radius:0;
    height: 20px;
    top:0;
    margin-top: 0;
    background: #f05023; /* Old browsers */
    background: -moz-linear-gradient(left,  #f05023 0%, #f25c20 6%, #f66a1a 11%, #fa791a 16%, #fa951a 24%, #f9a71c 32%, #f4b22a 36%, #edbb3b 39%, #d6d075 50%, #c9d78c 55%, #bfdc98 59%, #bcdc9b 60%, #afdc9b 67%, #97d59b 78%, #7ac78a 91%, #6ec284 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f05023 0%,#f25c20 6%,#f66a1a 11%,#fa791a 16%,#fa951a 24%,#f9a71c 32%,#f4b22a 36%,#edbb3b 39%,#d6d075 50%,#c9d78c 55%,#bfdc98 59%,#bcdc9b 60%,#afdc9b 67%,#97d59b 78%,#7ac78a 91%,#6ec284 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f05023 0%,#f25c20 6%,#f66a1a 11%,#fa791a 16%,#fa951a 24%,#f9a71c 32%,#f4b22a 36%,#edbb3b 39%,#d6d075 50%,#c9d78c 55%,#bfdc98 59%,#bcdc9b 60%,#afdc9b 67%,#97d59b 78%,#7ac78a 91%,#6ec284 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05023', endColorstr='#6ec284',GradientType=1 ); /* IE6-9 */
}
.credit-score .filter-section.credit-rating .slider-handle {
    background-position:-20px -243px;
    display:inline-block;
    background-repeat:no-repeat;background-color: transparent;
    border-radius: 0;
    width: 8px;
    margin-top:0;
    height: 22px;
    margin-left:-3px;
    dbImage_background-image:SPRITE_CREDIT_TRACKER;
    position: absolute;
}
.credit-score .filter-section.credit-rating .slider-selection {display: none;}

.down-credit-report .btn-danger {background-position:5px -61px;padding: 10px 30px 10px 60px;}

.offers-section .btn-group {
    top:0;
}
.credit-score .vertical-gauge.gauge-rating {
    font-size: 12px;
    color: #34495e;
    text-align: center;
    font-weight: normal;
}

.credit-score .gauge-excellent, .credit-score .gauge-good, .credit-score .gauge-average, .credit-score .gauge-poor {position: absolute; top: 25px;padding:0;}
.credit-score .gauge-excellent {right:0;}
.credit-score .gauge-good, .credit-score .gauge-average {text-align: center; left: -20px; right: 10px; width: 50px; padding: 0;}

/*remarks row*/
.sprite-credit-remarks {background-image: url('sprite-credit-remarks.png');display:block;width:26px;height:26px;margin: 0 auto;}
.remarks-sad {background-position: -20px -152px;}
.remarks-neutral {background-position: -20px -86px;}
.remarks-happy {background-position: -20px -20px;}

/*dashboard gauge*/
.dash-gauge {display: block;text-align: center;}
.active .bbicons-creditscore {background-position: -70px -266px;}
.bbicons-creditscore {background-position: -122px -266px;}
.dash-gauge .small-heading {font-size: 16px;}
.dash-gauge .lgr-heading {font-size: 24px; line-height: normal;fill:#34495E;}
.no-info .btn {min-width: 162px; }

/*common sprite image for credit tracker*/
.sprite-credit-tracker {
    dbImage_background-image:SPRITE_CREDIT_TRACKER;
    display: inline-block;
    background-repeat:no-repeat;
}
.credit-factor {display: table-cell;  width: 35px;  height: 42px;  float: left;}
.utilization {  background-position: -16px -546px;  }
.accounts {background-position: -20px -288px; }
.age {background-position:-19px -353px;}
.enquiries {background-position: -20px -417px; }
.payment {background-position: -20px -491px; }
.delinquent {background-position: -20px -752px;}
/*impact row*/
.credit-impact {width:35px;height: 18px;margin: 0 auto;vertical-align: top}
.impact-low {background-position: -15px -668px;}
.impact-medium {background-position: -15px -706px;}
.impact-high {background-position: -15px -628px;}
.credit-poweredby {display: inline-block;  vertical-align: middle;  margin-left: 10px;}
.ct-logo-experian {background-position: -19px -132px;  width: 60px;  height: 20px;}
.db-creditscore .no-info .btn {width:auto;}
.tab-section-credit-title {text-align: left;font-size: 18px}
.no-info .tab-section-credit-title {  text-align:center;padding-bottom: 25px;}
.credit-score .offers-section-details {padding-bottom: 50px;}
.ct-details-fixed{position: absolute;bottom: -30px; left: 17px;color: #9d9d9d;}

.linear-reviews{position:relative; width:90%; margin:10% auto}
.range-position{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:17px solid #38acc9;position:absolute;top:-19px;left:39%;display:block;}

.range-position-red{border-top-color:rgba(228,0,43,1); left:10%}
.range-position-orange{border-top-color:rgba(255,143,28,1); left:35%}
.range-position-lt-green{border-top-color:rgba(254,219,0,1); left:65%}
.range-position-green{border-top-color:rgba(0,159,77,1); left:85%}

.range-colors span, .range-numbers span{ float:left; width:25%; height:10px; text-align: left;}

.range-colors .red{background:rgba(228,0,43,1); -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.range-colors .orange{background:rgba(255,143,28,1);}
.range-colors .lt-green{background:rgba(254,219,0,1);}
.range-colors .green{background:rgba(0,159,77,1);-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.range-colors .red.opaque {background:rgba(228,0,43,1);}
.range-colors .orange.opaque {background:rgba(255,143,28,1);}
.range-colors .lt-green.opaque {background:rgba(254,219,0,1);}
.range-colors .green.opaque {background:rgba(0,159,77,1);}

.range-numbers { padding-top:10px; width:100%; clear:both}
.range-numbers .range-values-0{width:25%;}
.range-numbers .range-values-25{width:25%;margin-left: -7px;}
.range-numbers .range-values-50{width:25%;}
.range-numbers .range-values-75{width:11%;}
.range-numbers .range-values-100{width:14%; text-align:right; margin-left: 6px;}

.range-text{color:#34495e;font-size:14px;text-align:center;line-height:22px;clear:both;}
.range-numbers{padding-top:0}
.range-numbers span{height:auto;}

.range-position-green ~ .range-text{margin-left:65%;display:inline-block;}
.range-position-red ~ .range-text{margin-left:6%;display:inline-block;}
.range-position-orange ~ .range-text{margin-left:27%;display:inline-block;}
.range-position-lt-green  ~ .range-text{margin-left:55%;display:inline-block;}

.linear-reviews .tooltip .tooltip-arrow{border-top-color: #7af8bd}
.linear-reviews .tooltip .tooltip-inner {width:90px; text-align: center; background: #7af8bd; color: #038239}
.linear-reviews .excellent { left: 82% !important;}

.credit-score .offer-notification, .credit-score.cc-loan-landing .offer-notification{-webkit-box-shadow: 0 4px 19px -8px rgba(0,0,0,0.49); -moz-box-shadow: 0 4px 19px -8px rgba(0,0,0,0.49); box-shadow: 0 4px 19px -8px rgba(0,0,0,0.49);}
@media screen and (max-width:768px) {
    .range-text{float:left;}
    .range-position-green ~ .range-text{margin-left:75%;display:inline-block;}
    .range-position-red ~ .range-text{margin-left:1%;display:inline-block;}
    .range-position-orange ~ .range-text{margin-left:25%;display:inline-block;}
    .range-position-lt-green  ~ .range-text{margin-left:50%;display:inline-block;}
}
/*New Change*/
.credit-meter .two-column-left{width:33%;display:inline-block;vertical-align:middle;text-align: left;dbImage_background-image:CT_BANNER_VERTICAL_SEPARATOR; background-repeat: no-repeat; background-position: right center;}
.credit-meter .two-column-middle{dbImage_background-image:CT_BANNER_VERTICAL_SEPARATOR;background-repeat: no-repeat;background-position: right center;}
.credit-meter .two-column-separator{width: 66%; padding: 0; display: inline-block; vertical-align: middle;}
.credit-meter .two-column-right,.credit-meter .two-column-middle {width:49%;padding:0;display: inline-block;vertical-align:middle;color:#fff;}
.credit-meter .meter-gauge {display: inline-block;width: 34%;}
.credit-score .lgr-heading{font-size:26px;}
.credit-score .small-heading{font-size:18px;}
.credit-score .meter-gauge .small-heading{font-size:16px;}
.credit-meter .credit-content {width: 65%;display: inline-block;text-align:left;}
.credit-meter .two-column-left .credit-content span {display: block;padding-top: 5px;}
.credit-meter .column-right-content{    display: block;vertical-align: middle;margin:0 auto;width:80%;}
.credit-meter .two-column-right img,.credit-meter .two-column-middle img {display: inline-block;margin-right: 18px;}
.credit-meter .two-column-right .btn,.credit-meter .two-column-middle .btn, .credit-meter .two-column-right .btn:hover, .credit-meter .two-column-middle .btn:hover{background:#FF5A5F;margin-top: 10px;font-size: 15px;font-weight: bold; padding: 10px 25px;position:relative;overflow:hidden;}
.credit-meter .two-column-right .btn:after,.credit-meter .two-column-middle .btn:after{content:"";width:35px;height:60px;position:absolute;left:-45px;top:-10px;transform: rotate(-20deg);
    background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
    -webkit-animation: ct-btn-banner infinite 3s linear;animation: ct-btn-banner infinite 3s linear;}
@keyframes ct-btn-banner {from{margin-left:-20px;}to{margin-left:300px;}}

.credit-meter .meter-gauge{display:block;width:auto}
.credit-score .meter-gauge .small-heading{font-size:13px;margin-top:5px}
.credit-guide li{display:inline-block;padding:10px 20px 0 15px;position:relative;font-size:12px}
.credit-guide li:before{background-color:#c3598a;width:10px;height:10px;content:"";position:absolute;border-radius:5px;left:0;top:13px}
.credit-guide li:first-child:before{background-color:#E4002B}
.credit-guide li:nth-child(2):before{background-color:#FF8F1C}
.credit-guide li:nth-child(3):before{background-color:#FEDB00}
.credit-guide li:last-child:before{background-color:#009F4D}
.ct-report{display:block;padding:25px 0;text-align:center}
.ct-report .btn{background:#ff5a5f;font-size:18px;font-weight:700;padding:10px 30px}
.credit-meter .meter-gauge .ct-score-help{cursor:pointer;display:inline-block;height:17px;width:17px;vertical-align:middle;background-position:3px -1278px;}
.credit-meter .meter-gauge .ct-pt-help{height:17px;width:80px;position:absolute;background-position:15px -1238px;font-size:13px;bottom:16px;color:#e63b41;font-weight:700;left:0;right:13%;margin:0 45px 0 auto;}
.credit-meter .meter-gauge .ct-pt-help.ct-hg-pt {background-position:15px -1306px;color: #04966e;}

.ct-report-modal .modal-dialog{width:318px;margin:40px auto}
.ct-report-modal .close{background-color:#fff;border-radius:3px;padding:0 4px;opacity:1;font-size:20px;position:absolute;top:-14px;right:-17px;outline:0}
.ct-report-modal .modal-title{color:#386ab2;font-size:22px}
.ct-report-modal .modal-header{padding:25px 0 0;border-bottom:none}
.ct-report-modal .ct-report-title{dbImage_background-image:CT_MODAL_INFO_ICON;background-repeat:no-repeat;background-position:center;margin-bottom:10px;color:#fff;font-size:16px;font-weight:700}
.ct-report-modal .ct-report-info{margin:10px 0;font-size:18px}
.ct-report-modal .ct-report-info span{font-weight:700}
.ct-report-modal .ct-report-tip{font-size:16px;display:block;font-weight:300;padding:0 0 15px;line-height:normal}
.ct-report-modal .btn{background-color:#3965a0;color:#fff;position:relative;text-transform:uppercase;font-size:14px;font-weight:400;padding:12px 0 12px 10px;display:block;margin:0 10px 20px}
.ct-report-modal .btn span{background-repeat:no-repeat;border-radius:3px 0 0 3px;width:43px;height:43px;position:absolute;top:0;left:0;dbImage_background-image:CT_MODAL_FB_ICON;background-color:#3b5a99;background-position:center}

@media(max-width:1024px){
    .credit-meter .meter-gauge .lgr-heading{font-size: 22px;}
    .credit-meter .meter-gauge{width:100%;margin-bottom: 5px;}
    .credit-score .lgr-heading {font-size: 20px;}
    .credit-score .small-heading {font-size: 16px;}
    .credit-meter .credit-content {width: 100%;display: block;text-align: center;padding: 0 15px;}
    .credit-meter .two-column-right img {display: block;margin: 0 auto 10px;}
    .credit-meter .column-right-content {width: 98%;padding: 0 49px;}
    .credit-meter .two-column-btn{text-align:center;}
    .credit-meter .meter-gauge .ct-pt-help{right:5%;}
}
@media(max-width:900px){
    .credit-meter .meter-gauge .ct-pt-help{right:0%;}
}
@media(max-width:800px){
    .credit-meter .meter-gauge .ct-pt-help{right:12%;}
    .credit-meter .two-column-separator{width: 49%;padding: 0 0 0 37px;}
    .credit-meter .two-column-left{width:49%;}
    .credit-meter .two-column-right, .credit-meter .two-column-middle{width: 100%;text-align: left;}
    .credit-score .lgr-heading{font-size:16px;}
    .credit-meter .credit-content{padding: 0 10px;}
    .credit-meter .column-right-content{padding: 0 10px;width: 55%;display: inline-block;}
    .credit-meter .two-column-left .credit-content span {display: block;padding-top: 2px;}
    .credit-meter .two-column-right img, .credit-meter .two-column-middle img {width: 33%;display: inline-block;margin:0;}
    .credit-meter .two-column-middle {border-right: 0 none; padding: 0 0 10px 0;margin:0 0 10px 0; dbImage_background-image:CT_BANNER_HORIZONTAL_SEPARATOR; background-repeat: no-repeat; background-position: bottom center;}
    .credit-score .small-heading{text-align: left;}
    .credit-meter .two-column-right .btn, .credit-meter .two-column-middle .btn, .credit-meter .two-column-right .btn:hover, .credit-meter .two-column-middle .btn:hover{font-weight: normal; padding: 7px 9px;}
}

.chart-gauge .svg-icon{display:block;margin:0 0 0 6px;}
.chart-gauge{position:relative}

.credit-meter .meter-gauge .tooltip .tooltip-inner{color: #34495e;background-color: #fffecd;border-radius: 4px;padding: 5px 4px;}
.credit-meter .meter-gauge .tooltip.bottom .tooltip-arrow,.credit-meter .meter-gauge .tooltip.right .tooltip-arrow {border-bottom-color: #fffecd;}

/*Thin File*/
.cashe-thin{color:#fff;padding:10px;max-width:340px;}
.cashe-thin .cashe-txt{margin-bottom:15px;}
.cashe-thin .btn{background:#ff5a5f;position:relative;overflow:hidden;margin:0 auto;padding:10px 38px;font-weight:bold;}
.cashe-thin .btn span{font-size:45px;font-weight:300;line-height:16px;width:30px;float:right;}
.cashe-thin .btn:after{content:"";width:45px;height:70px;position:absolute;left:0;top:-10px;transform: rotate(-20deg);
    background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%); -webkit-animation: cashe-thin-cta infinite 2s linear;animation: cashe-thin-cta infinite 2s linear;}
@keyframes cashe-thin-cta {from{margin-left:-40px;}to{margin-left:280px;}}
.offers-cross-sell-img{border-top:1px solid #fff;}
.offers-cross-sell-img a {display: block;}
.offers-cross-sell-img img {max-width: 100%;}