/*Common CSS*/
.class-mutual-fund .offers-section{padding-top:98px;padding-bottom:60px;}
.bbicons-help{cursor:pointer;display:inline-block;height:14px;width:16px;vertical-align:middle;background-position:4px -1209px}
.filter-section .tooltip-inner {background-color:#7af8bd;padding: 8px 10px;text-align:left;color:#038239;}
.filter-section .tooltip.right .tooltip-arrow {border-right-color:#7af8bd;}
.filter-section{box-shadow:none;}
.offers-heading-sticky.affix{top:98px;}
.class-mutual-fund .offer-section-content .card img {max-width:80px;width:auto;}
.class-mutual-fund .col-2 .value-adds{width:100%;float:right;}
/*Sticky Header*/
.sticky-invest-section {padding: 0 0 10px;background:#FDFDFD;border-bottom: 1px solid #d4d0d0;text-align:center;}
.sticky-invest-section .sticky-wrapper{display:table;margin:0 auto;width:100%;text-align:left;}
.sticky-invest-section .header-text{display:table-cell;font-size:22px;}
.sticky-invest-section .header-text .subtitle{display:block;font-size: 15px;line-height:15px;}
.sticky-invest-section .header-text .invest-highlight,.sticky-invest .footer-text .invest-highlight{color:#1698d8;}
.sticky-invest-section .header-text .bb-filter-link,.sticky-invest .footer-text .bb-filter-link{border-bottom:1px dashed #47a1c8;cursor:pointer;}
.sticky-invest-section .invest-now{display:table-cell;vertical-align: middle;padding: 10px 20px 0;}

/*Sticky footer*/
.offers-invest-section.sticky-invest-bottom{position:fixed;bottom:0;background: #fff;min-height:55px;width:100%;z-index:999;padding:8px;right:0;left:0;-webkit-box-shadow: -2px -2px 5px 0px  #d4d0d0;-moz-box-shadow: -2px -2px 5px 0px  #d4d0d0;box-shadow: -2px -2px 5px 0px  #d4d0d0;}
.offers-invest-section{background:#fff;padding:8px;}
.offers-invest-section .title{font-size:20px;}
.sticky-invest{font-size:22px;}
.sticky-invest-bottom .invest-now{float:right;}
.sticky-invest-section .bb-rupee-xs,.sticky-invest-bottom .bb-rupee-xs{font-size:16px;width:16px;}
/*Offer section*/
.offer-section-content section .row-same-height{height:75px;}
.offers-section .card,.offers-section .investment-amount,.offers-section .min-investment-amount,.offers-section .fund-performance,.offers-section .fund-performance-over-years,.offers-section .rating{width:25%;}
.offers-section .scheme,.offers-section .investment-amount,.offers-section .min-investment-amount,.offers-section .fund-performance,.offers-section .fund-performance-over-years,.offers-section .rating{text-align:center;}
.offers-section .offer-section-column.fund-performance,.offers-section .offer-section-column.fund-performance-over-years, .offers-section .offer-section-column.investment-amount, .offers-section .offer-section-column.min-investment-amount{font-size:13px;}
.offers-section .offer-section-column .value-description{font-size:12px;color:#999;}
.offers-section .offer-section-column .bb-rupee-xs{font-size:11px;}
.offer-section-content .row-same-height .offer-section-column:last-child {border-right:1px solid #d4d0d0;}
.offers-section .scheme{padding:0 22px;line-height:normal;}
.offer-section-content section{margin-bottom:31px;margin-left:2px;}
.offer-section-content .rating  .bbicons-help{margin-left:5px;}
.btn-invest {margin-left:22px;padding:8px 40px;}
.first-column-bottom-left-badge {left:1px;padding:5px;bottom:1px;line-height:12px;padding-right:10px}
.offer-section-content .offer-section-column.card{padding-bottom:25px}
.first-column-top-left-badge ~ .row-same-height .card{padding-top:25px;}

.mf-list .card{width:27%;}
.mf-list .select-card{width:23%;}
.mf-list .investment-amount,.mf-list .min-investment-amount, .mf-list .fund-performance, .mf-list .rating, .mf-list .fund-performance-over-years{width:20%;}

/*Detail Section*/
.offer-section-content .card nav {width:195px;}
.offers-section-details .col-0, .offers-section-details .col-1 {width:25%;}
.offers-section-details .col-2,.offers-section-details .col-3{width:50%;}
.offers-section-details .col-3{clear:left;}
.value-adds .title {display:block;color:#9d9d9d;}
.offers-section-details .value-adds li {width:auto;float:left;padding-right:20px;list-style:none;margin:0;text-align:center;}
.offers-section-details .downloads ul li {float:left;list-style:none;margin:0;width:50%;padding-bottom:0;}

/*Filter section*/
.filter-section li:last-child{border-right:0;}
.filter-section .slider.slider-horizontal .slider-track {height:12px;background-color:#c8cacd;background-image:none;border-radius:6px;}
.filter-section .slider.slider-horizontal .slider-selection{background-color:#116a9e;background-image:none;box-shadow:none;border-radius:6px 0 0 6px}
.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-divider{left:13px;position:absolute;top:15px;background-image:url(/images/mutual-fund/slider-divider-v1.png);width:91%;height:15px}
.filter-section .loan-amt-slider{text-align:center;padding:15px}
.filter-section .filter-tenure .slider.slider-horizontal{width:91%;}
.filter-tenure .input-group-without-btn .input-description{border-radius:0 6px 6px 0;padding:0 6px 0 0;width:80px;text-align:left}
.filter-section .slider.slider-horizontal{width:95%;margin:0 auto;height:28px;z-index:1;}
.filter-tenure .dropdown-footer .input-group-without-btn .form-control {border-radius:0;width:22px;}
.filter-section .slider-dropdown{width:454px;font-size:14px}
.filter-section .filter-invest .slider-dropdown{width:522px;}
.filter-section .tooltip{display:none}
.slider-min {padding: 7px 7px 0 0;}
.slider-max{padding:7px 0 0 7px}
.filter-section .right{margin-top:10px;}
.filter-section .tooltip.right .tooltip-arrow{top:35%;}
.filter-section .tooltip-inner{max-width:230px;}
.filter-btn .btn{padding:2px 5px 2px 0;}

/*Sprite*/
.bbicons-mail{background-position: 0 -1072px;min-width:25px;}
.bbicons-performance{background-position:5px -2646px;display:inline-block;vertical-align:middle;width:20px;}
.bbicons-investment-amount{background-position:6px -2575px;}
.bbicons-investment-goal{background-position:0 -2470px;}
.bbicons-investment-type {background-position:7px -2540px;}
.bbicons-tenure{background-position:9px -2609px;}

/*Footer Section*/
.bb-app-footer-lw p{color:#75787c;margin:5px 0;text-align:center;}
.bb-app-footer-lw .col-md-6{width:100%;text-align:center;}
.bb-app-footer-lw .container span{color:#75787c;}

/*Loading image*/
.offer-loadings .modal-dialog{width:90%; margin:0 auto;}
.offer-loadings.modal-backdrop.fade{opacity:1;}
.offer-loadings .modal-content{background-color:transparent;border:0 solid #000000;}
.offer-loadings .mf-loading-titles{width:50%;margin:0 auto;}
.offer-loadings h6{color:#fff;font-size:20px;}
.offer-loadings h5{color:#fff;font-size:26px;}
.offer-loading-modal{text-align:center;}
.offer-loadings .mf-loading-bg{dbImage_background-image:MF_LOADING_BG_MODAL;background-repeat:no-repeat;background-position:center 88px;height:585px;}
.offer-loadings .mf-loading{position:absolute;top:223px;left:50%;margin:0 auto 0 -384px;}
@media only screen and (max-width:1204px) {
    .offer-loadings .modal-dialog{width:100%;}
}

/*Badge icon*/
.badge-icon{border-radius:4px;font-size:7px;background:#ff6701;padding:3px 2px 3px 4px;color:#fff;margin-right: 10px;vertical-align:text-top;font-weight:bold;}
.badge-icon-circle {width:0;height:0;border-top: 6px solid transparent;border-left: 7px solid #ff6701;border-bottom: 7px solid transparent;position:relative;display:inline-block;vertical-align:middle;right:-7px;top:-1px;}
.badge-icon-circle::before{content:'';width:4px;height:4px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
    background-color: #fff;position:absolute;left:-12px;top:-2px;}


/*Filter Section*/
.filter-investment-goal-less{height: 50px; vertical-align: middle;display: table-cell;}
.filter-section .filter-investment-goal-less .radio {height: 40px; vertical-align: middle; display: table-cell;}
.filter-section .filter-investment-goal-less .radio .icons{color: #bdc3c7; top:10px;}
.filter-section .dropdown .filter-investment-goal-less li{max-width: 125px; margin-right: 10px; vertical-align: middle; display: table-cell;}

.mf-portfolio .sticky-invest-section{text-align:right; width:100%; margin-right:8px;}
.mf-portfolio .sticky-invest-section .invest-now{padding:10px 0 0;width:185px;}

.filter-section .filter-investment-type .dropdown-menu {width:150px;}
.filter-section .filter-investment-type-less .radio .icons {color: #bdc3c7;}
.filter-section .dropdown .filter-investment-type-less li {margin:3px 0;}
.filter-section .filter-investment-type-less .radio .icons{top:0;}
.filter-section .dropdown .filter-investment-type-less{margin:10px 0;}
.filter-section .navbar{padding:0;}
.filter-section .filter-btn li{padding:0 1px; margin-bottom:3px;}
.filter-section{-webkit-font-smoothing: antialiased;}
.mf-portfolio.portfolio .navbar-nav .dropdown-menu{top:40px;}
.mf-portfolio .sticky-invest-section{margin-top:0;}
.mf-portfolio .filter-tenure .dropdown-menu{top:40px;}
.safari.mac .mf-portfolio .offers-heading-sticky.affix{top:115px;}
.mf-portfolio .navbar-brand,.mf-list .navbar-brand, .mf-portfolio .navbar-nav .dropdown-toggle, .mf-list .navbar-nav .dropdown-toggle, .filter-section .navbar-nav .dropdown-toggle{font-size:13px;font-weight:normal;color:#000;}

/*Filter Tab Section */
.offer-count-filter .details-tab{margin:10px 0 0 0;}
.offer-pg-tab li:first-child{visibility:hidden;width:15px}
.offer-pg-tab li .radio.checked{color: #34495e;border: 1px solid #ddd;border-bottom-color: #fff;border-top-right-radius: 5px;border-top-left-radius: 5px;cursor: default;}
.offer-pg-tab li .radio{padding:5px 15px;margin:0;color: #38acc9;font-size: 14px;cursor: pointer;}
.offer-pg-tab li .radio .icons{display:none}

.fund-performance-over-years{text-align:center;}
.fund-performance-over-years .two-column-title{display:none;}
.fund-performance-over-years .two-column{display:inline-block;margin: 0;border-right:1px solid #d4d0d0;padding:0 4px;vertical-align:top}
.fund-performance-over-years .two-column:nth-child(2),.fund-performance-over-years .two-column:last-child{border-right:0;}
.two-column:nth-child(2) .bbicons-performance{vertical-align:top}

@media only screen and (max-width: 1106px) {
    .mf-portfolio.filter-section .filter-btn, .mf-list.filter-section .filter-btn {width:auto;padding:0;float:right;}
    .filter-section .dropdown-menu {top:40px;}
    .mf-portfolio .sticky-invest-section .invest-now {padding:10px 6px 0 0;}
    .mf-list .sticky-wrapper,.sticky-invest-section .header-text{padding:0 10px;}
}
@media only screen and (max-width:1024px) {
    .offer-section-content section{margin-left:0;}
    .filter-section .bbicons-help{display:none;}
    .offer-section-content .card nav {width:100%;}
    .ipad .filter-section .navbar{padding:0 5px;}
    .mf-portfolio.filter-section .filter-btn, .mf-list.filter-section .filter-btn {float:left; padding:5px 0;}
    .mf-portfolio.portfolio .filter-tenure .dropdown-menu{right:0;}
    .mf-portfolio .filter-tenure .dropdown-menu:before {left:35px;}
    .mf-portfolio .filter-tenure .dropdown-menu:after {left:36px;}
    .ipad .mf-list .filter-investment-amount .dropdown-menu:before {left:120px;}
    .ipad .mf-list .filter-investment-amount .dropdown-menu:after {left:121px;}
    .mf-list.liquid-funds .filter-investment-amount .dropdown-menu:before{left:12px;}
    .mf-list.liquid-funds .filter-investment-amount .dropdown-menu:after{left:13px;}
    .mf-portfolio .filter-btn, .mf-list .filter-btn{clear:left;}
    .mf-portfolio .sprite-offers,.mf-list .sprite-offers{width:24px;}
}
@media only screen and (max-width:980px) {
    .offers-section-details .downloads ul li{width:100%;}
    .filter-section .filter-btn li{padding: 0;}
    .offer-loadings .modal-dialog{width:100%;}
    .mf-portfolio .filter-tenure .dropdown-menu{right:0;}
    .mf-portfolio .filter-tenure .dropdown-menu:before{left:232px;}
    .mf-portfolio .filter-tenure .dropdown-menu:after{left:233px;}
    .mf-list .select-card{width:18%;}
    .mf-portfolio.portfolio .filter-btn {padding-top:5px;}
    .mf-list.tax-savings .btn-group, .mf-list.liquid-funds .btn-group {top:-10px;}
    .mf-portfolio .navbar-nav .dropdown-menu{top:40px;}
    .mf-portfolio.portfolio .filter-tenure .dropdown-menu:before{left:230px;}
    .mf-portfolio.portfolio .filter-tenure .dropdown-menu:after{left:231px;}
    .mf-portfolio.portfolio .navbar .navbar-nav, .mf-list.tax-savings .navbar .navbar-nav {float: initial !important; clear: none;}
    .mf-portfolio .navbar-nav .filter-tenure .dropdown-menu:before{left:309px;}
    .mf-portfolio .navbar-nav .filter-tenure .dropdown-menu:after{left:310px;}
    .mf-list.liquid-funds .filter-investment-goal .dropdown-menu,
    .mf-list.liquid-funds .filter-investment-type .dropdown-menu,
    .mf-list.liquid-funds .filter-investment-amount .dropdown-menu{top:40px;}
    .mf-list.tax-savings .filter-investment-goal, .mf-list.tax-savings .filter-investment-type{top:40px;}
    .mf-portfolio .bbicons-drop-arrow{width:18px;}
    .mf-portfolio .bbicons-drop-arrow{background-position:1px -572px;}
    .sticky-invest-section .header-text, .sticky-invest{font-size:16px;}
    .sticky-invest-section .header-text .subtitle{font-size:13px;}
    .sticky-invest-section .header-text{padding-top:8px;}
    .sticky-invest-section .bb-rupee-xs, .sticky-invest-bottom .bb-rupee-xs{font-size:12px;width:12px;}
    .offers-section .fund-performance-over-years, .mf-list .fund-performance-over-years{width:35%;}
}