/*Common Styles*/
.offer-logo-lg, .offer-logo-md{max-width:70px;}
.bbicons-deposit-amount {background-position: 4px -2710px;}
.bbicons-tenure {background-position: 2px -566px;}
.bbicons-institution-type {background-position: 2px -2472px;}
.bbicons-interest-type {background-position: 2px -2512px;}

/*offers-row styles*/
.offer-section-content{padding:7px 0;}
.offers-row{background-color:#FFFFFF;box-shadow:0 0 3px #a09c9c;border-top:1px solid #bdc3c7;border-bottom:1px solid #bdc3c7;margin-bottom:12px;position:relative;}
.offers-row:last-child{margin-bottom:0;}
.offers-row span, .offers-details-row span{line-height:normal;}
.offers-row .offers-row-cta {display: table;width: 100%;}
.offers-page .offers-row .offers-row-cta{max-height: 120px;}
.offers-row .offers-row-cta, .offers-details-row{width:100%;overflow:hidden;position:relative;}
.offers-details-row {border-bottom: 1px solid #ebedee;}
.offers-row .offers-row-cta .col-top, .offers-details-row .col-top{padding:14px 5px;vertical-align:middle;}
.emi-mobile-section span:first-child,.interest-rate-mobile-section span:first-child{min-height: 15px;}
.processing-fee-mobile-section span:first-child{min-height: 17px;}

.offers-section .offers-row-cta .details-link-section, .offers-details-row .details-link-section{color:#4691c3;text-decoration:underline;float:right!important;padding:10px;position:absolute;bottom:5px;top:auto;right:26px;height:auto;}
.offers-section .card-section span,.offers-section .bank-image-section span{display:block;word-wrap:break-word;}
.offers-section .card-section .bestvalue::before {border-color: #f64747 rgba(0, 0, 0, 0) #f64747 #f64747;border-style: solid;border-width: 7px 5px;content: " ";height: 0;position: absolute;right: -15px;top: 0;width: 8px;}
.offers-section .card-section .bestvalue {background-color: #f64747;color: #fff;display: inline-block;font-size: 10px;height: 14px;left:0;line-height: 11px;padding: 2px 5px 2px 7px;position: absolute;top: 0;z-index:5;}
.offers-section .card-section img,.offers-section .bank-image-section img{float:none !important;}
.offers-section .card-section span.js-text-title,.offers-section .bank-image-section span.js-text-title{display:block;width:100%;}
.offers-section .savings-mobile-section, .bbicons-offer-mobile-section{border-top:1px solid #ebedee;border-bottom:1px solid #ebedee;float:right !important;min-height:45px;width:75%;}
.offers-row .offers-row-cta .bbicons-offer-mobile-section, .offers-details-row  .bbicons-offer-mobile-section{padding:0;}
.offers-section .savings-mobile-section .number-value, .offers-section .savings-mobile-section .bb-rupee-xs{color:#1abc9c;font-weight:bold;}
.offers-section .savings-mobile-section .bg-grey{color:#999;}
.offers-section .emi-mobile-section{border-right: 1px solid #ebedee;font-weight:bold;min-height:66px;width:23%;}
.offers-section .userrating, .offers-section .user-rating {background: #38acc9; border-radius: 4px;color: #ffffff;margin: 5px auto;padding: 3px;width: 50px;}
.select-offers-btn{position:absolute;font-size:14px;right:7px;bottom:9px;}
.offers-section .bbicons-flash{background-position:-14px -804px;float:left;width:24px;height:20px;}
.shortlist {cursor: pointer;height: 38px;position: absolute;right: 0;top: 1px;width: 38px;z-index: 1;}
.shortlist {background-position: -7px -957px;}
.shortlist a {display: inline;float: right;}
.shortlist img {width: 16px;margin: 6px 4px 0 0;}
.icon-save, .icon-saved {animation: shortlist-animation linear 1s;animation-iteration-count: 1;transform-origin: 50% 50%;-webkit-animation: shortlist-animation linear 1s;-webkit-animation-iteration-count: 1;-webkit-transform-origin: 50% 50%;-moz-animation: shortlist-animation linear 1s;-moz-animation-iteration-count: 1;-moz-transform-origin: 50% 50%;-o-animation: shortlist-animation linear 1s;-o-animation-iteration-count: 1;-o-transform-origin: 50% 50%;-ms-animation: shortlist-animation linear 1s;-ms-animation-iteration-count: 1;-ms-transform-origin: 50% 50%;}

/*fixed deposit*/
.offers-section .card-section{border-right:1px solid #ebedee;padding:10px 0;width:23%;text-align:center;}
.offers-section .card-section.col-top{padding-left:0;padding-right:0;}
.offers-section .card-section span {display:block;overflow:hidden;}
.offers-section .card-section span img.pull-left{float:none !important;}
.offers-section .card-section span.js-text-title{display:block;width:100%;}
.offers-section .card-section span.sub-title{display:none;}
.offers-section .offers-row-cta .card-section{width:25%;}
.offers-section .tenure-mobile-section{border-right:1px solid #ebedee;padding:10px 0;width:20%;text-align:center;vertical-align:middle;}
.offers-section .tenure-mobile-section .bb-rupee-xs{margin-right:-3px;text-indent:-3px;}
.offers-section .tenure-mobile-section .value-description{color:#999;display: block;font-weight: normal;}
.offers-section .tenure-mobile-section .additional-coverage{background: rgb(93, 226, 156) none repeat scroll 0% 0%;display: block;top: -33px;position: relative;text-transform: uppercase;color: #fff;padding: 3px;}
.offers-section .interest-rate-mobile-section{border-right:1px solid #ebedee;padding:10px 0;width:23%;text-align:center;vertical-align:middle;}
.offers-section .interest-rate-mobile-section .value-description{color:#999;display: block;font-weight: normal;}
.offers-section .maturity-amount-mobile-section{padding:10px;width:29%;text-align:left;vertical-align:middle;}
.offers-section .maturity-amount-mobile-section .premium-title, .offers-section .maturity-amount-mobile-section .value-description{color:#999;display:block;font-weight:normal;}
.offers-section .maturity-amount-mobile-section .bb-rupee-xs{text-indent:-2px;margin-right:-3px;}
.tax-saver{background:#f74447;position:absolute;display:block;top:0;left:0;color:#fff;margin-left:0;padding: 2px 12px 2px 5px;}
.tax-saver:after{content:"";display:inline-block;position:absolute;border:9px solid white;border-color:transparent #fff transparent transparent;right:0;top:0;}

/*Tab*/
.highlights{border-left:1px solid #ebedee;width:75%;float:right;margin-right:1px;}
.highlights li{float:left;border:1px solid #FFFFFF;border-bottom:none;}
.highlights .disabled {background-color:transparent;border:1px solid transparent;opacity: .18;}
.highlights .disabled a{pointer-events:none;}
.savings-breakup strong, .special-offer strong{display:block;font-size:13px;padding:6px 10px;border-bottom:1px solid #BDC3C7;font-weight:bold;}
.savings-breakup .savings-breakup, .special-offer li{padding:6px 10px;font-size:12px;}
.special-offer li span{line-height:1.72222;}
.savings-breakup ul{list-style:outside none none;margin:0;padding:0;}
.savings-breakup ul li{display:block;border:0 solid #FFFFFF;padding:5px 0;}
.highlights-foot{border-top:1px solid #BDC3C7;padding:6px 10px;font-size:13px;font-weight:bold;}
.tab-content{position:relative;}
.tab-content .savings-breakup{background-color:#fdfdd0;}
.highlights .active{border:1px solid #BDC3C7;border-bottom:none;padding-bottom:1px;}
.highlights .savings-breakup.active{background:#fdfdd0;}
.highlights .coupons.active, .special-offer.active{background:#c8f2ec;}
.call.active{border:0;}
.offers-section .tab-content .tab-pane{border:none;z-index:1;border-top:1px solid #BDC3C7;}
.offers-section .tab-content .popover-content{padding:6px 13px;}
.offers-section .tab-content .tab-pane button.close, .tab-content .tab-pane button.close:hover{background-color:transparent;position:absolute;right:1px;top:2px;z-index:1;}
.offers-section .tab-content .tab-pane button.close span{font-size:21px;margin:0;padding:0;z-index:1;}
.offers-section .coupon-section{border:none;}
.coupon-section .bb-rupee-xs{width:20px;line-height:normal;padding:5px 5px;}
.coupon-section .view-details{color:#38acc9;}

/*Filter Section Starts*/
.filter-modal .number{font-weight: normal;}
.slider-dropdown .btn {border-radius:2px;margin-left:13px;padding:6px 14px;}
.filter-tenure .form-control{width:100%;}
.filter-tenure .input-description, .filter-interest-rate .input-description{border-radius:3px;width:64px;text-align:left;}
.filter-slider-form .col-md-12.pad-none{height:28px;}
.filter-interest-rate .js-checkbox-label{float:left;width:33.3%;}
.filter-interest-rate ul{overflow:hidden;}
.filter-interest-rate .filter-section .checkbox.checked{background-color:#FFFFFF;}
.filter-section .filter-interest-rate .loan-amt-slider{padding:0;}
.filter-car-model .filter-option{color:#000000;display:inline-block;font-size:12px;}
.filter-car-model .dropdown-toggle{outline:none;width:100%;}
.filter-car-model li a{display:block;padding:10px 15px;overflow:hidden;}
.filter-car-model .dropdown-menu{overflow-y:inherit !important;}
.filter-loan-amount .ui-slider-range, .filter-tenure .ui-slider-range{background-color:transparent;}
.filter-tenure .slider-dropdown .input-group-without-btn {width: 100%;}
.filter-tenure .slider-dropdown .dropdown-footer .form-control{float: left;text-align: left}
.filter-tenure .slider-dropdown .input-group-addon{float:left;padding:10px 0;width:50%;text-align:left;}
.filter-interest-rate-filter .slider-dropdown .input-group-addon{width:auto; padding: 10px 5px;}
.filter-interest-rate-filter .selected-banks-wrapper .col-xs-5,.filter-emi-mobile .selected-banks-wrapper .col-xs-5{width: 100%; padding: 10px 0;}
.filter-emi-mobile .selected-banks-wrapper .col-xs-4{width: 50%;}
.filter-interest-rate-filter .selected-banks-wrapper .col-xs-4{width: 42%;}
.filter-interest-rate-filter .js-slider-form ul{overflow: hidden;width: 94%;display: inline-block;}
.filter-interest-rate-filter .js-slider-form li{float: left; width: 31%;}
.filter-section .filter-interest-rate-filter .checkbox.checked{background-color: transparent;}

/*.filter-tenure .dropdown-menu form{ padding:0 10px;}*/
.filter-tenure .checkbox, .filter-tenure .radio{padding: 3px 0 3px 26px;}
.filter-section .filter-tenure .checkbox .icons, .filter-section .filter-tenure .radio .icons {left: 0px;}
.filter-tenure .head{font-weight:bold;padding:0 0 4px;display: block;font-size: 14px;}
.filter-tenure .popular-tenures, .filter-tenure .best-rates, .filter-tenure .select-tenures{float: none;border-bottom: 1px solid #f5f5f5;padding: 10px 0;}
.filter-tenure .select-tenures{border-bottom:none;display: table;}
.filter-tenure .popular-tenures li{width:49%;display:inline-block;}
.filter-section .filter-tenure .checkbox.checked{background:none;}
.filter-section .filter-tenure .select-tenures .col-xs-4{padding-left:0;}
.filter-section .filter-tenure .filter-section-link {clear: both;padding: 0 25px 10px 15px;font-size: 12px;}
.filter-section .filter-tenure .filter-section-link a {color: #38ACC9;}
.filter-section .filter-tenure.open > .dropdown-menu{display:table;}
.filter-section li{text-transform: capitalize;}

/*Sliders Dropdown Section Starts*/
.filter-slider-form .slider .slider-handle{top:-6px;margin-left: -10px;margin-top: 0;}
.filter-section .slider-dropdown{width:100%;font-size:14px;}
.filter-section .slider.slider-horizontal{width:100%;margin: 0 auto 8px;height:28px;z-index:2;}
.filter-section .loan-amt-slider{float:none;margin:0 auto;padding:15px 0;text-align:center;width: 270px;}
.filter-section .slider.slider-horizontal .slider-track{background-color:#c8cacd;background-image:none;border-radius: 6px;width:270px;}
.filter-section  .slider.slider-horizontal .slider-track{height:12px;}
.filter-section .tooltip{display:none;}
.filter-section .slider-handle{background-color:#2e98d6;border-radius:50%;height:24px;width:24px;margin:0 0 0 -12px;opacity:1;z-index:1;}
.filter-section .slider.slider-horizontal .slider-selection{background-color:#116a9e;background-image:none;box-shadow:none;border-radius:6px 0 0 6px;}
.slider-dropdown .dropdown-footer .form-control{background-position:-6px -211px;border:medium none;box-shadow:none;float:right;text-align:right;}
.filter-emi-mobile .dropdown-footer .form-control,.filter-loan-amount .dropdown-footer .form-control{text-align:left;}
.slider-dropdown .input-group-addon{border:none;}
.slider-dropdown .input-group-without-btn{background-color:#ffffff;border:1px solid #d4d4d4;border-radius:4px;}
.slider-dropdown button.close{margin-right: 5px;float: right;display: inline-block}
#sticky-section.sticky nav {position: fixed;top: 46px;width: 100%;z-index: 6;}
.offer-name-mini{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.offers-section .value-description{padding-top: 5px;}
.offers-section .card-section .bbicons-help{display:none;} /* as per customer confirmation we applied */

/*Below 320 Resolution Devices Starts*/
@media(max-width:320px) {
    .offers-section .card-section img, .offers-section .bank-image-section img{width:30px;}
    .offers-section .card-section span, .offers-section .bank-image-section span{font-size:10px;}
    .offers-details-row .card-section, .offers-section .offers-row-cta .bank-image-section, .offers-details-row .bank-image-section{width:20%;}
    .offers-section .value-description{font-size:11px;}
    .offers-section .emi-mobile-section{width:30%;}
    .processing-fee-mobile-section{width:27%;}
    .offers-section .savings-mobile-section, .bbicons-offer-mobile-section, .highlights{width:80%;}
    .offers-row .offers-row-cta .col-top, .offers-details-row .col-top{padding:14px 2px;}
}
