/* CSS Document */
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('../../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Regular.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('../../fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Demi.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Demi.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**Header**/
html, body {
    padding: 0px;
    margin: 0px;
}

html {

}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px !important;
    overflow-y: scroll;

    overflow-y: scroll;
}

:focus {
    outline: 0px !important;
}

h1, h2, h3, h4, h5, h6, a, span.plan_title, .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .breadcrumb > li, .breadcrumb > li a, .explore_box p, .btn {
    font-family: '' Open Sans ', sans-serif; Sans Narrow', sans-serif;
}

h1, h2, h3 {
    font-weight: 500;
}

h4, h5, h6, {
    font-weight: 700;
}

.newplanux h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

a { /*font-size:16px;*/
}

.twofastop{
    margin: 20px;
    padding: 20px;
    background-color: #f8f1f1;
    border-radius: 6px;
    color: #000;
}


.btn {
    font-size: 14px;
}

.text12 {
    font-size: 12px !important;
    color: #000;
}

p, span, table, select, input {
    font-family: 'Open Sans', sans-serif;
}

p {
    text-align: justify;
}

.funds_header .menu_items {
    margin-left: 30px;
    margin-top: 15px;
}

section .container, footer .footer_container {
    padding-left: 25px;
}

.section_no_bar {
    margin-top: 90px;
}

table {
    background-color: #fff;
}

.dropdown-menu > li > a {
    font-size: 16px;
}

.table-super-saving > thead > tr > th {
    padding: 8px !important;
}

.breadcrumb > li {
    font-size: 16px;
}

.funds_header {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    background: #ffffff;
}

.funds_header .menu_items li a:hover, .funds_header .contact_info li a:hover {
    background: none;
    color: #8f6f2b;
}

.btn:focus, a:focus, .navbar-toggle {
    outline: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.funds_header .menu_items li.active a {
    color: #8f6f2b;
}

.funds_header .navbar-inverse .navbar-collapse {
    border-color: #e1e2e4;
    overflow-x: hidden;
}

.funds_header .navbar-inverse .navbar-toggle {
    background-color: #8f6f2b;
    border-color: #866725;
}

.navbar > .container .navbar-brand {
    margin-left: 0px;
}

.funds_header .navbar-inverse .navbar-nav > li > a {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

.txt-upper {
    text-transform: uppercase;
}

.bs-docs_nav {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    background-color: #414141;
    border-color: #414141;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
}

.bs-docs_nav .nav li a {
    color: #d4d4d4;
    font-size: 16px;
    text-transform: uppercase;
}

.bs-docs_nav .nav li a:hover {
    background: none;
    color: #ffffff;
}

.bs-docs_nav .nav li.active a {
    color: #ffffff;
}

.bs-docs_nav .nav li.active {
    position: relative;
}

.bs-docs_nav .nav li.active:after {
    content: '';
    height: 12px;
    width: 13px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.icon-download {
    background: url(../../images-new/postLogin/download.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-help {
    background: url(../../images-new/postLogin/help.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-chat {
    background: url(../../images-new/postLogin/chat.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.navbar-right .icon-download {
    margin-left: -6px;
}

.navbar-right .icon-help {
    margin-left: -6px;
}

.navbar-right .icon-chat {
    margin-left: -6px;
}

.icon-help {
    /*background:url(../../images-new/postLogin/help.png) no-repeat;
        width:20px;
        height:28px;
        display:inline-block;
        vertical-align:top;*/
}

.profile-container {
    border-radius: 30px;
    border: 3px solid #cccccc;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 5px;
}

.profile-container img {
    width: 100%;
}

.profile-name {
    color: #8f6f2b;
    display: block;
}

.contact_info {
    margin-top: 5px;
}

.contact_info .pos-rel {
    padding-top: 10px;
}

.contact_info li a {
    color: #5b5b5b;
}

.profile-info {
    margin-top: 15px;
    text-align: right;
}

.dis-inline {
    display: inline-block !important;
}

.pos-rel {
    position: relative;
}

.navbar-collapse {
    padding-left: 0px;
    /*max-height:550px;*/
    padding: 0 10px;
    max-height: none !important;
}

.navbar-header {
    padding: 0 10px;
}

.navbar-toggle {
    background-color: black;
    margin-top: -53px;
}

.navbar-toggle .icon-bar {
    background: #ffffff;
}

.back-btn {
    margin-top: 10px;
    padding-bottom: 2px;
}

.icon-back-btn {
    background: url(../../images-new/postLogin/back-btn.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.tablesize {
    width: 50%;
}

.STPTableSize {
    width: 80%;
}

.STPTableSize td {
    padding: 10px;
}

/* Dashboard CSS */

svg {
    max-height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.css_blink {
    background-color: #4A9E19;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    margin-left: 10px;
}

.css_blink:hover {
    text-decoration: none;
}

.css_blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

/*single menu header*/
.single-header-container .menu_items {
    float: none !important;
}

.single-header-container .txt-upper {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-top: 30px !important;
}

.single-header-container .navbar-collapse li.active a {
    color: #8f6f2b;
}

.single-header-container .navbar-collapse li a:hover {
    background-color: transparent;
    color: #8f6f2b;
}

.single-header-container {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4d4d4; /*for ie8*/

}

.removepad {
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}

.navbar-collapse .navbar-nav.navbar-right:last-child, .bs-docs_nav .navbar-right {
    margin-right: 5px !important;
}

/*Breadcrum Styles*/
.breadcrumb {
    margin: 10px 0px 10px 0px;
}

.breadcrumb {
    background-color: transparent !important;
    padding: 0;
    line-height: 30px;
}

.breadcrumb > .active {
    color: #2f3436;
}

.clr-both {
    clear: both;
}

.over-auto {
    overflow: auto;
}

.border {
    border: 1px solid #dedede;
    padding: 15px 20px;
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

.right_sidebar {
    height: 634px;
    overflow-y: auto;
}

/**eky css**/

.whitetext {color:#fff!important; font-size: 14px;}

.ekydiv{padding:25px 40px;}

.ekybutton{ background-color: #18d69e;
    border-radius: 30px;
    padding: 10px 35px;
    font-size: 20px;
}

.ekyc-no-margin
{
    margin: 0px !important;
}

.section_margin_newdash{
	margin-top: 135px;
}

.s-exclusive
{
    font-size: 10px;
    background-color: #FF5050;
    color: white;
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 4px;
    border-radius: 15px;
    padding-bottom: 1px;
    font-weight: 600;
    display: inline-block;
}

.redirect-text {
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 20px;
}

.error-msg {
    font-size: 10px;
    color: red;
    margin-bottom: 10px;
    width: 37%;
    display: none;
}

.fip_nps_fd_contest {
    display: none;
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    right: 10px;
}

.fip_nps_fd_image {
    width: 100%;
}

.fip_nps_fd_close {
    right: 3px;
    position: absolute;
    width: 15px;
    cursor: pointer;
}

@media only screen and (max-width:1100px){
    .ekydiv 
    {
        padding: 20px 20px;
    }
}

@media only screen and (max-width:640px){
    .section_margin_newdash {
     margin-top: 0px;
    }
    .ekydiv {
        padding: 10px 20px;
    }

    .stp-modal-dialog {
        width: auto !important;
    }
}

@media only screen and (max-width:767px) and (min-width:641px){
    .section_margin_newdash {
        margin-top: 85px;
    }
    .ekydiv {
        padding: 10px 20px;
    }
}
.italic{font-style:italic}

.smallfont{font-size: 14px; text-decoration: underline; color: #fff; font-family: 'Open Sans', sans-serif;}

.smallfont a:link{font-size: 14px; color: #fff; text-decoration: underline;}

.ekycmargin{/*margin:-15px;*/}

.divrightwhiteline{border-right:1px solid #fff; height:100%;}
.divleftwhiteline{border-left:1px solid #fff; height:100%;}

.bov-sub-text
{
    display: block;
    margin: 0 auto;
    background: #F0EFE5;
    padding: 15px 15px;
    line-height: 20px;
    border: 1px solid #eee;
    font-weight: bold;
    font-size: 14px;
    color: #ED5F31;
}

.bov-canvas
{
    background-color: #E6E6E6 !important;
}

.bov-regulation-text
{
    color: #999;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.bov-regulation-text-light
{
    color: #C5C5C5;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.bov-upload-button
{
    border-color: #2e6da4;
    color: #2e6da4;
    font-size: 17px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 46px;
    border-radius: 10px;
}

.bov-proceed-button
{
    background-color: #959595;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 15px 35px;
    border-radius: 10px;
}

.bov-proceed-button-active
{
    background-color: #00B489;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 15px 35px;
    border-radius: 10px;
}

/**Explore Dropdown**/

.explore_box {
    border: 1px solid #d9d9d9;
    box-shadow: 1px 2px 6px 2px #e2e2e3;
    background: #fafafc;
    position: absolute;
    /*top: 96px;*/
    right: 0px;
    left: 0px;
    width: 980px;
    /*overflow: visible !important;*/
    margin: 0 auto;
    padding-bottom: 20px;
    z-index: 999999999;
}

.explore_box .col-md-5 {
    border-right: 1px dotted #d9d9d9;
    padding-left: 0px;
    padding-right: 0px;
}

.explore_box .col-md-2 {
    padding-left: 0px;
    padding-right: 0px;
}

.explore-arrow {
    left: 430px;
    position: fixed;
    top: 55px;
    /*right: 37.3%;*/
    z-index: 9999999999;
}

.explore_box .col-md-12:first-child {
    height: 30px;
    margin-top: 5px;
}

.explore_box .col-md-12 {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}

.explore_box .heading {
    color: #000000;
    margin-left: 20px;
}

.explore_box p {
    color: #8f6f2b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.funds_header .menu_items li a {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.dropdown-menu.explore_box li a {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}

.explore-ct .icon_cross {
    position: absolute;
    right: 9px;
    top: 10px;
    z-index: 99999;
    cursor: pointer;
}

.dropdown-menu.explore_box li a:hover {
    color: #8f6f2b;
}

.explore_cont {
    right: 0px;
    width: 880px;
    margin: 0 auto;
    float: none;
    top: 65px;
}

.navbar-nav > li.explore_link {
    position: static;
}

.explore_box .col-md-2 .col-md-12:first-child img {
    padding-right: 15px;
}

.navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
    display: none;
}

.img-responsive {
    margin-right: 30px;
}

.explore_box .col-md-5:first-child img {

    width: 100%;
}

.exploredropdown_container ul.bullets {
    padding-left: 20px;
}

.explore_box .col-md-12 .col-md-6:nth-child(2) {
    padding-left: 0px;
}

.dis-block {
    display: block;
}

.single-anchor-style {
    font-size: 16px;
}

/**Footer**/
.footer_bg {
    padding: 15px 0;
    background: #333333;
    width: 100%;
    margin-top: 20px;
}

.footer_container {
    color: #cccccc;
    font-size: 14px;
    line-height: 26px;
}

.footer_container li span {
    color: #fff;
}

.footer_container li a {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.footer_container li.active a {
    color: #6298ec;
}

.footer_container .footer_static {
    font-size: 13px;
}

.footer_container .col-md-7 {
    padding-right: 14px;
}

/**header_no_bar***/
.header_no_bar .navbar-header {
    display: block !important;
}

.header_no_bar .bs-docs_nav .navbar-header {
    display: none !important;
}

.header_no_bar .bs-docs_nav {
    background: none;

}

.header_no_bar .divider {
    display: none;
}

.stp-inv-schemelist, .inv_swi_tran_div, .quick_trans_search_div, .vip_instr_div, .inv_val_ip_div, .VIP_add_scheme_div, .trigger_purchase_search_div, .trigger_calc_div {
    height: 470px
}

.vtp_instructions_div, .bonds_home_page_div {
    height: 570px;
    overflow-y: scroll;
}

.ttransupload_div, .ttransuploadstatus_div {
    padding-bottom: 70px !important;
}

.inv_switrans_action {
    height: 520px
}

.easy_inv_st_lt {
    height: 460px
}

.qk_trans_cur_stat_lst {
    width: 100%
}

.easy_trans_home {
    margin-bottom: 60px !important
}

.eq_transaction_div {
    margin-bottom: 60px;
}

.quick_transfer_home {
    height: 450px;
}

.trigger_setup_main_div {
    height: 470px;
}

.trigger_setup_main_radio_div {
    height: auto !important;
}

.sidebar-offcanvas {
    z-index: 101;
}

.padding-top-five {
    padding-top: 1px;
}

.offline_redempdf_table {
    margin-top: 30px
}

.offline_redempdf_table td {
    padding: 15px;
}

.fixed_deposit_list_div {
    padding-bottom: 50px;
    overflow-x: scroll;
}

.fixed_deposit_in_div {
    float: left;
    padding-top: 10px;
}

.fd_process_flow_div, .fd_faq_div {
    padding-bottom: 80px;
    overflow-x: scroll;
}

.fd_faq_table {
    display: block;
    padding: 10px;
}

.hdfc_fd_div, .dhfl_fd_div, .mahindra_fd_div, .NHB_fd_div, .fd_processflow_div, .corporate_fd_div, .shriram_fd_div, .icici_fd_div, .shriram_city_fd_div, .dhfl_swayamsidha_fd_div, .rdhdfc_fd_div, .lic_housing_fd_div, .hudconew_fd_div, .PNBH_new_fd_div, .fd_scheme_list_div, .fd_portfolio_div, .fd_confirmation_div, .fdCompare_fd_div {
    width: 100%;
    height: 580px;
    overflow: auto;
    padding: 0px 30px 0px 30px;
}

.hdfc_fd_invest_now_btn {
    margin-top: 20px;
}

.btst_Shares_div, .general_equity_ETFSip_div {
    margin-bottom: 40px
}

.quote_Details_table_2_div, .equity_Investor_Create_div {
    margin-bottom: 70px
}

.equity_input_fields {
    height: auto;
    width: auto
}

.white-bg-color, .white-bg-color > li.active {
    background: #ffffff !important;
}

.select_opt_font {
    font-size: 13px !important;
}

.equity_home_action_tab > li.active {
    font-size: 14px !important;
}

.btn_watch_list_ajax {
    width: 39px;
    padding: 4px;
    font-size: 14px !important
}

.watchlist_delete_icon, .md_delete_icon {
    color: #ec4758;
    font-size: 19px
}

.equity_today_pending_orders_div, .equity_today_pending_orders_div {
    padding: 5px 20px 15px 20px;
}

.equity_payment_gateway_two_grid {
    text-align: center
}

.equity_payment_gateway_other_title h3 {
    font-weight: bold;
}

.equity_payment_gateway_other_note {
    margin-left: 30px;
}

.equity_payment_gateway_other_row {
    margin-bottom: 60px;
}

.equity_h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.equity_basket_select_medium {
    width: auto;
    max-width: 300px;
    display: inherit;
}

.equity_md_fields {
    display: inherit;
    width: inherit;
}

.md_tiny_inputfield {
    width: 75px;
}

.pagination {
    display: inline;
}

.equity_own_basket_search_button {
    margin-bottom: 0px !important
}

.equity_own_basket_select_scheme_input {
    float: left;
}

.equity_own_basket_select_scheme_back {
    float: right;
}

.equity_own_basket_search {
    margin-top: 10px;
}

.equity_own_basket_scheme_add {
    clear: both;
}

.equity_own_basket_get_quote_text {
    font-size: 14px;
}

.equity_divs_overflow {
    overflow: auto;
}

.sip-label {
    text-align: left !important;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option, .general_equity_etfsip_inv_select, .general_equity_etfsip_inv_label {
    padding-left: 0px;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option {
    padding-bottom: 10px;
}

.equity_gen_ETFSipList_div {
    overflow: auto;
}

.equity_general_etfsip_confirmation_buttons {
    float: right;
}

.market_watch_buy_add_buttons {
    width: 190px
}

.form_expand_button {
    cursor: pointer
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.faq-question {
    color: #179d82 !important;
}

.fd-process-flow-imgs > a > img {
    width: 25%;
}

.myacc_dashboard > li.active {
    border-left: none !important;
}

.inv_ind_reg_name {
    width: 250px;
}

.sips_first_payment {
    padding-left: 30px;
}

.table-small-checkbox, .table-small-checkbox label {
    padding-left: 5px
}

#indicesList a {
    color: #337ab7;
}

.display_inline {
    display: inline !important;
}

.no_wrap {
    white-space: nowrap;
}

#fancybox-overlay {
    z-index: 2002 !important;
}

#fancybox-wrap {
    padding: 0px !important;
}

.switch_to_classic_outer
{
    display: none;
}

@media (min-width: 1200px) {
}

@media (max-width: 768px) {
    .tablesize {
        width: 100%;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

}

.eq_trans_center {
    text-align: center
}

.equ_disp_order_popup {
    margin-top: 15px
}

.equity_own_basket_results_table {
    width: 100%
}

.equity_own_basket_search {
    overflow: auto
}

.margin-left-20 {
    /*	margin-left: 20px !important */
}

@media (min-width: 361px) and (max-width: 620px) {

    .colxstext {
        font-size: 12px !important;
    }
}

@media (min-width: 361px) and (max-width: 420px) {

    .alert.stp-inv-alerts.alert-info {
        width: 65% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 90px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 310px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px;
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
        margin-bottom: 450px
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }

}

@media (min-width: 361px) and (max-width: 390px) {
    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px !important;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }
}

@media (min-width: 321px) and (max-width: 360px) {

    .alert.stp-inv-alerts.alert-info {
        width: 55% !important
    }

    .button-stpinv-scheme-list, .button-swinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 95px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important;
    }
}

@media (max-width: 320px) {
    .alert.stp-inv-alerts.alert-info {
        width: 48% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 105px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 210px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_dv, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 80px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 560px !important
    }

}

@media (max-width: 420px) {
    .stp-hmobile-height {
        height: 660px
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        margin-bottom: 80px !important;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div {
        margin-bottom: 80px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 460px
    }

}

@media (max-width: 768px) {

    .btn-group-xs > .btn, .btn-xss {
        border-radius: 3px;
        margin: 100px 0px 0px 0px;
        font-size: 12px;
        line-height: 1.5;
        padding: 1px 5px;
    }

    .stp-select {
        width: 195px !important;
    }

}

@media (max-width: 1024px) {

    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .sip_font_12 {
        font-size: 12px !important;
    }

}

@media (max-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;

    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {
        display: block;
    }

    /**/
    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 14px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

.bs-navbar-child-collapse {
    height: 400px !important;
}

a.list-group-item {
    font-weight: normal;
    font-size: 16px;
}

/* Landscape phones and down */
@media (max-width: 480px) {

    .right_sidebar {
        height: auto !important;
    }
}

/*for scrolling*/
/* Let's get this party started */
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px;
 border-radius: 10px;*/
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    /* background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);*/
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*-----------------------------------------Invest page start here---------------------------------------*/

@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;

}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
    width: 123px;
    font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

/*.radio_container {
        position: relative;
    margin-left: 100px;
    height: 365px;
    overflow: auto;
}*/
.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.libi .green {
    color: #7ed321;
}

.libi .red {
    color: #ff0000;
}

.equityMenuContent .nav-justified > li {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-justified > li a:hover {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    background: #3e4a55;
    border-bottom: 0 !important;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
/*::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
/*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
/*background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);
    }*/
::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}

*/

/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

/*-----------------------------------------Invest page end here---------------------------------------*/

/*-----------------------------------------Dashboard page start here---------------------------------------*/

/* CSS Document */
.dboardlink a {
    color: #000000;
    font-family: open sans;
    font-size: 13px !important;
    font-weight: normal;
}

.dboardlink th {
    color: #303030;
    font-family: open sans !important;
    font-size: 9px !important;
    font-weight: bold;
    padding: 3px 8px !important;
}

.dboardlink thead {
    background-color: #f9f9f9;
}

.panel-default {
    border-color: #ffffff !important;
}

.dboardlink .form-control {
    padding: 1px 2px !important;
    font-size: 12px;
    height: 25px;
}

/*.panel-body{padding:0px 5px !important;}*/
.tab-pane .btn {
    font-size: 13px;
}

.panel-heading {
    padding: 5px 15px;
}

.dashboard_tabbed_view {
    background: #ffffff;
}

.newlook {
    font-weight: normal;
    text-decoration: underline;
    margin-right: 20px;
}

/*sprites begin*/
.Gain, .Loss, .Thumbs_up, .Thumbs_down, .Graph, .Graph_active {
    background: url(../../images-new/postLogin/dashboardsprite.png) no-repeat;
    display: inline-block;
}

.Gain {
    background-position: -5px -3px;
    width: 12px;
    height: 15px;
}

.Loss {
    background-position: -29px -3px;
    width: 12px;
    height: 15px;
}

.Thumbs_up {
    background-position: -5px -27px;
    width: 15px;
    height: 15px;
}

.Thumbs_down {
    background-position: -28px -29px;
    width: 15px;
    height: 16px;
}

.Graph {
    background-position: -55px -3px;
    width: 19px;
    height: 17px;
}

.Graph_active {
    background-position: -55px -28px;
    width: 20px;
    height: 17px;
}

.resp-vtabs .resp-tabs-container {
    border-right: 0px solid #000;
}

/*sprites end*/

/*alert styles begin*/
.alert {
    font-size: 15px;
    margin-top: 10px;
    position: relative;
}

.alert .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.green_text {
    color: #3e854e;
}

.green_text_home {
    color: #18b20c;
}

.btn_invest, .btn_invest:hover {
    color: #fff;
    border: 1px solid #336699;
    background: #336699;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

.btn_payment, .btn_payment:hover {
    color: #fff;
    border: 1px solid #40854f;
    background: #40854f;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

/*alert styles end*/

/*plan new ux styles start*/

/*#canvas{
        display: flex;
        justify-content: center;
        align-items: center;
}*/

.section_margin {
    ext-align: center;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

.section_margin > h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 4px
}

.section_margin P {
    text-align: center;
}

.row-centered {
    width: 90%;
    margin: auto;
}

.planbox {
    background-color: #fff;
    box-shadow: -3px -1px 16px #A2A0A0;
    text-align: center;
    padding: 20px;
    margin: 10px auto;
    width: 210px;
    height: 230px;
    position: relative;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.planbox:hover {
    cursor: pointer;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    position: relative;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    box-shadow: 0px 0px 26px #888888;
    z-index: 1;
}

.newplanux .home_readmore {
    text-transform: uppercase;
    background-color: #0d4c8f;
    color: #FFF;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    top: -18px;
    z-index: 2;
    visibility: hidden;
}

.newplanux .boxed-wrapper-topdiv:hover .home_readmore {
    visibility: hidden; /* Hidden temporarily */
    display: inline-block;
    -webkit-transition: all ease 1.75s;
    transition: all ease 1.75s;
}

.main-menu-highlight {
    background-color: #5bd88d !important;
}

.main-menu-highlight a {
    color: #FFF !important;
}

/* Planbox animation on border */
.planbox:before, .planbox:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.planbox:before {
    border-top: 1px solid #2858A0;
    border-bottom: 1px solid #2858A0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.planbox:after {
    border-right: 1px solid #2858A0;
    border-left: 1px solid #2858A0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.arrow-right {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #2858A0;
    transform: rotate(-45deg);
    position: absolute;
    top: -17px;
    right: -4px;
}

.planbox:hover:before, .planbox:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.planbox h3 {
    font-size: 18px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: normal;
    color: #414141;
}

.planbox p {
    font-size: 11px;
    text-align: center;
    color: #848484;
}

.im-centered {
    margin: auto;
    width: 90%;
}

.footerright {
    float: right;
    margin: 5px 4% 10px 30px;
}

.footerleft {
    float: left;
    margin: 5px 30px 10px 3%;
}

.footerright img, .footerleft img {
    margin: 0px 10px
}

.right img, .left img {
    margin: 0px 10px 0 0;
}

.showoff, .showoff2 {
    background: green none repeat scroll 0 0;
    color: #fff;
    margin: 2em 6em;
}

.showoff2, .showoff:hover {
    background: red none repeat scroll 0 0;
    border-color: red;
    border-radius: 1em;
    color: #000;
    transform: scale(2);
}

.showoff2:hover {
    background: green none repeat scroll 0 0;
    border-color: green;
    border-radius: 0;
    color: #fff;
    transform: scale(1);
}

.showbox {
    background-color: #fff;
    border: 2px solid green;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 4em 1em;
    text-align: center;
    width: 100px;
}

.showbox1 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox2 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox3 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox1.slideright:hover {
    -webkit-transform: translate(3em, 0);
    -moz-transform: translate(3em, 0);
    -o-transform: translate(3em, 0);
    -ms-transform: translate(3em, 0);
    transform: translate(3em, 0);
}

.grid {
    padding: 20px 20px 100px 20px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid li {
    display: inline-block;
    width: 240px;
    margin: 0;
    padding: 20px;
    text-align: left;
    height: 400px;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
}

.grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.grid figcaption span:before {
    content: 'by ';
}

.grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}

/* Pre loader for newplan ux */

#loading.newplan #page {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-linear-gradient(bottom left, #000000 10%, #2858A0 65%, #0C2F72 125%);
    background: linear-gradient(to top right, #000000 10%, #2858A0 65%, #0C2F72 125%);
    /* background: -webkit-linear-gradient(bottom left, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    /* background: linear-gradient(to top right, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

#loading.newplan #phrase_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 150px;
    overflow: hidden;
    width: 260px;
}

#loading.newplan #phrases {
    -webkit-animation: slide-phrases-upward 20s;
    animation: slide-phrases-upward 20s;
}

@-webkit-keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

@keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

#loadingCheckCircleSVG-0 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-1 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-2 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-3 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-4 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-5 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-6 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-7 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-8 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-9 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-10 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-11 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-12 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-13 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-14 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-15 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-16 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-17 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-18 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-19 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-20 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
    fill: white;
    opacity: 0;
}

@-webkit-keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

#loadingCheckSVG-0 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}

#loadingCheckSVG-1 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

#loadingCheckSVG-2 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#loadingCheckSVG-3 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

#loadingCheckSVG-4 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

#loadingCheckSVG-5 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

#loadingCheckSVG-6 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

#loadingCheckSVG-7 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}

#loadingCheckSVG-8 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}

#loadingCheckSVG-9 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
}

#loadingCheckSVG-10 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
}

#loadingCheckSVG-11 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}

#loadingCheckSVG-12 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
}

#loadingCheckSVG-13 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
}

#loadingCheckSVG-14 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
}

#loadingCheckSVG-15 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
}

#loadingCheckSVG-16 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
}

#loadingCheckSVG-17 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
}

#loadingCheckSVG-18 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
}

#loadingCheckSVG-19 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
}

#loadingCheckSVG-20 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
}

@-webkit-keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

@keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

/* Pre loader for newplan ux  ends */

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
    margin-top: 70px;
}

.cs-style-1 figcaption span {
    display: block;
}

.cs-style-1 figcaption a {
    margin-top: 30px;
}

/* plan new ux - Homepage */

.newplanux .disabled .color-blue {
    color: #333333;
}

.newplanux .color-blue {
    color: #0454a0;
}

.newplanux .color-green {
    color: #56d98b;
}

.newplanux .planhome_big_font {
    font-size: 16px;
}

.newplanux .terms_condition {
    font-size: 12px;
    font-weight: 300;
}

.newplanux .checkbox.bordered-note {
    padding: 10px 30px;
}

.newplanux .checkbox.bordered-note label {
    font-weight: normal;
}

.pickyourgoal .form-control.full-bordered {
    display: inline-block;
    border: 1px solid #ccc;
    border: 1px solid #ccc !important;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    width: auto;
    min-width: 100px;
    margin: 0px 10px;
}

.newplanux .terms_condition a {
    color: #0d4c8f;
    font-weight: bold;
}

.newplanux h1.section-title {
    padding: 40px 0px;
    margin: 0px;
    font-size: 20px;
    text-transform: uppercase;
}

.newplanux h1.section-title .subhead {
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

.newplanux h1.section-title span {
    display: block;
    font-size: 70px;
    font-weight: bold;
}

.newplanux .grey-yellow-bg {
    background-color: #ddcfbd;
}

.newplanux .grey-blue-bg {
    background: #0c488b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0d4b8e, #0c2c6f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d4b8e, #0c2c6f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d4b8e, #0c2c6f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d4b8e, #0c2c6f); /* Standard syntax */
    border: 1px solid #fff;
    border-top: 0;
    border-bottom: 0;
}

.newplanux .grey-green-bg {
    background-color: #c5d6bf;
}

.newplanux .box-section {
    margin-bottom: 0px;
    overflow: hidden;
}

.newplanux .boxed-container {
    padding: 25px 30px 20px;
    z-index: 2;
    position: relative;
    min-height: 240px;
}

.newplanux .boxed-container img.hover {
    display: none;
}

.newplanux .boxed-wrapper:hover img.normal {
    display: none;
}

.newplanux .boxed-wrapper:hover img.hover {
    display: block;
    margin: 0 auto;
}

.newplanux .boxed-wrapper-topdiv #background {
    position: absolute;
    width: calc(100% - 30px);
    background: transparent;
    height: 100%;
    left: 15px;
    z-index: 1;
    top: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.newplanux .boxed-wrapper-topdiv:hover #background {
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
    background: #48cb7d;
    height: calc(100% - 38px);

}

.newplanux .caption {
    margin: 25px 0 20px;
    font-size: 14px;
    color: #56d98b;
    text-transform: uppercase;
}

.newplanux .caption span {
    text-transform: none;
}

.newplanux .box-section a, .newplanux a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*.newplanux .box-section .boxed-wrapper{
        border: 1px solid transparent;

}*/

.form-control.no-border {
    border: 0px !important;
}

.newplanux .box-section .boxed-wrapper:hover:before, .newplanux .box-section .boxed-wrapper:hover:after {
    bottom: 38px;
}

.newplanux .box-section .boxed-wrapper:before,
.newplanux .box-section .boxed-wrapper:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.newplanux .box-section .boxed-wrapper:before {
    border-top: 1px solid #5AD88F;
    border-bottom: 1px solid #5AD88F;
    -webkit-transform: scale(0, 1); /* Saf3.1+, Chrome */
    -moz-transform: scale(0, 1); /* FF3.5+ */
    -ms-transform: scale(0, 1); /* IE9 */
    -o-transform: scale(0, 1); /* Opera 10.5+ */
    transform: scale(0, 1); /* IE8+ - must be on one line, unfortunately */

}

.newplanux .box-section .boxed-wrapper:after {
    border-right: 1px solid #5AD88F;
    border-left: 1px solid #5AD88F;

    -webkit-transform: scale(1, 0); /* Saf3.1+, Chrome */
    -moz-transform: scale(1, 0); /* FF3.5+ */
    -ms-transform: scale(1, 0); /* IE9 */
    -o-transform: scale(1, 0); /* Opera 10.5+ */
    transform: scale(1, 0); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover:before,
.newplanux .box-section .boxed-wrapper:hover:after {
    opacity: 0;
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover {
    /* -webkit-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    -moz-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);	*/
}

.newplanux .boxed-wrapper-topdiv:hover .boxed-container .caption {
    color: #505050;
}

.newplanux .boxed-container .hover_visible_text {
    /*opacity: 0;
    font-size: 13px;
    min-height: 50px;
    -webkit-transition:0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,20px,0);
-moz-transform: translate3d(0,20px,0);
-ms-transform: translate3d(0,20px,0);
-o-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);*/
    color: #FFF;
}

.newplanux .boxed-container:hover .hover_visible_text {
    /*opacity: 1;
    -webkit-transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,5px,0);
-moz-transform: translate3d(0,5px,0);
-ms-transform: translate3d(0,5px,0);
-o-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0);*/
    color: #fff;
}

.newplanux .equiv_height {
    min-height: 400px;
}

.newplanux .white-container {
    background-color: #FFF;
}

.newplanux .white-rightcontainer {
    background-color: #FFF;
    margin-right: 15px;
}

.setgoal_container .warning_msg {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.setgoal_container .warning_msg i {
    margin-right: 5px;
}

/* Steper part */
.newplanux .goal_section {
    padding: 20px;
}

.newplanux .goal_part {
    padding: 10%;
}

.newplanux .goal_part > img {
    margin-bottom: 20px;
}

.newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
    font-size: 24px;
    margin: 15px 0px;
}

.newplanux .goalswap_link {
    margin: 20px 0px;
    font-size: 14px;

    text-decoration: underline;
    display: inline-block;
    position: relative;
    bottom: -30px;
}

.newplanux .setgoal_container {
    text-align: left;
}

.newplanux .right-section p {
    text-align: left;
    margin-top: 10px;
}

.newplanux .wizard-content {
    padding-top: 25px;
}

.newplanux .left-section.blue-bg {
    background-color: #0d4c8f;
    color: #FFF;
    min-height: 400px;
}

.newplanux .right-section h3 {
    margin-top: 0px;
}

.newplanux .right-section h3 + p {
    font-size: 16px;
}

.newplanux .white-bg {
    background-color: #FFFFFF;
}

.newplanux .left-section {
    margin-left: 15px;
    padding: 15% 8% 7%;

}

.newplanux .padd-rzero {
    padding-right: 0px;
}

.newplanux .left-section.blue-bg p {
    color: #fff;
}

.newplanux .left-section a {
    color: #ccc;
    font-size: 18px;
}

.newplanux .setgoal_container .container {
    padding-left: 15px;
}

.newplanux .setgoal_container .option-section {
    padding-left: 20px;
}

.newplanux .option-section .radio {
    margin-bottom: 10px;
}

.newplanux .option-section select.hide-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .right-section.portfolio .option-section {
    margin-top: 30px;
}

.newplanux .form-control {
    padding: 6px;
    padding-left: 0;
}

.newplanux .input-group.date .input-group-addon {
    padding: 6px 12px;
    font-size: 18px;
    color: #0d4c8f;
}

.carousel-count-submit {
    text-transform: capitalize;
}

.pickyourgoal .carousel-control.left span, .pickyourgoal .carousel-control.right span {
    top: -3px;
    position: relative;
}

.graph-section .left-section {
    padding-bottom: 30px !important;
}

.newplanux #container1 .highcharts-container {
    /*left: -28px;
top: -15px;*/
    font-size: 20px;
}

.newplanux .highcharts-data-labels {
    font-size: 20px;
}

.newplanux .incremental_box {
    width: 200px;
    margin: 0 auto;
}

.newplanux .incremental_box input {
    text-align: center;
    font-size: 24px;
}

.newplanux.onetime #monthlyAmount {
    background-position: 24px 14px;
}

.newplanux .incremental_box .btn {
    border: 0px;
    padding: 0px 10px;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}

.pickyourgoal .incremental_box .form-control {
    border-bottom: 0px !important;
}

.newplanux .forum-container .equity-name {
    padding-left: 0px;
}

.newplanux .forum-container .border-1 {
    border-left: 5px solid #134e8d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-2 {
    border-left: 5px solid #4d4d4d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-3 {
    border-left: 5px solid #5cd88e;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-4 {
    border-left: 5px solid #48a0f2;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-black {
    border-left: 5px solid #4d4d4d;
    padding-left: 15px;
}

.newplanux .forum-container .border-blue {
    border-left: 5px solid #084e8f;
    padding-left: 15px;
}

.newplanux .forum-container .border-green {
    border-left: 5px solid #3cb86d;
    padding-left: 15px;
}

.newplanux .forum-container .forum-item-title {
    font-size: 11px;
    font-weight: bold;
}

.newplanux .schemelist_footer {
    font-size: 13px;
    font-weight: 600;
}

.rowheight {
    height: 50px;
}

.newplanux .forum-container .forum-sub-title {
    color: #6f6f6f;
    font-size: 11px;
}

.newplanux .forum-container .pointing_arrow {
    color: #134E8D;
    font-size: 18px;
    font-weight: normal;
}

.newplanux .forum-container .carousel-control.left {
    right: 180px;
}

.newplanux .forum-info small {
    font-size: 70%;
}

.newplanux .align-center {
    text-align: center;
}

.newplanux span.views-number {
    font-weight: bold;
    font-size: 13px;
}

.wizard > .steps li.active {
    border-left: 0px;
}

.newplanux .align-right {
    text-align: right;
}

.newplanux .perform_link {
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    font-weight: 600;
}

.newplanux #sip-setup .ibox-content1 {
    width: 70%;
    margin: 0 auto;
    max-width: 400px;
}

.pickyourgoal .agile-list .success-element span {
    color: #6f6f6f;
}

.newplanux .pickyourgoal #task10 {
    padding: 10px 20px 5px;
    /* background-color: #f3f3f3; */
    background: #e2e2e2;
    border-bottom: 1px solid #fff;
}

.newplanux .pickyourgoal #task10 span {
    color: #6f6f6f;
}

.newplanux #sip-setup .pie_progress {
    right: 0px;
    margin: 0 auto;
    top: -2px;
    left: -7px;

}

.Windows .newplanux #sip-setup .pie_progress {
    left: 0px
}

.MacOS .newplanux #sip-setup .pie_progress {
    left: -3px
}

.newplanux .graph-container {
    position: relative;
    margin-bottom: 10px;
}

#sip-setup .highcharts-container {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#sip-setup .pie_progress {
    width: 250px;
}

#confirmation .page-heading i {
    font-size: 50px;
    color: #dbdbdb;
    margin: 0px 15px;
    position: relative;
    top: 8px;
}

#confirmation .breadcrumb > li + li:before {
    content: "";
}

#confirmation .breadcrumb h3 span {
    font-weight: normal;
}

#confirmation .bredcrumb_label {
    color: #6f6f6f;
    line-height: 16px;
}

#confirmation .breadcrumb h3 {
    color: #000;
}

#confirmation .breadcrumb {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

.newplanux .graph-section {
    background: #fff;
    text-align: left;
    padding: 6% 5%;
    /* margin-left: 15px; */
}

.newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
    padding: 15px;
}

.pickyourgoal .custom-btn {
    padding: 5px;
    width: auto;
    padding: 7px 25px !important;
}

.pickyourgoal .form-control.border-none {
    border: 0px !important;
    padding: 0;
}

.newplanux .nav > li > a:hover, .newplanux .nav > li > a:focus {
    background-color: transparent;
}

.newplanux .indicator_image {
    width: 14px;
}

.newplanux .wizard > .steps .active a .indicator_image {
    display: inline-block !important;
}

#confirmation .ibox-content table > thead {
    background-color: #0d4c8f;
}

#confirmation .ibox-content .table thead > tr > th {
    color: #FFF;
    text-align: left;
    padding-left: 20px !important;
    border-bottom: 0px;
    border-right: 1px solid #FFF;
}

.newplanux #confirmation .table tbody > tr > td {
    padding-left: 20px !important;
    background-color: #e8e8e8;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

#confirmation .pull-right .custom-btn {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.newplanux .pickyourgoal .down-arrow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .pickyourgoal .account-name {
    margin-top: 10px;
    font-size: 18px;
    padding-left: 0;
    color: #333333;
}

.newplanux .pickyourgoal select.refername {
    display: none;
    margin-left: 10px;
    margin-right: 10px;

}

.newplanux #confirmation .table tbody > tr > td.down-arrow {
    position: relative;
    outline: 1px solid #FFF;
    padding: 0 !important;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow select {
    padding-left: 15px;
    padding-right: 15px;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6d696d;
    border-style: solid;
    border-width: 0 0 15px 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.newplanux .cs-input {
    border: 1px solid #a2a2a2 !important;
    width: 100%;
    height: 34px;
    padding-left: 10px;
}

.newplanux .graph-heading {
    font-weight: 600;
    margin-bottom: 15px;
}

.newplanux .terms_link a {
    color: #428bca;
    font-weight: 400;
}

.newplanux .terms_link a:hover {
    text-decoration: none;
    color: #2a6496;
}

.pickyourgoal .wizard-step.active {
    z-index: 0 !important;
}

.sipsetup_success {
    text-align: center;
}

.sipsetup_success p {
    margin-bottom: 15px;
}

.sipsetup_success .videosize {
    width: 44%;
    height: 290px;
}

.newplanux .secondary_footer {
    margin-bottom: 10px;
    font-size: 22px;

}

.newplanux .secondary_footer a:hover {
    text-decoration: none;
}

.newplanux .secondary_footer a {
    color: #0d4c8f;
}

.newplanux .input_keynote {
    right: 0px;
    position: absolute;
    top: 15px;
    font-size: 11px;
    color: #888; /*#C4C4C4;*/
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

.expanddiv .panel {
    position: absolute;
    right: 42px;
    top: 80px;
    width: 0;
    height: 10px;
    background: red;
    position: absolute;
    background: #0d4c8f;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 0px;
    height: 40px;
    z-index: 3;
    font-size: 16px;
}

.expanddiv .slider-arrow {
    padding: 20px 22px;
    width: 20px;
    background: #0d4c8f;
    color: #000;
    float: right;
    text-decoration: none;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 80px;
    color: #47a447;
    background-image: url(../../imagesux/backstarticon.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}

.expanddiv .slider-arrow.hide {
    display: block !important;
}

.expanddiv .panel {
    margin: 0px;
}

.expanddiv {
    margin: 0px 0px 0px 0px;
    position: relative;
}

.expanddiv .expandtext1 {
    text-decoration: none;
    color: #fff;
    margin: 0px 0px 0px 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: -11px;
    left: 20px;
}

.show_button {
    display: block;
}

.hide_button {
    display: none;
}

/* Modal */
#rightdiv3 h1.modal-head {
    font-size: 20px;
    margin-top: 0;
}

#rightdiv3 ul.videotextul {
    margin-bottom: 30px;
    line-height: 22px;
}

#rightdiv3 .graytext {
    font-weight: 600;
    margin-bottom: 5px;
}

#rightdiv3 .reg {
    margin-bottom: 10px;
}

#rightdiv3 .reg .upload_filelabel {
    margin-bottom: 10px;
}

.upload_filelabel label {
    cursor: pointer;
}

#rightdiv3 .reg .upload_filelabel span {
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 3px;
}

.support_doclist h4 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.support_doclist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.support_doclist li {
    margin-bottom: 7px;
}

.support_doclist li img {
    padding-right: 7px;
}

#rightdiv3 #picpupDate {
    box-shadow: none;
    padding-left: 10px !important;
    background-color: transparent;
}

#schemelist .tooltip {
    width: 102px;
    font-size: 12px;
}

/* Media Queries */
@media only screen and (min-width: 1024px) {
    body.nonreguserheader {
        height: auto !important;
        margin: 0px;
        padding: 0;
        overflow: visible;
    }

    .padding-top-five {
        padding-top: 5px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .sipsetup_success .videosize {
        width: 50%;
        height: auto;
    }

    .ibox-content .nav.nav-tabs.wizard li a, .ibox-content .nav.nav-tabs.wizard li.active a {
        margin: 5px 5px !important;
        padding: 10px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .tab-pane .btn {
        font-size: 12px !important;
        padding: 5px 5px 5px 5px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .newplanux .caption {
        font-size: 11px;
    }

    .newplanux .boxed-container .hover_visible_text {
        font-size: 10px;
    }

    .newplanux h1.section-title2 .section-title2-span {
        font-size: 20px;
    }

    .newplanux h1.section-title2 {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
    }

    .newplanux .boxed-container {
        min-height: 210px;
    }

    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 15px;
    }

    .newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
        font-size: 16px;
        font-weight: bold;
    }

    .newplanux {
        font-size: 12px;
    }

    .newplanux .left-section a {
        font-size: 14px;
    }

    .newplanux h3, .newplanux .h3 {
        font-size: 20px;
    }

    .newplanux .radio {
        font-size: 13px;
    }

    .newplanux .forum-container .border-black, .newplanux .forum-container .border-blue, .newplanux .forum-container .border-green {
        padding-left: 10px;
    }

    .newplanux .forum-container .forum-item-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }

    .newplanux .forum-container .forum-sub-title {
        font-size: 10px;
    }

    .pickyourgoal .white-bg, .pickyourgoal .white-rightcontainer {
        margin-right: 0px !important;
    }

    .newplanux .graph-section {
        margin-left: 0px !important;
    }

    .pickyourgoal .forum-item {
        line-height: 18px !important;
    }

    .newplanux .perform_link {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .newplanux .incremental_box input {
        font-size: 22px;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 7px;
        margin-top: -10px;
    }

    .pickyourgoal .agile-list .success-element {
        max-height: 70px;
        min-height: 70px;
        padding: 7px 20px 5px 20px !important;
    }

    #confirmation .breadcrumb h3, #confirmation .page-heading i.rupee {
        font-size: 14px;
    }

    #confirmation .page-heading i {
        font-size: 40px;
    }

    #canvas {
        margin: 0px 0% !important;
    }

    .pickyourgoal .custom-btn {
        width: auto;
    }

    .pickyourgoal .breadcrumb {
        line-height: 15px;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding-left: 10px !important;
    }

    .sipsetup_success .videosize {
        width: 60%;
        height: auto !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .newplanux .forum-container .pointing_arrow {
        font-size: 16px;
        line-height: 24px;
        padding: 0px 5px;
    }

    .sipsetup_success .videosize {
        width: 70%;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    body {
        height: auto !important;
        font-size: 12px;
    }

    .section_margin > h1 {
        font-size: 22px;
    }

    #canvas.newplanux {
        margin: 0px;
        padding: 0 2%;
    }

    .newplanux .boxed-container {
        padding: 20px;
    }

    .newplanux .footerright, .newplanux .footerleft {
        float: none;
        font-size: 11px;
        text-align: center;
        margin: 0px;
        padding-bottom: 25px;
    }

    .planbox h3 {
        font-size: 16px;
    }

    .newplanux h1.section-title {
        font-size: 14px;
        line-height: 22px;
    }

    .newplanux h1.section-title span {
        font-size: 42px;
        font-weight: bold;
    }

    /* Stepper - responsiveness */
    .pickyourgoal {
        padding: 0px !important;
    }

    .pickyourgoal .wizard-step {
        position: static;
        display: none;
    }

    .pickyourgoal .wizard-step.active + .wizard-step {
        display: none;
    }

    .pickyourgoal .wizard-step.active {
        display: block;
    }

    .newplanux .left-section {
        margin-left: 0px;
    }

    /* Navigation hiding on mobile devices */
    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        display: none;
        width: 100% !important;
    }

    .wizard-step-indicator.active {
        display: block !important;
    }

    /* Left and right arrows of stepper */
    .pickyourgoal .carousel-control.left {
        right: 75% !important;
        left: auto;
    }

    .pickyourgoal .num {
        padding: 5px 20px !important;
        width: auto !important;
        right: 40% !important;
    }

    /* Table content - center */
    .forum-item .equity-name, .forum-item .pointing_arrow, .perform_link {
        text-align: center;
    }

    .forum-item .equity-name {
        margin-bottom: 10px;
    }

    .forum-item .pointing_arrow .fa-chevron-right {
        display: none;
    }

    .pickyourgoal .forum-item {
        border-bottom: 1px solid #f1f1f1 !important;
    }

    .perform_link {
        margin-bottom: 15px;
        margin-top: -10px !important;
    }

    .pickyourgoal .custom-btn {
        margin: 15px 0px !important;
    }

    .pickyourgoal .left-section .pull-right .custom-btn {
        margin: 15px 10px !important;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding: 3px !important;
    }

    .pickyourgoal #confirmation .white-bg {
        padding: 20px !important;
    }

    #confirmation .breadcrumb h3 {
        font-size: 12px !important;
    }

    .pickyourgoal .breadcrumb > li, .newplanux .radio {
        font-size: 12px !important;
    }

    #confirmation .page-heading i {
        font-size: 30px !important;
        line-height: 0px;
    }

    .pickyourgoal .breadcrumb {
        line-height: 26px;
    }

    .newplanux .table tbody > tr > td {
        font-size: 11px;
    }

    #confirmation .form-control {
        font-size: 11px;
    }

    .newplanux #confirmation .table tbody > tr > td.down-arrow select {
        padding: 0px !important;
    }

    #your-portfolio .scrollable_content, .newplanux .scroll.mCustomScrollbar {
        height: auto !important;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 12px;
        margin-top: 5px !important;
    }

    .sipsetup_success .videosize {
        width: 80%;
        height: auto;
    }

    .newplanux .forum-info.align-right, .newplanux .schemelist_footer .align-right {
        text-align: center !important;
    }

    #confirmation .page-heading i.rupee {
        font-size: 12px !important;
    }

}

/* New Plan ux scroll */

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px;
    max-width: 98%;
    height: 450px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scrollable_content.hidden {
    display: none;
}

.scrollable_content #mCSB_1_container {
    padding-left: 15px;
    padding-right: 15px;
}

#your-portfolio .white-bg.scrollable_content {
    padding: 3% 0% 2% 2%;
    margin: 0;
}

#your-portfolio #mCSB_1_container .white-bg {
    padding: 0;
    margin: 0;
}

#your-portfolio .scrollable_content {
    height: 400px;
}

/* Portrait tablet to landscape and desktop */
/*@media (min-width: 899px) {
        .newplanux .equiv_height {
            min-height: 600px;
        }
        #your-portfolio .scrollable_content {
            height: 600px;
        }
}*/

/* Mobile Header */
@media only screen and (max-width: 640px) {
    .header_top_fixed .nav_topfix li {
        text-align: right;
    }

    .sifnin_mo_align {
        padding-right: 0px !important;
    }

    .newplanux .padd-rzero {
        padding-right: 15px;
    }

    .newplanux .left-section.blue-bg {
        min-height: 320px;
    }

    .newplanux .setgoal_container .option-section {
        padding-left: 0px;
    }

    .newplanux .right-section h3 {
        padding-bottom: 15px;
    }

    .pickyourgoal .white-bg {
        min-height: 430px !important;
    }

    .newplanux .equiv_height {
        min-height: 350px;
    }

    .newplanux .setgoal_container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .newplanux .input_keynote {
        font-size: 9px;
    }
}

@media only screen and (max-width: 600px) {
    /* Modal Dialog box */
    .newplanux #myModal4 .modal-dialog {
        width: 95% !important;
    }

    .pickyourgoal .modal-content {
        margin: 15% 5% !important;
    }

    .pickyourgoal .modal-header, .pickyourgoal .modal-body {
        padding: 5% !important;
    }

    .pickyourgoal .modal-title {
        font-size: 22px !important;
    }

    .pickyourgoal .modal-footer .btn {
        padding: 15px 20px !important;
        font-size: 15px !important;
    }

    /* Confirmation breadcrumb */
    #confirmation .page-heading i.fa-angle-right {
        display: block;
        visibility: hidden;
    }

    .modal-dialog {
        width: 95% !important;
    }

    .newplanux .planhome_big_font {
        font-size: 13px;
    }

    .newplanux h1.section-title .subhead {
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }

    .planbox {
        width: 100%;
    }

    .nav > li.active > a {
        box-shadow: none;
        text-shadow: none;
    }

    .newplanux #sip-setup .ibox-content {
        width: 100%;
    }

    .newplanux .checkbox.bordered-note label {
        padding-left: 5px;
    }

}

@media only screen and (max-width: 599px) {
    /* .footer{position:static}*/
}

@media only screen and (max-width: 360px) {
    .onetime .min-amount {
        margin-top: 0px !important;
    }

    .newplanux .form-control {
        background-color: transparent !important;
    }

    .sipsetup_success .videosize {
        width: 95%;
        height: auto;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1280px) {
    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 14px;
    }
}

/* Caption Style 2 */
.cs-style-2 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
}

.cs-style-2 figcaption {
    height: 90px;
    width: 100%;
    top: auto;
    bottom: 0;
}

.cs-style-2 figcaption a {
    position: absolute;
    right: 20px;
    top: 30px;
}

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 4 */
.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cs-style-4 figure > div {
    overflow: hidden;
}

.cs-style-4 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.cs-style-4 figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 5 */
.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 6 */
.cs-style-6 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
    height: 100%;
    width: 100%;
}

.cs-style-6 figcaption h3 {
    margin-top: 60%;
}

.cs-style-6 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 7 */
.cs-style-7 li:first-child {
    z-index: 6;
}

.cs-style-7 li:nth-child(2) {
    z-index: 5;
}

.cs-style-7 li:nth-child(3) {
    z-index: 4;
}

.cs-style-7 li:nth-child(4) {
    z-index: 3;
}

.cs-style-7 li:nth-child(5) {
    z-index: 2;
}

.cs-style-7 li:nth-child(6) {
    z-index: 1;
}

.cs-style-7 figure img {
    z-index: 10;
}

.cs-style-7 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 0px #2c3f52;
}

.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
    opacity: 1;
    height: 210%;
    box-shadow: 0 0 0 10px #2c3f52;
    cursor: pointer;
}

.cs-style-7 figcaption h3 {
    margin-top: 86%;
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

.cs-style-7 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

@media screen and (max-width: 31.5em) {
    .grid {
        padding: 10px 10px 100px 10px;
    }

    .grid li {
        width: 100%;
        min-width: 300px;
    }
}

/*plan new ux styles end*/

/*tabs styles begin*/
.red_text {
    color: #ff0000;
}

.bse, .nse {
    font-weight: bold;
}

.bse_values span:last-child, .nse_values span:last-child {
    margin-left: 10px;
}

.bse_values span:last-child i, .nse_values span:last-child i {
    margin-right: 10px;
}

.filter .btn-group:last-child .btn {
    margin-right: 10px;
}

.innertab .nav-tabs {
    border-bottom: 2px solid #DDD;
    background: #fff;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li.active > a:focus, .innertab .nav-tabs > li.active > a:hover {
    border-width: 0;
    background: transparent;
}

.plan_tabs .innertab .nav > li > a {
    padding: 0px 15px;
}

.innertab .nav-tabs > li > a {
    border: none;
    color: #666;
    background: transparent;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
    cursor: pointer;
}

.innertab .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.innertab .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.innertab .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.innertab > .nav-tabs > li > a {
    background: #fff !important;
    border: 0px solid #ddd !important;
    border-radius: 0;
    color: #333;
}

.plan_tabs {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.plan_tabs .nav-tabs {
    margin-bottom: 1px;
    /*margin-top:20px;*/
}

.plan_tabs .nav-tabs > li > a {
    border-radius: 0px;
    border: 1px solid #ddd;
    background: #ebebeb;
    color: #333;
}

.plan_tabs .nav-tabs2 {
    width: 95% !important
    border-bottom: 1px solid #ddd;
}

.plan_tabs .tab-pane2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: transparent #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 0px !important;
}

.plan_tabs .nav-tabs > li.active .plan_title {
    color: #336699;
}

.plan_tabs .nav-tabs > li.active > a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(50%, #fdfdfd), color-stop(100%, #fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=1); /* IE6-9 */
    border-bottom-color: transparent;
}

.plan_tabs .nav-tabs > li.active .Graph {
    background-position: -55px -28px;
}

.plan_tabs .nav-tabs > li {
    /*margin-right: 15px;;*/
}

.plan_tabs .nav > li > a {
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
}

.plan_title {
    color: #333;
    font-size: 14px;
}

.plan_tabs .Graph_active, .plan_tabs .Graph {
    margin-top: 3px;
    margin-right: 7px;
}

.plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
    margin-left: 70px;
    margin-right: 7px;
}

.plan_tabs .tab-pane {
    background-color: #fff; /* Old browsers */
    border: 1px solid #ddd;
    border-top-color: transparent;
}

.plan_tabs .tab-pane .content {
    margin-left: 10px;
    margin-top: 30px;
    margin-right: 10px;
}

.tab-content2 {

    padding: 20px;
}

.plan_tabs .resp-arrow {
    margin-top: 15px;
}

.all_accounts_drop {
    margin-right: 5px;
    width: 225px;
}

/*mutual fund tab content styles begin*/
#mutual_funds .row:first-child {
    margin-top: 10px;
}

#mutual_funds .row:last-child {
    margin-top: 15px;
}

#mutual_funds .row:first-child .col-md-4 span {
    margin-left: 20px;
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div {
    margin-bottom: 7px;
}

#mutual_funds .row:first-child .col-md-3 {
    margin-top: 10px;
}

#mutual_funds .row:first-child .col-md-5 div span:first-child {
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div .blue_text {
    color: #5b93d8;
}

#mutual_funds .row:first-child .col-md-5 div:first-child span:last-child {
    margin-left: 40px;
}

#mutual_funds .row:first-child .col-md-5 div:last-child span:last-child {
    margin-left: 20px;
}

#mutual_funds .row:first-child .col-md-5 div span:last-child i {
    margin-left: 10px;
}

#mutual_funds .btn_mutualfund_option {
    margin-right: 10px;
    float: right;
}

.tabs_mutual_fund ul.resp-tabs-list {
    width: 8% !important;
    margin-left: 15px;
    border-right: 1px solid #ddd;
    margin-right: -1px;
}

.tabs_mutual_fund .resp-tabs-container {
    width: 88% !important;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item {
    background: #ffffff;
    text-align: center;
    padding: 20px 0px 0px 0px !important;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item p {
    margin-top: 10px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item img {
    border: 3px solid #cecece;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active img {
    border: 3px solid #19b394;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list li {
    border-left: none;
    border-right: none;
    border-top: none;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active p {
    color: #1ab394;
}

.tabs_mutual_fund .resp-tabs-list p {
    text-align: center;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    word-wrap: break-word;
    padding: 0 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active {
    background: #FFF;
}

.tabs_mutual_fund li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-left: none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.tabs_mutual_fund .resp-accordion p {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.tabs_mutual_fund .resp-accordion img {
    float: left;
}

.tabs_mutual_fund .resp-accordion {
    overflow: auto;
}

.portfolio .row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
}

.portfolio .header, .list_view .header {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.portfolio .profile_name, .list_view .profile_name {
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
    color: #303030;
}

.portfolio .portfolio_links, .list_view .portfolio_links {
    color: #31708f;
}

.portfolio .inner_tabs li.active a, .list_view .inner_tabs li.active a {
    color: #31708f;
    background: #eaeaea;
    border: 1px solid #cccccc;
    box-shadow: inset 0px 0px 1px 1px #d8d8d8;
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
    font-weight: bold;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a {
    color: #747474;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0px 10px 3px 10px;
}

.portfolio .inner_tabs li:hover a, .list_view .inner_tabs li:hover a {
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
}

.list_view .inner_tabs li a {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.list_view .panel-group .panel {
    border-radius: 0px;
    margin-bottom: 15px;
}

.list_view .panel-default > .panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    overflow: auto;
    border-radius: 0px;
    padding: 10px;
}

.non-collapsible-panel {
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.caret-up {
    border-bottom: 6px solid #000;
    border-left: 6px solid transparent;
    border-top: 0 dotted;
    border-right: 6px solid transparent;
}

#verticalTab .resp-tabs-container .panel-body {
    border: 1px solid #d9edf7;
}

/*.caret{margin-top:10px !important;}*/
span.list_view .portfolio_links {
    margin-right: 5px;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a, .portfolio_links a {
    font-size: 16px;
    font-weight: normal;
}

.list_view .portfolio_links {
    font-size: 14px;
    font-weight: normal !important;

}

.port-inve-create {
    margin-right: 10px;
}

.table .blue_text {
    color: #3d7fd0;
    font-size: 16px;
}

.table th {
    vertical-align: middle !important;
    /* color:#606060; */
    color: #676a6c;
}

.portfolio .inner_tab_content .tab-pane, .list_view .inner_tab_content .tab-pane {
    border: none;
    background: none;
}

/*mutual fund tab styles end*/

/*media queries begin*/
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 2024px) and (min-width: 768px) {
    .formcontrolbig {
        width: 50%;
        min-width: 300px;
    }

}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }

    ul.watchlist li {
        height: auto !important;;
    }

}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 768px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

/*media queries end*/

/*-----------------------------------------Dashboard end here---------------------------------------*/

/*-----------------------------------------Easy-responsive-tabs start here---------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    color: #363636;

}

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    list-style: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    color: #565656;
    font-family: 'Open Sans', sans-serif;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    color: #565656;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    /*padding: 15px;*/
    padding: 5px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 5px 14px 6px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h2.resp-accordion {
    font-size: 16px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/*-----------------------------------------Easy-responsive-tabs end here---------------------------------------*/

/*-----------------------------------------Dashboard-index start here---------------------------------------*/
/* CSS Document */

.info-container h4, .bot-table-container .table-responsive th span {
    text-transform: uppercase;
}

.bot-table-container .table-responsive th span {
    color: #996633;
}

.info-container p {
    margin-bottom: 20px;
}

.info-container .panel {
    margin-top: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
    border-radius: 0;
}

.info-container .panel .panel-heading {
    overflow: auto;
}

.txt-green {
    color: #1f572c;
    font-size: 15px;
}

.grid_container {
    margin: 10px auto;
}

.grid_container .row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info_bottom {
    text-align: center;
}

.info_bottom p {
    margin-bottom: 0;
    padding-top: 10px;
    margin-right: 15px;
}

.info_bottom p .btn {
    color: #336699;
    font-weight: bold;
    margin-left: 15px;
}

.widget-header {
    color: #996633;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    display: block;
    text-transform: capitalize;
}

.widget-container .border {
    overflow: auto;
}

.widget-container h5 {
    font-size: 16px;
}

.bot-table-container {
    margin-top: 20px;
}

.bot-table-header {
    background: #3f3f3f;
    overflow: auto;
    padding: 0px 10px;
    background-color: #3f3f3f;
    background-image: -moz-linear-gradient(top, #454545, #343434);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#343434));
    background-image: -webkit-linear-gradient(top, #454545, #343434);
    background-image: -o-linear-gradient(top, #454545, #343434);
    background-image: linear-gradient(to bottom, #454545, #343434);
    background-repeat: repeat-x;
    border-color: #3f3f3f;
    line-height: 35px;
    margin-bottom: 10px;
}

.bot-table-header h4 {
    color: #ffffff;
}

.bot-table-header a {
    color: #a7a7a7;
}

.widget {
    position: relative;
    padding-bottom: 30px;
}

.widget .widget-link {
    position: absolute;
    /*bottom: 15px;*/
    bottom: 10px;
    right: 20px;
    font-size: 16px;
}

.bot-table-container .table thead {
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    ...
}

/*-----------------------------------------Dashboard-index end here---------------------------------------*/

/*-----------------------------------------Manage start here---------------------------------------*/
@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;
}

td {
    vertical-align: middle !important;
}

.valign-middle td {
    vertical-align: top !important;
    padding-top: 10px !important;
}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
::-webkit-scrollbar {
    width: 12px;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    background-color: #eedede;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    background: #bcbcbc;
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    background: rgba(145, 128, 94, 0);
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}
*/
/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

.modal-dialog {
    /*background-color: #FFF;*/
}

/*-----------------------------------------Manage end here---------------------------------------*/

.star, .form_star_new {
    font-family: arial;
    font-size: 18px;
    color: #ff0000;
}

.error_mesg {
    font-family: arial;
    font-size: 12px;
    color: red;
    font-weight: bold
}

.bank_mesg {
    font-family: arial;
    font-size: 12px;
    color: green;
    font-weight: bold
}

.minMessageFont {
    color: #667788;
    margin-top: 3px;
    font-size: 11px;
}

.values {
    text-align: right;
}

.headerleft {
    text-align: left;
}

.Show {
    display: block;
}

.Hide {
    display: none;
}

.ebt {
    float: left;
    margin: 6px 0 0 10px;
}

.ebt_expand {
    margin: 7px 0 0 10px;
}

div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    width: 460px;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

table.dataTable th:active {
    outline: none;
}

.pagination, .pagelinks {
    height: 26px;
    margin: 18px 0;
    font-family: arial;
    background-color: #c2c2c2;
}

.pagination ul {
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
    display: inline;
}

.pagination a {
    float: left;
    background-color: #fafafa;
    font-size: 11px;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

.pagination a:hover, .pagination .active, .display_tag_pagination a {
    background-color: #c7eefe;
}

.sorted {
    background-color: #ddf4fb;
}

/*.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
.pagination .next a{border:0;}*/
.pagelinks > strong {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    background-color: #c7eefe;
}

<!--
reports start-- >
.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*insurance*/

.insh3 {
    color: #428bca;
}

.inshul {
    list-style-image: url("../../images-new/tickinsurance.png");
    line-height: 35px;
}

.insrightbox {
    background-color: #f1e6da;
    padding: 0px 10px 0px 10px;
    float: right;
    margin: 10px 2px 0px -3px;
}

.insrightbox img {
    padding: 10px 10px 0px 0px;
}

.insmain-tab > li > a {
    padding: 5px 10px;
    background-color: #428bca;
}

.insnav-tabs > li.active > a, .insnav-tabs > li.active > a:hover, .insnav > li.active > a:focus {
    background-color: #428bca;
    height: 81px;
    width: 275px;
    border-radious: 0px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li.active > a:focus {
    border-radius: 0px;
    background-color: #428bca;
    height: 81px;
    width: 275px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li > a {
    background-color: #e7e7e7;
    height: 81px;
    width: 275px;
    font-size: 20px;
    color: #414141;
    margin: 0px;
    border-radius: 0px;
}

.insnav-tabs > li > a > img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.insnav-tabs {
    border-bottom: 1px solid #428bca;
}

.insright_sidebar {
    height: auto;
    overflow-y: auto;
}

.sidebar-menu-insurance {
    background-color: #FFF;
}

/* thanku page*/

.topmsgtext {
    font-size: 18px;
    font-family: MyFontFamily
}

.topmsgtextcolor {
    color: #8f6f2b;
    font-family: MyFontFamily;
    font-size: 18px;
}

.radiocolor {
    color: #8f6f2b;
    margin: 0px 20px 10px 0px;
    font-family: MyFontFamily !important;
    font-size: 17px !important;
    font-weight: normal !important;
}

.thankcheckbox {
    text-align: center;
}

.thanktable td a {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 15px;
}

.thanktable td {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 14px;

}

.thanktable th {
    font-family: MyFontFamily;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.thanktablehead {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.thankfont {
    font-family: MyFontFamily !important;;
    font-weight: normal !important;
    font-size: 14px;
}

.thankfont2 {
    font-family: MyFontFamily !important;;
    font-weight: normal;
    font-size: 16px;
}

.thankarrow {
    margin-right: 10px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-below > nav nav-tabs ul li {
    margin: 0px 0px 0px 15px
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 34px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 0px 0 0 0px;
    height: 60px;
    -moz-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.tab-panewidth {
    margin: 0px 0px 0px 150px;
    padding: 5px 20px 0px 20px;
    border-top: 0px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.tab-content {
    background-color: #fff;
}

.tabnav {
    height: 50px;
}

.thankh3 {
    margin: 0px;
}

.prebutalign {
    width: 200px;
    float: clear;
    margin: auto;
}

.smallbox {
    padding: 0px 2px 0px 0px;
    margin: 0px;
    font-size: 10px;
}

.tab-pane.tab-pane2 {
    padding: 10px 0px !important;
}

/* thanku page end*/

/* smart sip recomdation*/

.recom-info {
    background-color: #e8ecef;
    border-radius: 2px;
    border-color: #BCE8F1;
    color: #3A87AD;
    padding: 18px;
}

.recom-whitediv {
    background-color: #fff;
    border: 1px solid #d8dfe4;
    height: auto;
    padding: 18px;
    margin: 0px;
}

.recom-margin {
    padding: 5px;
}

.recom-fontcolor {
    color: #188cd5;
    font-size: 24px;
    font-weight: normal;
}

.recom-orange {
    background-color: #69b339;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-padding {
    padding: 0px 0px 0px 5px;
}

.recom-orange {
    background-color: #69b339;
}

.recom-margin2 {
    margin: -10px 0px 0px 0px;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-headetext {
    font-size: 15px;
    font-weight: bold;
    color: #414141;
}

.recom-red {
    color: #e32e2a;
}

.recom-black {
    color: #414141;
    font-weight: normal;
    font-size: 18px;
}

.recom-normaltext {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #848484 !important;
    font-weight: normal;
    padding: 5px;
    margin: 0px;
    text-align: justify;
}

.recom-hr {
    margin: 0px;
    padding: 0px;
}

/* currency symbol*/

@font-face {
    font-family: 'WebRupee';
    src: url('../../css/WebRupee.V1.0.eot');

    src: local('../../css/WebRupee'), url('../../css/WebRupee.V1.0.ttf') format('truetype');
}

.WebRupee {

    font-family: 'WebRupee';
}

/* currency symbol*/

/* loan page start*/

.tabmargin {
    margin: 15px;
}

/* loan page end*/

/*report modal styles begin*/
#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/

/*Media screen queries begin*/
@media (max-width: 768px) {
    .generate_report_form {
        padding: 20px;
    }
}

<!--
reports start-- >
.equityfooter {
    font-size: 11px ! importent;
}

.panel-default > .custom-panel {
    background: none repeat scroll 0 0 #36a9e1;
    border-radius: 2px 2px 0 0;
    color: white;
    border-color: #e9e9e9;
    font-weight: normal !important;
}

.custom-panel {
    padding: 10px 15px;
}

.custom-panel-body a {
    font-family: 'Open Sans', sans-serif !important;
}

.custom-panel a {
    font-weight: normal !important;
    font-family: 'Open Sans', sans-serif !important;
    text-decoration: none !important;
}

.custom-panel-body {
    padding: 15px !important;
    border: 1px solid #c2c2c2;
}

.form-inline-top {
    margin-top: 10px;
}

.select-custom {
    padding-left: 0;
}

.check-lm {
    margin-left: 10px;
}

.formcontrol_lm {
    padding: 6px 2px;
}

.custom-label, .fc-fo {
    font-size: 12px;
}

.acc-head {
    font-weight: normal;
    text-transform: uppercase;
}

.tc {
    padding-left: 20px;
    float: left;
    font-weight: normal !important;
}

.tb {
    margin-bottom: 10px !important;
}

.btnCustomPri {
    background: none repeat scroll 0 0 #75a94c;
    border: 1px solid #5c833c;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif !important;
}

.btnCustomPri:hover {
    background: none repeat scroll 0 0 #87ba5e;
    border: 1px solid #5c833c;
}

.custompanel-default {
    border-color: #c2c2c2 !important;
}

.custom-panel-head {
    background: none repeat scroll 0 0 #75a94c;
    padding: 10px 15px;
}

.custompanel-default td {
    text-align: center;
}

.custompanel-default th {
    font-weight: bold;
}

.tdfont {
    font-size: 24px;
}

.highbox {
    box-shadow: 1px 1px 2px 1px #e4e6eb;
    border-top: 2px dotted #d2b469;
    border-bottom: 2px dotted #d2b469;
    padding: 10px;
    background-color: #fffefa;
    width: 90%;
    margin: 0 auto;
}

.highbox h3 {
    margin: 0;
    color: #b07d11;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -1px;
}

.highbox h4 {
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #89610c;
    line-height: 16px;
    margin-bottom: 15px;
    width: 80%;
}

.highbox p {
    margin: 0;
    margin-bottom: 10px;
}

.highbox label {
    color: #89610c;
    font-weight: normal;
    font-size: 12px;
}

.highbox label a {
    font-family: 'Open Sans', sans-serif;
}

.highbox .hint {
    font-size: 12px;
}

.highbox .table-bordered {
    border: 1px solid #d8cdb4;
}

.highbox .table-bordered > thead > tr > th, .highbox .table-bordered > tbody > tr > th, .highbox .table-bordered > tfoot > tr > th, .highbox .table-bordered > thead > tr > td, .highbox .table-bordered > tbody > tr > td, .highbox .table-bordered > tfoot > tr > td {
    border: 1px solid #d8cdb4;
}

.contentmargin {
    margin: 1px 8px 8px 8px;
}

.footer_static2 {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px !important;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static2black {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static3 {
    font-size: 11px;
    color: #c2c2c2;
}

.footerwhitetext {
    color: #fff;
}

.equitytmargin {
    margin: 1px 8px 8px 0px;
}

/*Profile Dashboard start*/
.pr_width {
    width: 85% !important
}

.pr_panel-heading {
    padding: 0 25px;
    background: #f5f5f5
}

.pr_panel-body {
    padding: 25px 25px !important
}

.pr_panel-default {
    border-color: #dddddd !important;
    margin-top: -1px !important;
    border-radius: 0 !important
}

.pr_section_margin_style {
    margin-top: 127px !important;
    padding-top: 40px;
    background: #e4e4e4;
    margin-bottom: -20px;
    padding-bottom: 30px
}

.pr_inrbox {
    border: 1px solid #dadada;
    padding: 13px;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    -moz-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
}

.pr_boxtop {
    padding-top: 27px
}

.pr_input {
    box-shadow: none !important;
    transition: none !important;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    color: #000000;
}

.pr_checklabel {
    float: left;
    padding-right: 7px
}

.pr_form-group {
    margin-bottom: 3px
}

.pr_browntxt {
    color: #a3752a;
    font-size: 13px
}

.pr_subtxt {
    text-align: right;
    font-size: 11px;
    font-style: italic;
    float: right;
    padding: 3px 0 0 0;
    color: #2788a9
}

.pr_subtxt1 {
    font-size: 11px;
    font-style: italic;
    float: right;
    color: #aaaaaa;
    font-weight: normal
}

.pr_hr {
    border-color: #e4e4e4;
    margin: 15px 0 10px 0;
}

.pr_hr1 {
    border-color: #af8d46;
    margin: 4px 0 10px 0;
}

.pr_h4 {
    padding: 15px 0
}

.pr_pblue {
    color: #167396 !important;
    margin-top: -6px
}

.pr_rowtop {
    padding-top: 15px
}

.pr_edit a {
    background: #af8d46;
    color: #fff;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 12px
}

.pr_edit a:hover {
    color: #fff;
}

.pr_chart {
    padding: 25px 0
}

.pr_p_payment {
    font-size: 32px
}

.pr_bg {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr_bg.png) repeat;
}

.pr_h3 {
    font-size: 30px;
    margin-bottom: 0;
    color: #aaaaaa;
    padding-top: 15px
}

.pr_table th {
    background: #f2f0eb;
    color: #a27d24;
    text-align: left !important;
    font-weight: normal;
    font-size: 13px
}

.pr_table th {
    border: 1px solid #e5dac0 !important
}

.pr_table td {
    border: 1px solid #e5dac0 !important
}

.bs-example .pr_panel-heading a:hover, a:focus {
    color: #1695c0;
    text-decoration: none
}

.bs-example .pr_panel-heading a {
    color: #000;
    text-decoration: none
}

.bs-example .panel-title {
    font-size: 18px
}

.pr_smallbutton {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    background: #1495bf;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border: none;
    font-weight: bold
}

.pr_smallbutton:hover {
    background: #037d9f;
    text-decoration: none;
}

.pr_primarybutton {
    background: #1495bf;
    background-image: -webkit-linear-gradient(top, #1495bf, #066583);
    background-image: -moz-linear-gradient(top, #1495bf, #066583);
    background-image: -ms-linear-gradient(top, #1495bf, #066583);
    background-image: -o-linear-gradient(top, #1495bf, #066583);
    background-image: linear-gradient(to bottom, #1495bf, #066583);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    padding: 3px 18px 6px 18px;
    border: solid #1495bf 1px;
    text-decoration: none;
}

.pr_primarybutton:hover {
    background: #066583;
    background-image: -webkit-linear-gradient(top, #066583, #1495bf);
    background-image: -moz-linear-gradient(top, #066583, #1495bf);
    background-image: -ms-linear-gradient(top, #066583, #1495bf);
    background-image: -o-linear-gradient(top, #066583, #1495bf);
    background-image: linear-gradient(to bottom, #066583, #1495bf);
    text-decoration: none;
}

.select-style {
    padding: 4px 0;
    margin: 0;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/arrow-pr.png") no-repeat 97% 50%;
}

.select-style select {
    padding: 0 8px;
    width: 100%;
    color: #000000;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
}

#goal .select-style select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none !important;
    box-shadow: none;
    color: #000000;
    padding: 0 8px;
    width: 140%;
}

.select-style select:focus {
    outline: none;
}

.checktick input[type=checkbox] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.checktick input[type=checkbox] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.checktick input[type=checkbox] + label:hover,
.checktick input[type=checkbox]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.checktick input[type=checkbox]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.radiotick input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.radiotick input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.radiotick input[type=radio] + label:hover,
.radiotick input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.radiotick input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.prmale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prmale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prmale input[type=radio] + label:hover,
.prmale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.prmale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

.prfemale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prfemale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prfemale input[type=radio] + label:hover,
.prfemale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content

*/
.prfemale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

@media only screen and (max-width: 800px) {
    .pr_clear {
        clear: both
    }

    .pr_form-group {
        margin-bottom: 15px
    }

}

@media only screen and (max-width: 640px) {
    .pr_width {
        width: 100% !important
    }

}

/*Profile Dashboard start*/

<!--
css from peepal added on July

11
2014
.

-->
.info-container .panel-heading a:hover {
    color: #fff;
}

/*Dashboard landing styles end*/

/*Plan styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.inner-tab {
    background-color: #efefef;
    background-image: -moz-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#efefef));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -o-linear-gradient(top, #f9f9f9, #efefef);
    background-image: linear-gradient(to bottom, #f9f9f9, #efefef);
    background-repeat: repeat-x;
    padding: 5px 0px 0px 16px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef', GradientType=0);
}

.inner-tab > li {
    margin-bottom: 0;
}

.inner-tab > li.active {
    border-bottom: 2px solid #315138;
    background-color: transparent !important;
}

.inner-tab > li.active a {
    color: #8f6f2b !important;
}

.inner-tab > li > a {
    border: 0px !important;
    background-color: transparent !important;
    color: #333333;

}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5, #SmartSol .col-md-10 .btn-primary {
    font-size: 16px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.inner-tab > li > a:hover {
    background: none;
}

.inner-tab li.active {
    position: relative;
}

.inner-tab li.active:after {
    content: '';
    height: 15px;
    width: 10px; /*changed on 16dec2013*/
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 5px solid transparent; /*changed on 16dec2013*/
    border-bottom: 5px solid #315138;
    border-left: 5px solid transparent; /*changed on 16dec2013*/
}

.content-detail-container .col-md-10 span {
    display: block;
    text-align: justify; /*added on 16dec2013*/
}

.content-detail-container .row {
    margin-bottom: 15px;
}

.blogs-box .glyphicon-user {
    font-size: 17px;
    z-index: 99;
}

.blogs-box {
    overflow: auto;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.blogs-box h5, h5 {
    color: #333;
    margin-bottom: 5px;
}

.blogs-box p {
    margin-bottom: 5px;
}

.blogs-box .badge {
    position: absolute;
    top: -9px;
    left: 9px;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 10px;
}

.blog-date {
    font-style: italic;
}

.blogs-notification {
    margin-right: 20px;
    position: relative;
}

.plan-anchor {
    position: absolute;
    right: 20px;
    bottom: 4px;
    font-weight: bold;
}

/*added on 16Dec2013*/
.plan-anchor:hover {
    color: #8f6f2b;
}

.bradcrum_content_container {
    clear: both;
}

.left_box {
    margin: 0 -30px 0 0;
    height: 250px;
}

.right_box {
    background-color: #d2dae3;
    background-image: -moz-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dbe4ee), to(#d2dae3));
    background-image: -webkit-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -o-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: linear-gradient(to bottom, #dbe4ee, #d2dae3);
    background-repeat: repeat-x;
    height: 250px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe4ee', endColorstr='#d2dae3', GradientType=0);
}

.tab_info_container .row {
    margin-bottom: 25px;
}

.tab-content-container {
    padding-bottom: 32px;
}

#SmartSol .col-md-2 img {
    width: 100%;
}

#SmartSol .col-md-10 .btn-primary {
    margin-top: 10px;
}

.tab-content-container .blogs-box {
    margin-top: 0;
}

.blogs-box.first-item {
    margin-top: 0px;
}

.platinum-tab-container .col-md-5 h5 {
    margin-top: 0;
}

.platinum-tab-container .right_box {
    height: auto;
}

#Port .border {
    padding: 10px 20px;
    margin-bottom: 10px;
}

#Port .border h5 {
    margin-top: 6px;
}

/*.tab-pane li >  a:hover,p a:hover,.btn-check:hover
{color: #8f6f2b;}	*/
.tab-pane {
    margin-top: -1px;
}

.btn-check {
    line-height: 30px;
}

/*Plan styles end*/

/*Manage styles begin*/
/*class added 16Dec2013*/
.formAlign {
    margin-top: 7px;
}

/*class added 16Dec2013*/
.formAlignText {
    margin-top: 14px;
}

/*class added 16Dec2013*/
.formAlignBox {
    margin-top: 0;
}

/*class added 16Dec2013*/
.PaddingLeft {
    padding-left: 0px !important;
}

.confirm_well {
    background: #CEE5EB;
    padding: 15px 15px 5px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.table_align th {
    text-align: center;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    height: 45px \9; /*added on 17Dec2013*/
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    /*margin: 13px 0 0 -70px;*/ /*changed on 17dec2013*/
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 20px 0 0;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    margin: 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

/*changed on 17dec2013*/
/*
.invest_menu:after{
content: '';
display: block;
position: absolute;
top: -20px;
right: 41px;
width: 0;
height: 0;
border-color: transparent transparent #ffffff transparent;
border-style: solid;
border-width: 10px;
}
.invest_menu:before {
content: '';
display: block;
position: absolute;
top: -22px;
right: 40px;
width: 0;
height: 0;
border-color: transparent transparent #c1c1c1 transparent;
border-style: solid;
border-width: 11px;
}
*/
.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/ /*changed on 17dec2013*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

/*added on 17dec2013*/
.invest_title {
    text-align: left;
    margin-left: 10px;
    border-right: none;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.keepTrigger {
    padding-top: 15px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

display:block

;
.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
width: 123px;
font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

.col-sm-3.control-label.formAlign.widthTriggerBase {
    width: 192px;
    padding-right: 0;
    padding-left: 0;
}

/*SIP investment*/
.well .payment_confirm {
    line-height: 22px;
    margin-bottom: 10px;
}

.pay_acc_details {
    overflow: hidden !important;
    border-radius: 5px !important;
    box-shadow: none;
    padding: 0px 15px 7px 9px !important;
}

.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
    line-height: 22px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/* wizard*/
.nav.nav-tabs.wizard li a {
    background: #e6e6e6;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #aaa;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li.active {
    background: #FFF;
}

.nav.nav-tabs.wizard li.active a {
    background: #B4E1F8;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #62A3C9;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
    margin-left: 0;
}

.tab-content.wizardContent {
    /* border:1px solid #dcdada; */
    padding: 20px;
    /*overflow: auto;*/
    border-radius: 10px;
}

.nav.nav-tabs.wizard {
    border-bottom: 0;
}

.button_ContainerLast {
    margin: 10px;
    margin-right: 0;
}

/*Manage styles end*/

/*Report styles begin*/
.reports_container {
    padding: 5px 15px 80px 15px !important;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/

.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*added on 17dec2013*/
.report_type_drop:focus, .date_ctrl:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*report modal styles begin*/
/*added on 17Dec2013*/
#report_modal {
    overflow: hidden;
}

#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .modal-dialog {
    width: 55%;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/
/*Report styles end*/

/*My account styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e7e7e7', GradientType=0);
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.main-tab li.pull-right {
    background-color: transparent;
    background-image: none;
}

.main-tab li.pull-right .btn-group .btn {
    margin-left: 7px;
    padding: 4px 12px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.panel-title .profile-container {
    margin-left: 0;
}

.color-gold {
    color: #8f6f2b;
}

.accordian-container .panel-title {
    font-size: 14px;
    font-weight: normal;
}

.accordian-container .panel-title .color-gold {
    font-size: 15px;
}

.activated-container {
    width: 60%;
    margin: auto;
}

.activated-container ul {
    margin: 0;
    padding: 0;
    border: 1px solid #bfbfbf;
}

.activated-container ul li {
    list-style: none;
    text-align: center;
    padding: 6px 0px;
}

.activated-container .active {
    background-color: #439131;
    color: #ffffff;
}

.icon-collapse-out {
    background: url(../images/collapse-out.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.icon-collapse-in {
    background: url(../images/collapse-in.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.tab-pane {
    margin-top: -1px;
}

.icon-collapse-in_btn {
    position: absolute;
    right: 0;
    bottom: 3px;
}

.accordian-container .panel-title span.dis-block {
    margin-bottom: 8px;
}

.well a:hover, .info-control-container a:hover {
    color: #8f6f2b;
}

.alert-btn, .alert-btn:hover {
    color: #479557;
}

.alert-btn {
    margin-left: 12px;
    font-size: 12px;
}

.info-container h5 {
    margin-right: 10px;
}

.panel-label-width {
    width: 32%;
    text-align: right;
    margin-right: 15px;
}

/*added on 17dec2013*/
input.panel-label-width, textarea.panel-label-width {
    text-align: left;
}

input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
    width: 39%;
    margin-left: 10px;
}

.info-container {
    margin-bottom: 15px;
}

.info-control-container {
    margin-bottom: 5px;
}

.info-control-container a {
    margin-left: 5px;
}

.dis-inline-block {
    display: inline-block;
}

.well {
    overflow: auto;
    padding: 0px 9px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;
}

.panel-collapse .panel-body {
    padding: 15px 0;
}

span.show-txt {
    margin-left: 10px;
}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5 .col-xs6 h5 {
    font-size: 16px;
}

.well a {
    line-height: 35px;
}

.well i, .alert-btn i {
    margin-right: 5px;
}

.activated-container.pending .active {
    background-color: #d78910;
}

.tab_btn_conatiner {
    position: absolute;
    top: -12px;

    right: 0;
}

.tab_btn_conatiner .pull-left {
    margin-right: 10px;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.btn:focus {
    outline: none;
}

#Investor .border {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    background-repeat: repeat-x;
}

/**/
.panel-heading .glyphicon-chevron-up:before {
    content: "\e113";
}

.panel-heading .collapsed .glyphicon-chevron-up:before {
    content: "\e114";
}

#Acc .table-responsive {
    padding-top: 10px;
}

/*My account styles end*/

.supersavings-boxed-container {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 15px;
}

.supersavings-mobile-container p {
    margin-bottom: 15px;
}

.supersavings-mobile-container .control-label {
    color: #676a6c !important;
}

/* Media queries begin */
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }
}

@media (max-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
    }

    .row.summary .col-md-2 {

    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    /*class added 16Dec2013*/
    .formAlignBox {
        margin-top: 7px;
    }

    /*class added 16Dec2013*/
    .wizard > .content {
        overflow-y: scroll;
    }

}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

/*added on 17dec2013*/
@media (max-width: 992px) and (min-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_cont {
        width: 500px;
    }

    .explore-arrow {
        left: 55%;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }

    /*class added 16Dec2013*/
    .FormInlineBg {
        width: 100%;
    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    .generate_report_form {
        padding: 20px;
    }

    .rightBorderInvest {

    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    .btn-check {
        margin-left: 14px;
        margin-top: 5px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;
    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {

    }

    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 15px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .right_sidebar {
        height: auto !important;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .inner-tab {
        padding: 0;
    }

    .inner-tab.nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .breadcrum_container {
        margin-top: 80px;
        margin-bottom: 46px;
        overflow: hidden;
    }

    .tab-container {
        margin-top: 10%;
    }

    .mob_margin {
        margin-left: 0px !important;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;

    }

    .SipInvestment .breadcrum_container {
        overflow: visible !important;
    }

    .SipInvestment h2 {
        padding-bottom: 0px;
        padding-top: 15px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .plan-anchor {
        right: 0px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (max-width: 320px) {
    .main-tab > li {
        margin-right: 4px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .main-tab > li > a {
        padding: 5px 10px;
    }

    .plan-anchor {
        right: 0px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    /*added on 17dec2013*/
    .form-control {
        background-color: #f0f0f0 !important;
    }

    .info-control-container {
        padding: 0px 5px;
    }

    .panel-label-width {
        width: 39%;
    }

    input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
        width: 90%;
    }

    /*.tab-container
                          {margin-top:58% !important;}*/
    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

.wizardp {
    margin: 0 0 10px 0px
}

.padwrap {
    padding: 5px 20px !important;
}

.mtop {
    margin-top: 5px !important;
}

.radio_container_custom {
    position: inherit !important;
    margin-left: 0 !important;
}

.alertmodel {
    padding: 10px 20px;
    background-color: #f8f8f8;
    font-size: 12px !important;
    margin-bottom: 20px;
}

.smallalert {
    border: 1px dotted #c67a55;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    background-color: #fffcee;
}

.newbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    margin-top: 10px !important;
}

.newbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
    background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
    background-color: #68a54b;
    text-decoration: none !important;
    color: #ffffff !important;
}

.newbutton:active {
    position: relative;
    top: 1px;
}

.btn-success:hover {
    color: #ffffff !important;
}

/*.tab-content.wizardContent{overflow:auto;}*/

/*.tab-pane .btn{font-size:16px;margin-bottom:3px;}*/
.euin {
    padding: 0px;
    font-size: 12px !important;
}

.help-block {
    font-size: 11px !important;
}

input, select { /*border:1px solid #c2c2c2 !important;*/
}

.box {
    border-radius: 2px;
    box-shadow: 0 1px 0 1px #e4e6eb;
    border: 1px solid #c2c2c2;
}

.tablenew {
    border: 1 pxs solid #c2c2c2;
}

.tablenew {
    background-color: #f8f8f8 !important;
}

.tablenew td.righttab {
    text-align: right !important;
    font-weight: bold;
}

.bs-example {
    background-color: #f8f8f8;
    padding: 10px;
}

.bs-example2 {
    padding: 15px;
}

/*.trans_home_txt a, a{
        color: #333;
}*/
.trans_home_txt a:hover, a:hover {
    color: #23527c;
}

.sortable a {
    color: #676a6c;
}

/*---sortable images display tag---*/

.sorted a, .sortable a {
    background-position: right;
    display: block;
    width: 100%;
}

.sortable a {
    background-image: url(../../images/arrow_off.png);
    background-repeat: no-repeat;
    padding-right: 15px;
}

.order1 a {
    background-image: url(../../images/arrow_down.png);
    background-repeat: no-repeat;
}

.order2 a {
    background-image: url(../../images/arrow_up.png);
    background-repeat: no-repeat;
}

.resp-tabs-list > li.resp-tab-active .plan_title {
    color: #336699;
    text-decoration: none
}

.resp-tabs-list > li.resp-tab-active a:hover {
    text-decoration: none;
}

.resp-tabs-list > li.resp-tab-item a:hover, a:link, a:visited, a:active {
    text-decoration: none;
}

.checkbox a:hover, .checkbox a:link, .checkbox a:visited, .checkbox a:active {
    text-decoration: none;
    color: #337ab7;
}

/*watchlist*/

.box .box-content {
    background: none repeat scroll 0 0 white;
    border-radius: 0 0 2px 2px;

    padding: 20px 10px 0px 10px;
}

.boxblue .blue {
    color: #36a9e1;
}

.boxgreen .green {
    color: #bdea74;
}

.boxgreen.green .title {
    background: none repeat scroll 0 0 #a1d054;
    padding: 10px;
    color: #000;
    font-weight: bold;
}

.boxgreen.greenemptyheight {
    margin: 25px 0px 0px 0px;
}

.boxgreen .content {
    background: none repeat scroll 0 0 #e8facc;
    padding: 10px 10px 10px 15px;
}

.boxblue {
    border-radius: 2px;
    margin: 0 0 30px;
}

.boxblue.blue .title {
    background: none repeat scroll 0 0 #36a9e1;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

.boxblue .content {
    background: none repeat scroll 0 0 #e4e6eb;
    padding: 10px 10px 10px 15px;
}

.value {
    color: #383e4b;
    padding: 10px;
}

.watchheader {
    color: #967939;
    vertical-align: middle !important;
    font-weight: bold;
}

.watchlistinputselect {
    width: 95%;
    font-size: 12px;
}

ul.watchlist li {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    font-size: 13px;
    list-style: none outside none;
    padding: 7px 0px 0px 0px;
    margin: 3px 0px 0px -20px;
    height: 43px;

}

ul.watchlist .col-md-7 {
    padding: 0px;
}

.watchlist.label {
    border-radius: 0.25em;
    color: #ffffff;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.4em 0.7em 0.4em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;

}

.watchtableheader {
    margin: 0px 0px 0px -20px;
}

.watchlist label[href]:hover, watchlist label[href]:focus {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.watchlisthr {
    margin: 3px 0px 0px 0px;
    height: 2px;
    border: 2px;
    background-color: #999;
}

/* invest page css*/

.recompagebg {
    background-color: #f4f4f4;
    min-height: 286px;
    padding-bottom: 1px;
}

.recomwhitebox {
    height: 244px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    margin: 10px 10px 20px 0px;
    padding: 15px;
}

.recomwhiteboxinput {
    margin: 2px 0px 7px 0px;
}

.recomwhiteboxinputsmall {
    margin: 2px 0px 7px 0px;
    width: 200px;
}

.recomwhitebox > hr {
    margin: 10px 0px 5px 0px;
}

.recompagetabouter {
    margin: 10px 10px 0px -20px;
}

.recompagetabheader {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #428bca;
    font-weight: normal;
}

table.recompagetabheader {
    margin: 13px;
    width: 96%;
}

table.recompagetabheader span {
    font-family: 'Open Sans', sans-serif;
}

table.recompagetabheader thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    background-color: #d9edf7;
}

table.recompagetabheader thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #414141;
    font-weight: normal;
}

table.recompagetabheader > thead > tr > th, .recompagetabheader > tbody > tr > th, .recompagetabheader > tfoot > tr > th, .recompagetabheader > thead > tr > td, .recompagetabheader > tbody > tr > td, .recompagetabheader > tfoot > tr > td {
    border: 1px solid #428bca;
}

table.recompagetabheader {
    border: 1px solid #428bca;
}

table.amctable td {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

table.amctable span {
    font-family: 'Open Sans', sans-serif;;
    font-size: 13px;
}

table.amctable thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #8f6f2b;
    font-weight: bold;
    background-color: #f3f1ec;
}

table.amctable thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
}

table.amctable > thead > tr > th, .amctable > tbody > tr > th, .amctable > tfoot > tr > th, .amctable > thead > tr > td, .amctable > tbody > tr > td, .amctable > tfoot > tr > td {
    border: 1px solid #dcd7c7;
}

table.amctable {
    border: 1px solid #dcd7c7;
}

.searchinput {
    width: 300px;
    margin: 0px 10px 8px 0px;
}

.btnorange {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #bd850e, #90702a);
    background-image: -moz-linear-gradient(top, #bd850e, #90702a);
    background-image: -ms-linear-gradient(top, #bd850e, #90702a);
    background-image: -o-linear-gradient(top, #bd850e, #90702a);
    background-image: linear-gradient(to bottom, #bd850e, #90702a);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #89723f 2px;
    text-decoration: none;
}

.btnorange:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.btngreen {
    background: #198c19;
    background-image: -webkit-linear-gradient(top, #198c19, #1e681e);
    background-image: -moz-linear-gradient(top, #198c19, #1e681e);
    background-image: -ms-linear-gradient(top, #198c19, #1e681e);
    background-image: -o-linear-gradient(top, #198c19, #1e681e);
    background-image: linear-gradient(to bottom, #198c19, #1e681e);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #387638 2px;
    text-decoration: none;
}

.btngreen:hover {
    background: #1d6a1d;
    background-image: -webkit-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -moz-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -ms-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -o-linear-gradient(top, #1d6a1d, #24a324);
    background-image: linear-gradient(to bottom, #1d6a1d, #24a324);
    text-decoration: none;
    color: #fff;
}

.btngreensearch {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding: 5px 25px 5px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensearch:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btngreensquare {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensquare:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btnorangesquare {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -moz-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -ms-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -o-linear-gradient(top, #9e6b19, #8d6019);
    background-image: linear-gradient(to bottom, #9e6b19, #8d6019);

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    border-top: solid #98825d 2px;
    border-left: solid #846737 2px;
    text-decoration: none;
}

.btnorangesquare:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.recomgobtn {
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: Arial;
    color: #000;
    font-weight: bold;
    font-size: 14px;

    background: #c1c0c0;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

.recomgobtn:hover {
    background: #e0e0e0;
    text-decoration: none;
}

.recomnav .nav-tabs > .active > a,
.recomnav .nav-tabs > li > a:focus
.recomnav .nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 #fff;
    background: #000 ! importent;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    border-bottom: -1px;
}

.recomnav .nav-tabs > li > a {
    background: none repeat scroll 0 0 #fff;
    background: #fff ! importent;
    border: 0px solid #ddd;
    border-radius: 0;
    color: #333;

}

.recomlfmrgn {
    margin-left: 10px;
}

.h5 {
    color: #1f5c0f;
    font-size: 14px;
    font-weight: bold;
}

.tab-contentinvesthome {
    overflow: auto;
    width: auto;
    height: 275px;
}

.tableheight {
    overflow: auto;
    width: auto;
    max-height: 510px;
}

.formCustom .form-group2 {
    width: 192px;
}

.paddingzero {
    padding: 0px;
}

.col-md-4small {
    margin-top: 13px;
    width: 4%;
}

.smtable {
    margin: 5px !important;
    height: 30px;
    width: 98% !important;
    padding: 15px !important;
}

.dashheader {
    padding: 12px 0px 0px 0px;
    margin: 0px 0px 4px 0px;;
    font-size: 18px
}

.easytransferul {
    list-style-image: url("../../imagesux/easytransferbullet.png");
}

.circle-text {
    width: 10%;
    margin: -30px 0px 0px -30px;
}

.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #3b3a3a;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.circle-text div {
    float: left;
    width: 100%;
    padding-top: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: white;
}

.dashboardgray{
    color:#666;

}

.dashscheme{

    margin:30px 0px;
}

.schemeamc{
    width: 65px;
    text-align: center;
    float: none;
    margin: 0px 0px 0px 25px;
}


.dashboardparagraph {
    font-size: 16px;
    color: #4A4A4A;
}


.pointdash{
    font-size:14px;
}

.quickregdashboard {
    padding: 15px 20px 15px 35px !important;
}

.quickregdashboardbtn{
    width: 180px;
}


invest-button-quickreg{
    width: 180px;
}
.color-swatch {
    border-radius: 3px;
    float: left;
    height: 90px;
    width: 350px;
    margin: 15px 15px;
    padding: 15px;
    color: #fff;

}

.color-swatches .gray-darker {
    background-color: #222;
}

.color-swatches .gray-dark {
    background-color: #333;
}

.color-swatches .gray {
    background-color: #555;
}

.color-swatches .gray-light {
    background-color: #999;
}

.color-swatches .gray-lighter {
    background-color: #eee;
}

.color-swatches .brand-primary {
    background-color: #337ab7;
}

.color-swatches .brand-success {
    background-color: #5cb85c;
}

.color-swatches .brand-warning {
    background-color: #f0ad4e;
}

.color-swatches .brand-danger {
    background-color: #d9534f;
}

.color-swatches .brand-info {
    background-color: #4099b4;
}

.color-swatches .bs-purple {
    background-color: #563d7c;
}

.color-swatches .bs-purple-light {
    background-color: #c7bfd3;
}

.color-swatches .bs-purple-lighter {
    background-color: #e5e1ea;
}

.color-swatches .bs-gray {
    background-color: #f9f9f9;
}

/* invest page css*/

/*New Dashboard */

.newplanux .Dash_market_panel {
    background-color: #f6f6f6;
    border-bottom: 1px solid #cecece;
}

.Dash_market_panel h4 {
    font-size: 17px;
    color: #b6b6b6;
}

.point {
    color: #3e3e3e;
    font-size: 18px;
}

.md_head {
    color: #1ab394;
    font-size: 12px;
}

.Dash_market_panel .green {
    color: #7ed321;
}

.Dash_market_panel .red {
    color: #ff0000;
}

.Dash_info_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    padding-bottom: 13px
}

.Dash_info_panel h3 {
    color: #3e3e3e;
    margin-top: 10px;
}

.Dash_graph_panel {
    background-color: #f4f4f4;
    border-bottom: 1px solid #cecece;
    padding-bottom: 30px
}

.Dash_product_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
}

.DashRight_panel_top {
    background-color: #9bc75e;
    height: 255px;
    border-bottom: 1px solid #cecece;
    padding-left: 0;
}

.DashRight_panel_bot {
    text-align: center;
}

.DashRight_panel_bot h3 {
    margin-top: 10px;
}

.dash_side_head {
    background-color: #fff !important;
    float: left;
    color: #559fe3;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    padding: 10px 5px 5px 15px;
    margin-bottom: 20px;
    width: 100%;
}

.dash_side_head a {
    text-decoration: none;
}

/* Gamification */
.game-note1 {
    color: rgb(77, 179, 139);
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.game-note2 {
    color: #2a6496;
    font-weight: bold;
    font-size: 15px;
}

.number_count {
    float: right;
    color: #FFF;
    width: 30px;
    height: 30px;

    border: 2px solid #FFF;
    text-align: center;
    position: relative;
    top: -4px;
    padding-top: 3px;
    border-radius: 50%;
}

.md_align {
    margin-top: 10px;
}

.md_cent {
    text-align: center;
    padding: 0;
    border-left: 0px solid #cecece;
}

.linkbox {
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

.linkbox li {
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    background-color: #23c6c8 !important;
}

.linkbox li a {
    color: #FFF;
}

.linkbox li p {
    font-size: 13px;
    font-weight: normal;
    margin-top: 0px;
    color: #ffffff;
    margin-bottom: 7px;
    padding-left: 35px;
}

.linkbox li:last-child {
    border-bottom: none;
}

.linkbox_1 {
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.linkbox_1 li {
    font-size: 12px;
    color: black;
    margin-bottom: 23px;
}

.linkbox_1 li p {
    font-size: 18px;
    color: #3e3e3e;
    text-align: center;
}

.pro_head {
    border-bottom: 1px solid #e7eaec;
    padding-bottom: 20px;
    margin-top: 0;
    padding-top: 15px;
    margin-bottom: 0;
}

.dash-box {
    padding-top: 30px;
    min-height: 200px;
}

.linkbox_2 {
    margin-top: 0px;
    padding: 0;
    list-style: none;
}

.linkbox_2 li {
    font-size: 12px;
    color: #3e3e3e;
    padding-bottom: 30px;
}

.linkbox_2 li p {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: bold;
    text-align: center;
}

.grey {
    background-color: #f9f9f9;
}

.white {
    background-color: #ffffff;
}

.imgArrow {
    position: absolute;
    left: -8px;
    top: 20px;
}

.imgMenu {
    position: absolute;
    right: 35px;
    top: 20px;
}

.equityMenuContent {
    width: 260px;
    height: 260px;
    background-color: #3e4a55;
    position: absolute;
    display: none;
}

.imgClose {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 99999;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #ffffff;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.equityMenuContent .nav > li > a:hover, .equityMenuContent .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

.equityMenuContent .tab-content {
    background-color: #3e4a55;
    padding: 0 10px;
}

.equityMenuContent .nav > li > a {
    color: #707b84;
    font-size: 16px;
}

.equityMenuContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #ffffff;
}

.equityMenuContent ul li.libi {
    border: 1px solid #ffffff;
    margin-bottom: 5px;
    border-radius: 7px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

.equityMenuContent h4 {
    color: #ffffff;
    margin-top: 20px;
}

.DashRight_panel_top .tab-content { /*background-color:#fb928f;  padding:0 10px;*/
}

.DashRight_panel_top .nav > li > a {
    color: #69883f;
    font-size: 16px;
}

.DashRight_panel_top .nav-pills > li.active > a, .DashRight_panel_top .nav-pills > li.active > a:hover, .DashRight_panel_top .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #454444;
    background-color: #9bc75e;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.DashRight_panel_top .nav > li > a:hover, .DashRight_panel_top .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

/*New equity revamp  start*/

.equitytable {
    margin-bottom: 0px !important;
}

.equitytable th {
    font-weight: bold !important;
    color: #000;
    font-size: 13px;
    background-color: #fff !important;
    text-align: left !important;
}

.equitypara {
    font-size: 12px;
    font-weight: normal !important;
}

.selectbig {
    width: 175px;
}

.selectsmall {
    width: 94px;
}

.equitytable input {
    width: 175px;
}

.smalltable {
    border: 1px solid #ccc;
    width: 98% !important;
    background-color: #fff;
}

.clrtext {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.clrtext2 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #3a6b9b;
}

.clrtext3 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.divborder {
    border: 1px solid #ccc;
    padding: 10px;
}

.smalltext {
    color: #000;
}

.paymentbox {
    background-color: #f2f2f2;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px
}

.paymentbluebox {
    background-color: #6699ff;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 12PX;
    padding: 15px;
}

.popcolum {
    padding-left: 0 !important;
    float: left;
}

.popcoluminput {
    height: 37px;
}

.market .nav-tabs {
    border-bottom: 2px solid #DDD;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li.active > a:focus, .market .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.market .nav-tabs > li > a {
    border: none;
    color: #666;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
}

.market .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.market .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.market .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.market .tab-pane {
}

.market .tab-content {
    padding: 20px
}

/*New smartrecomdations start*/

.smartcenter {
    text-align: center;
    margin: auto;
}

.smartcenter p {
    text-align: center;
    margin: auto;
}

.smartcenterbg {
    background-color: #fff;
    width: 100%;
}

.smartheader {
    color: #967939;
    font-weight: bold;
}

.smartheader p {
    color: #000;
    font-weight: normal;
}

.smarthr {
    width: 50%;
    background-color: #ccc;
    border-color: #000
}

.smarthr2 {
    width: 200px;
    background-color: #ccc;
}

.smartfundtext {
    color: #167fda;
    font-size: 17px;
    font-weight: normal;
}

.smartfundtext p {
    color: #000;
    font-size: 13px;
}

.smartgreentext {
    color: #105a0d
}

.smartcenterlast {
    width: 233px;
    margin: 40px auto;
}

.expandtext {
    border: solid 1px #c3c3c3;
    width: 820px;
    margin: auto;
    cursor: hand;
}

.sspanel, .ssflip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    cursor: pointer;

}

.sspanel p {
    text-align: justify !important;
}

.sspanel {
    padding: 10px;
    cursor: hand;
    display: none;
    text-align: justify !important;
    font-size: 12px;
}

.input-number {
    font-size: 20px;
    height: 37px;
    padding: 0 12px;
    width: 150px;
}

@media only screen and (max-width: 768px) {

    .smartcenter {
        margin: -57px auto auto;
        text-align: center;
    }

    .input-number {
        margin-top: 5px;
    }

}

/*New smartrecomdations end */

@media only screen and (max-width: 640px) {
    .newdashtop {
        margin-top: 82px
    }

}

.Dash_graph_panel .highcharts-axis {
    display: none
}

/* custom inclusion of right, left and below tabs */

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 14px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.newdash_iname {
    margin-top: 24px;
    font-size: 12px;
    text-align: right;
    line-height: 15px;
    padding-right: 0;
}

@media only screen and (max-width: 980px) {

    .newdash_iname {
        text-align: center !important;
    }

}

/*---make payment new ui---*/

.mk-topbox {
    border: 1px solid #cfdcdf;
    padding: 5px 15px;
    font-weight: 400;
    color: #414141;
    font-size: 12px;
}

.mk-fsize {
    font-size: 24px
}

.mk-scheme {
    color: #428bca;
    font-size: 13px;
    line-height: 20px;
}

.mk-schemebtn {
    border-radius: 25px;
    border: 1px solid #9cc4e7;
    background: #dcefff;
    padding: 5px 15px;
    color: #1f629c;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal
}

#mk-tabs .nav-tabs {
    border-bottom: none
}

#mk-tabs .nav-tabs > li {
    margin-right: 10px;
    padding-left: 0px;
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) 10px 13px no-repeat #f8f8f8;
}

#mk-tabs .nav-tabs > li a, #mk-tabs .nav-tabs > li a:hover, #mk-tabs .nav-tabs > li a:focus {
    background: none;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    padding-left: 25px;
    margin-left: 7px
}

#mk-tabs .nav-tabs > li.active {
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) 10px 13px no-repeat #f8f8f8;
    position: static
}

#mk-tabs .nav-tabs > li.active a .arrow {
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-top-arrow.png) 25px 27px no-repeat;
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 46px
}

#mk-tabs .nav-tabs > li.active > a, #mk-tabs .nav-tabs > li.active > a:hover, #mk-tabs .nav-tabs > li.active > a:focus {
    border: 0;
    background-color: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #22629a;
    font-weight: normal;
}

#mk-tabs .tab-content {
    border: 1px solid #428bca;
    margin-top: 5px;
    padding: 15px;
    padding-bottom: 0px;
    min-height: 330px;
}

.mk-pay-btn {
    background: #47a447;
    border-radius: 10px;
    border: 2px solid #d7caca;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px
}

.mk-blu-box {
    background: #428bca;
    padding: 30px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold
}

.mk-bm-box {
    border: 1px solid #cedbde;
    padding: 10px 20px 0 20px;
}

.mk-ra-lbl {
    font-weight: bold;
    font-size: 13px;
    color: #428bca;
    float: left;
}

.mk-ra-lbl span {
    font-weight: normal;
    font-size: 12px;
}

.mk-title {
    font-weight: bold;
    font-size: 14px;
    color: #414141;
    padding-bottom: 4px
}

.mk-p {
    font-size: 13px;
    color: #414141;
    padding-bottom: 15px;
    text-align: left
}

.mk-p-blue {
    font-size: 13px;
    color: #428bca;
    padding-bottom: 15px
}

.mk-neft-label {
    font-size: 12px;
    color: #428bca;
    font-weight: normal;
}

.mk-neft-input {
    height: 30px !important;
    border-radius: 0;
    box-shadow: none;
}

.mk-neft-input:focus {
    box-shadow: none
}

#mk-tabs .form-group {
    margin-bottom: 10px
}

.mk-neft-rtxt {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    margin-bottom: 5px;
    float: left;
    /* display: inline-block; */
    /* width: 25%; */
    margin-right: 30px;
}

.mk-neft-rtxt span {
    color: #428bca
}

.mk-show {
    float: left
}

.mk-foo {
    font-size: 10px;
    color: 5 a5a5a;
    padding-bottom: 0px
}

#mk-tabs .tab-pane {
    padding: 0
}

 .make-pay-radio input[type=checkbox] {
    display: none;
}

.make-pay-radio input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid #428bca;
    float: left;
    margin-top: 20px
}

.make-pay-radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #428bca;
    background-color: #fff;
    font-size: 1.8em;
    text-align: center;
    line-height: 15px;
    text-shadow: 0px 0px 3px #eee;
}

.make-pay-radio input[type=checkbox] + label:before {
    content: "";
    width: 25px;
    height: 15px;
    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) no-repeat 0 50%
}

.make-pay-radio input[type=checkbox]:checked + label:before {
    content: "";
    width: 25px;
    height: 15px;

    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) no-repeat 0 50%
}

/*@media screen\0 {
.ie8910 {property:value;}
 .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
    display: block;
 }
 .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
        background: none;
 }
 .make-pay-radio input, .make-pay-radio label{
        float: left;
 }
}

@media \0screen {
    .ie8 {property:value;}
    .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
          display: block;
         }
         .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
                background: none;
         }
         .make-pay-radio input, .make-pay-radio label{
                float: left;
         }

}*/

#mk-tabs select {

    /* styling */
    background-color: white;
    /* border: thin solid blue;*/
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   
}

/* arrows */

#mk-tabs select.classic {
    background-image: linear-gradient(45deg, transparent 50%, #555555 50%),
    linear-gradient(135deg, #555555 50%, transparent 50%),
    linear-gradient(to right, #c2c2c2, #c2c2c2);
    /*background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      100% 0;*/
    background-position: calc(100% - 15px) calc(1em + -2px),
    calc(100% - 10px) calc(1em + -2px),
    100% 0;
    background-size: 5px 5px,
    5px 5px,
    2.1em 2.1em;
    background-repeat: no-repeat;
    border-radius: 0;
    height: 30px;
}

#mk-tabs select.classic:focus {

    box-shadow: none
}

.mk_pymt_mobile_view {
    padding: 10px;
}

/*================ nonreguserheader ========*/

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
        padding: 15px 0 15px 8px ! import;
    }

    #confirmation .ibox-content .table thead > tr > th {
        padding-left: 8px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .make-pay-radio input[type=checkbox]:checked + label:before {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .mk-neft-border {
        border-right: 1px solid #c9c9c9
    }

    .mk-neft-pad {
        padding-right: 15px
    }

    .mk-neft-pad1 {
        padding-left: 0px;
        margin-top: 15px;
    }

    .mk-width {
        width: 90%;
        max-width: 1100px
    }

}

@media only screen and (max-width: 980px) {

    .mk-pay-btn {
        margin-bottom: 20px
    }

}

@media only screen and (min-width: 480px) {

    .mk-show {
        float: right
    }

}

@media only screen and (max-width: 480px) {
    .mk-ra-lbl {
        padding-left: 0
    }

    #mk-tabs .nav-tabs > li.active a .arrow {
        display: none
    }

    #mk-tabs .nav-tabs > li {
        margin-bottom: 10px;
        width: 100%
    }

    .mk-fsize {
        clear: both;
        font-size: 18px;
    }

    .mk_pay_arrow_img {
        display: none;
    }

}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .color-swatch {
        border-radius: 3px;
        float: left;
        height: auto;
        width: 100%;
        margin: 15px 0px;
        padding: 15px;
        color: #fff;
    }
}

/*	FATCA Form: Dashboard fancy box pop up - Start	*/
.select-style-popup {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop.jpg") no-repeat 100% 0%;
}

.select-style-popup select {
    padding: 6px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup select:focus {
    outline: none;
}

.select-style-popup1 {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #eaeaea;

    background: #eaeaea url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop1.jpg") no-repeat 100% 0%;
}

.select-style-popup1 select {
    padding: 2px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup1 select:focus {
    outline: none;
}

.po-show {
    background: #eaeaea;
    padding: 12px 0 3px 0
}

.po-submit {
    border-radius: 3px;
    background: #5cb85c;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit2 {
    border-radius: 3px;
    background: #3a963a;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit3 {
    border-radius: 3px;
    background: #2f2e2e;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

a:hover.po-submit {
    color: #fff;
}

.popover-content {
    font-size: 12px;
    color: #000;
    font-weight: normal
}

.popover-title {
    color: #000;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.popover {
    max-width: 550px;
}

.po-countr {
    color: #428bca;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px
}

.po-countr-mo {
    display: none !important
}

.logoutmobile {
    display: none;
}

@media only screen and (max-width: 768px) {

    .po-countr {
        color: #428bca;
        font-size: 12px
    }

    .logoutmobile {
        display: none;
        margin-left: 17px;
    }

    .navbar-nav > li > a {
        line-height: 17px;
    }

    .bs-docs_nav .nav li a {
        color: #d4d4d4;
        font-size: 15px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 767px) {

    .logoutmobile {
        display: block;
        margin-left: 17px;
    }

}

@media only screen and (max-width: 640px) {

    .select-style-popup {
        margin-bottom: 12px
    }

    .select-style-popup1 {
        margin-bottom: 12px
    }

    .po-show {
        background: #eaeaea;
        padding: 12px 15px 10px 15px;
    }

    .popover {
        max-width: 300px;
    }

    .po-countr-mo {
        display: block !important
    }
}

.po-warning {
    border-radius: 3px;
    background: #F0AD4E;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding: 5px 40px;
}

/*	FATCA Form - End	*/

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px 20px 52px 20px;
    max-width: 100%
}

.bottom-position {
    /* margin-top: 28px; */
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 9999;
}

.leftnav_active_page {
    background: #b6e2d9 !important;
}

.watchlist_add_symbol .watch {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
    font-size: 10px;
    padding-left: 6px;
    padding-top: 2px;
}

.watchlist_add_symbol .unwatch {
    color: #FFFFFF;
    font-size: 10px;
    padding-left: 5px;
    padding-top: 2px;
    padding-right: 6px;
}

.mf_search_funds_tab > li > a, .mf_search_funds_tab > li.active > a {
    padding: 10px 40px 10px 40px !important;
    border: none !important;
}

.newplanux .white-rightcontainer {
    margin-right: 0px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 20px;
}

#monthlyAmount {
    background-position: 6px 10px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 10px;
}

.terms a {
    color: #4e62b7
}

.newplanux .terms {
    margin-bottom: 40px;
}

@media all and (max-width: 768px) {
    .bottom-position {
        /* margin-top: 28px; */
        position: absolute;
        right: 23px;
        bottom: 19px;
        z-index: 99;
    }
}

/* Super savings Web view only  */
@media (min-width: 768px) {

    .supersavings-mobile-container .form-group {
        margin-right: 0;
        margin-left: 0;
        width: 25%;
        float: left;
    }

    .supersavings-mobile-container .form-group label {
        width: 100%;
        text-align: left;
    }

    .supersavings-mobile-container .form-group .control-field {
        margin-top: 20px;
        width: 100%;
    }

    .supersavings-mobile-container .form-group.tot_amt_div {
        clear: both;
        width: 50%;
        float: right;
        max-width: 430px;
        margin-top: 20px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div label {
        width: 33.3333%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div .control-field {
        width: 66.6666666%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container {
        overflow: hidden;
    }
}

@media (max-width: 767px) {

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
        padding-top: 0px;
    }
}

/* CSS Document */
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('../../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Regular.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('../../fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Demi.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Demi.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**Header**/
html, body {
    padding: 0px;
    margin: 0px;
}

html {

}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px !important;
    overflow-y: scroll;

    overflow-y: scroll;
}

:focus {
    outline: 0px !important;
}

h1, h2, h3, h4, h5, h6, a, span.plan_title, .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .breadcrumb > li, .breadcrumb > li a, .explore_box p, .btn {
    font-family: '' Open Sans ', sans-serif; Sans Narrow', sans-serif;
}

h1, h2, h3, {
    font-weight: 500;
}

h4, h5, h6, {
    font-weight: 700;
}

.newplanux h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

a { /*font-size:16px;*/
}

.btn {
    font-size: 14px;
}

.text12 {
    font-size: 12px !important;
    color: #000;
}

p, span, table, select, input {
    font-family: 'Open Sans', sans-serif;
}

p {
    text-align: justify;
}

.funds_header .menu_items {
    margin-left: 30px;
    margin-top: 15px;
}

section .container, footer .footer_container {
    padding-left: 25px;
}

.section_no_bar {
    margin-top: 90px;
}

table {
    background-color: #fff;
}

.dropdown-menu > li > a {
    font-size: 16px;
}

.table-super-saving > thead > tr > th {
    padding: 8px !important;
}

.breadcrumb > li {
    font-size: 16px;
}

.funds_header {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    background: #ffffff;
}

.funds_header .menu_items li a:hover, .funds_header .contact_info li a:hover {
    background: none;
    color: #8f6f2b;
}

.btn:focus, a:focus, .navbar-toggle {
    outline: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.funds_header .menu_items li.active a {
    color: #8f6f2b;
}

.funds_header .navbar-inverse .navbar-collapse {
    border-color: #e1e2e4;
    overflow-x: hidden;
}

.funds_header .navbar-inverse .navbar-toggle {
    background-color: #8f6f2b;
    border-color: #866725;
}

.navbar > .container .navbar-brand {
    margin-left: 0px;
}

.funds_header .navbar-inverse .navbar-nav > li > a {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

.txt-upper {
    text-transform: uppercase;
}

.bs-docs_nav {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    background-color: #414141;
    border-color: #414141;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
}

.bs-docs_nav .nav li a {
    color: #d4d4d4;
    font-size: 16px;
    text-transform: uppercase;
}

.bs-docs_nav .nav li a:hover {
    background: none;
    color: #ffffff;
}

.bs-docs_nav .nav li.active a {
    color: #ffffff;
}

.bs-docs_nav .nav li.active {
    position: relative;
}

.bs-docs_nav .nav li.active:after {
    content: '';
    height: 12px;
    width: 13px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.icon-download {
    background: url(../../images-new/postLogin/download.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-help {
    background: url(../../images-new/postLogin/help.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-chat {
    background: url(../../images-new/postLogin/chat.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.navbar-right .icon-download {
    margin-left: -6px;
}

.navbar-right .icon-help {
    margin-left: -6px;
}

.navbar-right .icon-chat {
    margin-left: -6px;
}

.icon-help {
    /*background:url(../../images-new/postLogin/help.png) no-repeat;
        width:20px;
        height:28px;
        display:inline-block;
        vertical-align:top;*/
}

.profile-container {
    border-radius: 30px;
    border: 3px solid #cccccc;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 5px;
}

.profile-container img {
    width: 100%;
}

.profile-name {
    color: #8f6f2b;
    display: block;
}

.contact_info {
    margin-top: 5px;
}

.contact_info .pos-rel {
    padding-top: 10px;
}

.contact_info li a {
    color: #5b5b5b;
}

.profile-info {
    margin-top: 15px;
    text-align: right;
}

.dis-inline {
    display: inline-block !important;
}

.pos-rel {
    position: relative;
}

.navbar-collapse {
    padding-left: 0px;
    /*max-height:550px;*/
    padding: 0 10px;
    max-height: none !important;
}

.navbar-header {
    padding: 0 10px;
}

.navbar-toggle {
    background-color: black;
    margin-top: -53px;
}

.navbar-toggle .icon-bar {
    background: #ffffff;
}

.back-btn {
    margin-top: 10px;
    padding-bottom: 2px;
}

.icon-back-btn {
    background: url(../../images-new/postLogin/back-btn.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.tablesize {
    width: 50%;
}

/* Dashboard CSS */

svg {
    max-height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.css_blink {
    background-color: #4A9E19;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    margin-left: 10px;
}

.css_blink:hover {
    text-decoration: none;
}

.css_blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

/*single menu header*/
.single-header-container .menu_items {
    float: none !important;
}

.single-header-container .txt-upper {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-top: 30px !important;
}

.single-header-container .navbar-collapse li.active a {
    color: #8f6f2b;
}

.single-header-container .navbar-collapse li a:hover {
    background-color: transparent;
    color: #8f6f2b;
}

.single-header-container {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4d4d4; /*for ie8*/

}

.removepad {
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}

.navbar-collapse .navbar-nav.navbar-right:last-child, .bs-docs_nav .navbar-right {
    margin-right: 5px !important;
}

/*Breadcrum Styles*/
.breadcrumb {
    margin: 10px 0px 10px 0px;
}

.breadcrumb {
    background-color: transparent !important;
    padding: 0;
    line-height: 30px;
}

.breadcrumb > .active {
    color: #2f3436;
}

.clr-both {
    clear: both;
}

.over-auto {
    overflow: auto;
}

.border {
    border: 1px solid #dedede;
    padding: 15px 20px;
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

.right_sidebar {
    height: 634px;
    overflow-y: auto;
}

/**Explore Dropdown**/

.explore_box {
    border: 1px solid #d9d9d9;
    box-shadow: 1px 2px 6px 2px #e2e2e3;
    background: #fafafc;
    position: absolute;
    /*top: 96px;*/
    right: 0px;
    left: 0px;
    width: 980px;
    /*overflow: visible !important;*/
    margin: 0 auto;
    padding-bottom: 20px;
    z-index: 999999999;
}

.explore_box .col-md-5 {
    border-right: 1px dotted #d9d9d9;
    padding-left: 0px;
    padding-right: 0px;
}

.explore_box .col-md-2 {
    padding-left: 0px;
    padding-right: 0px;
}

.explore-arrow {
    left: 430px;
    position: fixed;
    top: 55px;
    /*right: 37.3%;*/
    z-index: 9999999999;
}

.explore_box .col-md-12:first-child {
    height: 30px;
    margin-top: 5px;
}

.explore_box .col-md-12 {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}

.explore_box .heading {
    color: #000000;
    margin-left: 20px;
}

.explore_box p {
    color: #8f6f2b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.funds_header .menu_items li a {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.dropdown-menu.explore_box li a {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}

.explore-ct .icon_cross {
    position: absolute;
    right: 9px;
    top: 10px;
    z-index: 99999;
    cursor: pointer;
}

.dropdown-menu.explore_box li a:hover {
    color: #8f6f2b;
}

.explore_cont {
    right: 0px;
    width: 880px;
    margin: 0 auto;
    float: none;
    top: 65px;
}

.navbar-nav > li.explore_link {
    position: static;
}

.explore_box .col-md-2 .col-md-12:first-child img {
    padding-right: 15px;
}

.navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
    display: none;
}

.img-responsive {
    margin-right: 30px;
}

.explore_box .col-md-5:first-child img {

    width: 100%;
}

.exploredropdown_container ul.bullets {
    padding-left: 20px;
}

.explore_box .col-md-12 .col-md-6:nth-child(2) {
    padding-left: 0px;
}

.dis-block {
    display: block;
}

.single-anchor-style {
    font-size: 16px;
}

/**Footer**/
.footer_bg {
    padding: 15px 0;
    background: #333333;
    width: 100%;
    margin-top: 20px;
}

.footer_container {
    color: #cccccc;
    font-size: 14px;
    line-height: 26px;
}

.footer_container li span {
    color: #fff;
}

.footer_container li a {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.footer_container li.active a {
    color: #6298ec;
}

.footer_container .footer_static {
    font-size: 13px;
}

.footer_container .col-md-7 {
    padding-right: 14px;
}

/**header_no_bar***/
.header_no_bar .navbar-header {
    display: block !important;
}

.header_no_bar .bs-docs_nav .navbar-header {
    display: none !important;
}

.header_no_bar .bs-docs_nav {
    background: none;

}

.header_no_bar .divider {
    display: none;
}

.stp-inv-schemelist, .inv_swi_tran_div, .quick_trans_search_div, .vip_instr_div, .inv_val_ip_div, .VIP_add_scheme_div, .trigger_purchase_search_div, .trigger_calc_div {
    height: 470px
}

.vtp_instructions_div, .bonds_home_page_div {
    height: 570px;
    overflow-y: scroll;
}

.ttransupload_div, .ttransuploadstatus_div {
    padding-bottom: 70px !important;
}

.inv_switrans_action {
    height: 520px
}

.easy_inv_st_lt {
    height: 460px
}

.qk_trans_cur_stat_lst {
    width: 100%
}

.easy_trans_home {
    margin-bottom: 60px !important
}

.eq_transaction_div {
    margin-bottom: 60px;
}

.quick_transfer_home {
    height: 450px;
}

.trigger_setup_main_div {
    height: 470px;
}

.trigger_setup_main_radio_div {
    height: auto !important;
}

.sidebar-offcanvas {
    z-index: 101;
}

.padding-top-five {
    padding-top: 1px;
}

.offline_redempdf_table {
    margin-top: 30px
}

.offline_redempdf_table td {
    padding: 15px;
}

.fixed_deposit_list_div {
    padding-bottom: 50px;
    overflow-x: scroll;
}

.fixed_deposit_in_div {
    float: left;
    padding-top: 10px;
}

.fd_process_flow_div, .fd_faq_div {
    padding-bottom: 80px;
    overflow-x: scroll;
}

.fd_faq_table {
    display: block;
    padding: 10px;
}

.hdfc_fd_div, .dhfl_fd_div, .mahindra_fd_div, .NHB_fd_div, .fd_processflow_div, .corporate_fd_div, .shriram_fd_div, .icici_fd_div, .shriram_city_fd_div, .dhfl_swayamsidha_fd_div, .rdhdfc_fd_div, .lic_housing_fd_div, .hudconew_fd_div, .PNBH_new_fd_div, .fd_scheme_list_div, .fd_portfolio_div, .fd_confirmation_div, .fdCompare_fd_div {
    width: 100%;
    height: 580px;
    overflow: auto;
    padding: 0px 30px 0px 30px;
}

.hdfc_fd_invest_now_btn {
    margin-top: 20px;
}

.btst_Shares_div, .general_equity_ETFSip_div {
    margin-bottom: 40px
}

.quote_Details_table_2_div, .equity_Investor_Create_div {
    margin-bottom: 70px
}

.equity_input_fields {
    height: auto;
    width: auto
}

.white-bg-color, .white-bg-color > li.active {
    background: #ffffff !important;
}

.select_opt_font {
    font-size: 13px !important;
}

.equity_home_action_tab > li.active {
    font-size: 14px !important;
}

.btn_watch_list_ajax {
    width: 39px;
    padding: 4px;
    font-size: 14px !important
}

.watchlist_delete_icon, .md_delete_icon {
    color: #ec4758;
    font-size: 19px
}

.equity_today_pending_orders_div, .equity_today_pending_orders_div {
    padding: 5px 20px 15px 20px;
}

.equity_payment_gateway_two_grid {
    text-align: center
}

.equity_payment_gateway_other_title h3 {
    font-weight: bold;
}

.equity_payment_gateway_other_note {
    margin-left: 30px;
}

.equity_payment_gateway_other_row {
    margin-bottom: 60px;
}

.equity_h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.equity_basket_select_medium {
    width: auto;
    max-width: 300px;
    display: inherit;
}

.equity_md_fields {
    display: inherit;
    width: inherit;
}

.md_tiny_inputfield {
    width: 75px;
}

.pagination {
    display: inline;
}

.equity_own_basket_search_button {
    margin-bottom: 0px !important
}

.equity_own_basket_select_scheme_input {
    float: left;
}

.equity_own_basket_select_scheme_back {
    float: right;
}

.equity_own_basket_search {
    margin-top: 10px;
}

.equity_own_basket_scheme_add {
    clear: both;
}

.equity_own_basket_get_quote_text {
    font-size: 14px;
}

.equity_divs_overflow {
    overflow: auto;
}

.sip-label {
    text-align: left !important;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option, .general_equity_etfsip_inv_select, .general_equity_etfsip_inv_label {
    padding-left: 0px;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option {
    padding-bottom: 10px;
}

.equity_gen_ETFSipList_div {
    overflow: auto;
}

.equity_general_etfsip_confirmation_buttons {
    float: right;
}

.market_watch_buy_add_buttons {
    width: 190px
}

.form_expand_button {
    cursor: pointer
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.faq-question {
    color: #179d82 !important;
}

.fd-process-flow-imgs > a > img {
    width: 25%;
}

.myacc_dashboard > li.active {
    border-left: none !important;
}

.inv_ind_reg_name {
    width: 250px;
}

.sips_first_payment {
    padding-left: 30px;
}

.table-small-checkbox, .table-small-checkbox label {
    padding-left: 5px
}

#indicesList a {
    color: #337ab7;
}

.display_inline {
    display: inline !important;
}

.no_wrap {
    white-space: nowrap;
}

#fancybox-overlay {
    z-index: 2002 !important;
}

#fancybox-wrap {
    padding: 0px !important;
}

@media (min-width: 1200px) {
}

@media (max-width: 768px) {
    .tablesize {
        width: 100%;
    }

    .schemeamc{
        width:60px;
        margin:0px 0px 0px 0px;
        float:right;
    }
    .dashboardparagraph {
        font-size: 14px;

    }

    .quickregdashboardbtn{
        width:100%;
    }
    .quickdashboardbtnmobile{
        width:100%;
        font-size:17px!important;
    }
    .pointdash {
        color: rgba(0, 0, 0, 0.87) !important;
        font-size: 12px;
        line-height: 17px;
    }

    .btnsmalltext{
        font-size:10px;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

}

.eq_trans_center {
    text-align: center
}

.equ_disp_order_popup {
    margin-top: 15px
}

.equity_own_basket_results_table {
    width: 100%
}

.equity_own_basket_search {
    overflow: auto
}

.margin-left-20 {
    /*	margin-left: 20px !important */
}

@media (min-width: 361px) and (max-width: 620px) {

    .colxstext {
        font-size: 12px !important;
    }
}

@media (min-width: 361px) and (max-width: 420px) {

    .alert.stp-inv-alerts.alert-info {
        width: 65% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 90px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 310px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px;
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
        margin-bottom: 450px
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }

}

@media (min-width: 361px) and (max-width: 390px) {
    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px !important;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }
}

@media (min-width: 321px) and (max-width: 360px) {

    .alert.stp-inv-alerts.alert-info {
        width: 55% !important
    }

    .button-stpinv-scheme-list, .button-swinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 95px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important;
    }
}

@media (max-width: 320px) {
    .alert.stp-inv-alerts.alert-info {
        width: 48% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 105px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 210px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_dv, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 80px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 560px !important
    }

}

@media (max-width: 420px) {
    .stp-hmobile-height {
        height: 660px
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        margin-bottom: 80px !important;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div {
        margin-bottom: 80px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 460px
    }

}

@media (max-width: 768px) {

    .btn-group-xs > .btn, .btn-xss {
        border-radius: 3px;
        margin: 100px 0px 0px 0px;
        font-size: 12px;
        line-height: 1.5;
        padding: 1px 5px;
    }

    .stp-select {
        width: 195px !important;
    }

}

@media (max-width: 1024px) {

    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .sip_font_12 {
        font-size: 12px !important;
    }

}

@media (max-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;

    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {
        display: block;
    }

    /**/
    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 14px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

.bs-navbar-child-collapse {
    height: 400px !important;
}

a.list-group-item {
    font-weight: normal;
    font-size: 16px;
}

/* Landscape phones and down */
@media (max-width: 480px) {

    .right_sidebar {
        height: auto !important;
    }
}

/*for scrolling*/
/* Let's get this party started */
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px;
 border-radius: 10px;*/
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    /* background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);*/
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*-----------------------------------------Invest page start here---------------------------------------*/

@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;

}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
    width: 123px;
    font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

/*.radio_container {
        position: relative;
    margin-left: 100px;
    height: 365px;
    overflow: auto;
}*/
.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.libi .green {
    color: #7ed321;
}

.libi .red {
    color: #ff0000;
}

.equityMenuContent .nav-justified > li {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-justified > li a:hover {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    background: #3e4a55;
    border-bottom: 0 !important;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
/*::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
/*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
/*background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);
    }*/
::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}

*/

/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

/*-----------------------------------------Invest page end here---------------------------------------*/

/*-----------------------------------------Dashboard page start here---------------------------------------*/

/* CSS Document */
.dboardlink a {
    color: #000000;
    font-family: open sans;
    font-size: 13px !important;
    font-weight: normal;
}



.dboardlink thead {
    background-color: #f9f9f9;
}

.panel-default {
    border-color: #ffffff !important;
}

.dboardlink .form-control {
    padding: 1px 2px !important;
    font-size: 12px;
    height: 25px;
}

/*.panel-body{padding:0px 5px !important;}*/
.tab-pane .btn {
    font-size: 13px;
}

.panel-heading {
    padding: 5px 15px;
}

.dashboard_tabbed_view {
    background: #ffffff;
}

.newlook {
    font-weight: normal;
    text-decoration: underline;
    margin-right: 20px;
}

/*sprites begin*/
.Gain, .Loss, .Thumbs_up, .Thumbs_down, .Graph, .Graph_active {
    background: url(../../images-new/postLogin/dashboardsprite.png) no-repeat;
    display: inline-block;
}

.Gain {
    background-position: -5px -3px;
    width: 12px;
    height: 15px;
}

.Loss {
    background-position: -29px -3px;
    width: 12px;
    height: 15px;
}

.Thumbs_up {
    background-position: -5px -27px;
    width: 15px;
    height: 15px;
}

.Thumbs_down {
    background-position: -28px -29px;
    width: 15px;
    height: 16px;
}

.Graph {
    background-position: -55px -3px;
    width: 19px;
    height: 17px;
}

.Graph_active {
    background-position: -55px -28px;
    width: 20px;
    height: 17px;
}

.resp-vtabs .resp-tabs-container {
    border-right: 0px solid #000;
}

/*sprites end*/

/*alert styles begin*/
.alert {
    font-size: 15px;
    margin-top: 10px;
    position: relative;
}

.alert .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.green_text {
    color: #3e854e;
}

.green_text_home {
    color: #18b20c;
}

.btn_invest, .btn_invest:hover {
    color: #fff;
    border: 1px solid #336699;
    background: #336699;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

.btn_payment, .btn_payment:hover {
    color: #fff;
    border: 1px solid #40854f;
    background: #40854f;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

/*alert styles end*/

/*plan new ux styles start*/

/*#canvas{
        display: flex;
        justify-content: center;
        align-items: center;
}*/

.section_margin {
    ext-align: center;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

.section_margin > h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 4px
}

.section_margin P {
    text-align: center;
}

.row-centered {
    width: 90%;
    margin: auto;
}

.planbox {
    background-color: #fff;
    box-shadow: -3px -1px 16px #A2A0A0;
    text-align: center;
    padding: 20px;
    margin: 10px auto;
    width: 210px;
    height: 230px;
    position: relative;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.planbox:hover {
    cursor: pointer;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    position: relative;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    box-shadow: 0px 0px 26px #888888;
    z-index: 1;
}

.newplanux .home_readmore {
    text-transform: uppercase;
    background-color: #0d4c8f;
    color: #FFF;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    top: -18px;
    z-index: 2;
    visibility: hidden;
}

.newplanux .boxed-wrapper-topdiv:hover .home_readmore {
    visibility: hidden; /* Hidden temporarily */
    display: inline-block;
    -webkit-transition: all ease 1.75s;
    transition: all ease 1.75s;
}

.main-menu-highlight {
    background-color: #5bd88d !important;
}

.main-menu-highlight a {
    color: #FFF !important;
}

/* Planbox animation on border */
.planbox:before, .planbox:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.planbox:before {
    border-top: 1px solid #2858A0;
    border-bottom: 1px solid #2858A0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.planbox:after {
    border-right: 1px solid #2858A0;
    border-left: 1px solid #2858A0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.arrow-right {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #2858A0;
    transform: rotate(-45deg);
    position: absolute;
    top: -17px;
    right: -4px;
}

.planbox:hover:before, .planbox:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.planbox h3 {
    font-size: 18px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: normal;
    color: #414141;
}

.planbox p {
    font-size: 11px;
    text-align: center;
    color: #848484;
}

.im-centered {
    margin: auto;
    width: 90%;
}

.footerright {
    float: right;
    margin: 5px 4% 10px 30px;
}

.footerleft {
    float: left;
    margin: 5px 30px 10px 3%;
}

.footerright img, .footerleft img {
    margin: 0px 10px
}

.right img, .left img {
    margin: 0px 10px 0 0;
}

.showoff, .showoff2 {
    background: green none repeat scroll 0 0;
    color: #fff;
    margin: 2em 6em;
}

.showoff2, .showoff:hover {
    background: red none repeat scroll 0 0;
    border-color: red;
    border-radius: 1em;
    color: #000;
    transform: scale(2);
}

.showoff2:hover {
    background: green none repeat scroll 0 0;
    border-color: green;
    border-radius: 0;
    color: #fff;
    transform: scale(1);
}

.showbox {
    background-color: #fff;
    border: 2px solid green;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 4em 1em;
    text-align: center;
    width: 100px;
}

.showbox1 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox2 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox3 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox1.slideright:hover {
    -webkit-transform: translate(3em, 0);
    -moz-transform: translate(3em, 0);
    -o-transform: translate(3em, 0);
    -ms-transform: translate(3em, 0);
    transform: translate(3em, 0);
}

.grid {
    padding: 20px 20px 100px 20px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid li {
    display: inline-block;
    width: 240px;
    margin: 0;
    padding: 20px;
    text-align: left;
    height: 400px;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
}

.grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.grid figcaption span:before {
    content: 'by ';
}

.grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}

/* Pre loader for newplan ux */

#loading.newplan #page {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-linear-gradient(bottom left, #000000 10%, #2858A0 65%, #0C2F72 125%);
    background: linear-gradient(to top right, #000000 10%, #2858A0 65%, #0C2F72 125%);
    /* background: -webkit-linear-gradient(bottom left, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    /* background: linear-gradient(to top right, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

#loading.newplan #phrase_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 150px;
    overflow: hidden;
    width: 260px;
}

#loading.newplan #phrases {
    -webkit-animation: slide-phrases-upward 20s;
    animation: slide-phrases-upward 20s;
}

@-webkit-keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

@keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

#loadingCheckCircleSVG-0 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-1 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-2 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-3 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-4 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-5 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-6 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-7 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-8 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-9 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-10 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-11 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-12 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-13 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-14 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-15 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-16 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-17 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-18 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-19 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-20 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
    fill: white;
    opacity: 0;
}

@-webkit-keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

#loadingCheckSVG-0 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}

#loadingCheckSVG-1 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

#loadingCheckSVG-2 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#loadingCheckSVG-3 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

#loadingCheckSVG-4 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

#loadingCheckSVG-5 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

#loadingCheckSVG-6 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

#loadingCheckSVG-7 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}

#loadingCheckSVG-8 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}

#loadingCheckSVG-9 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
}

#loadingCheckSVG-10 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
}

#loadingCheckSVG-11 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}

#loadingCheckSVG-12 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
}

#loadingCheckSVG-13 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
}

#loadingCheckSVG-14 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
}

#loadingCheckSVG-15 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
}

#loadingCheckSVG-16 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
}

#loadingCheckSVG-17 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
}

#loadingCheckSVG-18 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
}

#loadingCheckSVG-19 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
}

#loadingCheckSVG-20 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
}

@-webkit-keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

@keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

/* Pre loader for newplan ux  ends */

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
    margin-top: 70px;
}

.cs-style-1 figcaption span {
    display: block;
}

.cs-style-1 figcaption a {
    margin-top: 30px;
}

/* plan new ux - Homepage */

.newplanux .disabled .color-blue {
    color: #333333;
}

.newplanux .color-blue {
    color: #0454a0;
}

.newplanux .color-green {
    color: #56d98b;
}

.newplanux .planhome_big_font {
    font-size: 16px;
}

.newplanux .terms_condition {
    font-size: 12px;
    font-weight: 300;
}

.newplanux .checkbox.bordered-note {
    padding: 10px 30px;
}

.newplanux .checkbox.bordered-note label {
    font-weight: normal;
}

.pickyourgoal .form-control.full-bordered {
    display: inline-block;
    border: 1px solid #ccc;
    border: 1px solid #ccc !important;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    width: auto;
    min-width: 100px;
    margin: 0px 10px;
}

.newplanux .terms_condition a {
    color: #0d4c8f;
    font-weight: bold;
}

.newplanux h1.section-title {
    padding: 40px 0px;
    margin: 0px;
    font-size: 20px;
    text-transform: uppercase;
}

.newplanux h1.section-title .subhead {
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

.newplanux h1.section-title span {
    display: block;
    font-size: 70px;
    font-weight: bold;
}

.newplanux .grey-yellow-bg {
    background-color: #ddcfbd;
}

.newplanux .grey-blue-bg {
    background: #0c488b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0d4b8e, #0c2c6f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d4b8e, #0c2c6f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d4b8e, #0c2c6f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d4b8e, #0c2c6f); /* Standard syntax */
    border: 1px solid #fff;
    border-top: 0;
    border-bottom: 0;
}

.newplanux .grey-green-bg {
    background-color: #c5d6bf;
}

.newplanux .box-section {
    margin-bottom: 0px;
    overflow: hidden;
}

.newplanux .boxed-container {
    padding: 25px 30px 20px;
    z-index: 2;
    position: relative;
    min-height: 240px;
}

.newplanux .boxed-container img.hover {
    display: none;
}

.newplanux .boxed-wrapper:hover img.normal {
    display: none;
}

.newplanux .boxed-wrapper:hover img.hover {
    display: block;
    margin: 0 auto;
}

.newplanux .boxed-wrapper-topdiv #background {
    position: absolute;
    width: calc(100% - 30px);
    background: transparent;
    height: 100%;
    left: 15px;
    z-index: 1;
    top: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.newplanux .boxed-wrapper-topdiv:hover #background {
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
    background: #48cb7d;
    height: calc(100% - 38px);

}

.newplanux .caption {
    margin: 25px 0 20px;
    font-size: 14px;
    color: #56d98b;
    text-transform: uppercase;
}

.newplanux .caption span {
    text-transform: none;
}

.newplanux .box-section a, .newplanux a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*.newplanux .box-section .boxed-wrapper{
        border: 1px solid transparent;

}*/

.form-control.no-border {
    border: 0px !important;
}

.newplanux .box-section .boxed-wrapper:hover:before, .newplanux .box-section .boxed-wrapper:hover:after {
    bottom: 38px;
}

.newplanux .box-section .boxed-wrapper:before,
.newplanux .box-section .boxed-wrapper:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.newplanux .box-section .boxed-wrapper:before {
    border-top: 1px solid #5AD88F;
    border-bottom: 1px solid #5AD88F;
    -webkit-transform: scale(0, 1); /* Saf3.1+, Chrome */
    -moz-transform: scale(0, 1); /* FF3.5+ */
    -ms-transform: scale(0, 1); /* IE9 */
    -o-transform: scale(0, 1); /* Opera 10.5+ */
    transform: scale(0, 1); /* IE8+ - must be on one line, unfortunately */

}

.newplanux .box-section .boxed-wrapper:after {
    border-right: 1px solid #5AD88F;
    border-left: 1px solid #5AD88F;

    -webkit-transform: scale(1, 0); /* Saf3.1+, Chrome */
    -moz-transform: scale(1, 0); /* FF3.5+ */
    -ms-transform: scale(1, 0); /* IE9 */
    -o-transform: scale(1, 0); /* Opera 10.5+ */
    transform: scale(1, 0); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover:before,
.newplanux .box-section .boxed-wrapper:hover:after {
    opacity: 0;
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover {
    /* -webkit-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    -moz-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);	*/
}

.newplanux .boxed-wrapper-topdiv:hover .boxed-container .caption {
    color: #505050;
}

.newplanux .boxed-container .hover_visible_text {
    /*opacity: 0;
    font-size: 13px;
    min-height: 50px;
    -webkit-transition:0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,20px,0);
-moz-transform: translate3d(0,20px,0);
-ms-transform: translate3d(0,20px,0);
-o-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);*/
    color: #FFF;
}

.newplanux .boxed-container:hover .hover_visible_text {
    /*opacity: 1;
    -webkit-transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,5px,0);
-moz-transform: translate3d(0,5px,0);
-ms-transform: translate3d(0,5px,0);
-o-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0);*/
    color: #fff;
}

.newplanux .equiv_height {
    min-height: 400px;
}

.newplanux .white-container {
    background-color: #FFF;
}

.newplanux .white-rightcontainer {
    background-color: #FFF;
    margin-right: 15px;
}

.setgoal_container .warning_msg {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.setgoal_container .warning_msg i {
    margin-right: 5px;
}

/* Steper part */
.newplanux .goal_section {
    padding: 20px;
}

.newplanux .goal_part {
    padding: 10%;
}

.newplanux .goal_part > img {
    margin-bottom: 20px;
}

.newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
    font-size: 24px;
    margin: 15px 0px;
}

.newplanux .goalswap_link {
    margin: 20px 0px;
    font-size: 14px;

    text-decoration: underline;
    display: inline-block;
    position: relative;
    bottom: -30px;
}

.newplanux .setgoal_container {
    text-align: left;
}

.newplanux .right-section p {
    text-align: left;
    margin-top: 10px;
}

.newplanux .wizard-content {
    padding-top: 25px;
}

.newplanux .left-section.blue-bg {
    background-color: #0d4c8f;
    color: #FFF;
    min-height: 400px;
}

.newplanux .right-section h3 {
    margin-top: 0px;
}

.newplanux .right-section h3 + p {
    font-size: 16px;
}

.newplanux .white-bg {
    background-color: #FFFFFF;
}

.newplanux .left-section {
    margin-left: 15px;
    padding: 15% 8% 7%;

}

.newplanux .padd-rzero {
    padding-right: 0px;
}

.newplanux .left-section.blue-bg p {
    color: #fff;
}

.newplanux .left-section a {
    color: #ccc;
    font-size: 18px;
}

.newplanux .setgoal_container .container {
    padding-left: 15px;
}

.newplanux .setgoal_container .option-section {
    padding-left: 20px;
}

.newplanux .option-section .radio {
    margin-bottom: 10px;
}

.newplanux .option-section select.hide-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .right-section.portfolio .option-section {
    margin-top: 30px;
}

.newplanux .form-control {
    padding: 6px;
    padding-left: 0;
}

.newplanux .input-group.date .input-group-addon {
    padding: 6px 12px;
    font-size: 18px;
    color: #0d4c8f;
}

.carousel-count-submit {
    text-transform: capitalize;
}

.pickyourgoal .carousel-control.left span, .pickyourgoal .carousel-control.right span {
    top: -3px;
    position: relative;
}

.graph-section .left-section {
    padding-bottom: 30px !important;
}

.newplanux #container1 .highcharts-container {
    /*left: -28px;
top: -15px;*/
    font-size: 20px;
}

.newplanux .highcharts-data-labels {
    font-size: 20px;
}

.newplanux .incremental_box {
    width: 200px;
    margin: 0 auto;
}

.newplanux .incremental_box input {
    text-align: center;
    font-size: 24px;
}

.newplanux.onetime #monthlyAmount {
    background-position: 24px 14px;
}

.newplanux .incremental_box .btn {
    border: 0px;
    padding: 0px 10px;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}

.pickyourgoal .incremental_box .form-control {
    border-bottom: 0px !important;
}

.newplanux .forum-container .equity-name {
    padding-left: 0px;
}

.newplanux .forum-container .border-1 {
    border-left: 5px solid #134e8d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-2 {
    border-left: 5px solid #4d4d4d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-3 {
    border-left: 5px solid #5cd88e;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-4 {
    border-left: 5px solid #48a0f2;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-black {
    border-left: 5px solid #4d4d4d;
    padding-left: 15px;
}

.newplanux .forum-container .border-blue {
    border-left: 5px solid #084e8f;
    padding-left: 15px;
}

.newplanux .forum-container .border-green {
    border-left: 5px solid #3cb86d;
    padding-left: 15px;
}

.newplanux .forum-container .forum-item-title {
    font-size: 11px;
    font-weight: bold;
}

.newplanux .schemelist_footer {
    font-size: 13px;
    font-weight: 600;
}

.rowheight {
    height: 50px;
}

.newplanux .forum-container .forum-sub-title {
    color: #6f6f6f;
    font-size: 11px;
}

.newplanux .forum-container .pointing_arrow {
    color: #134E8D;
    font-size: 18px;
    font-weight: normal;
}

.newplanux .forum-container .carousel-control.left {
    right: 180px;
}

.newplanux .forum-info small {
    font-size: 70%;
}

.newplanux .align-center {
    text-align: center;
}

.newplanux span.views-number {
    font-weight: bold;
    font-size: 13px;
}

.wizard > .steps li.active {
    border-left: 0px;
}

.newplanux .align-right {
    text-align: right;
}

.newplanux .perform_link {
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    font-weight: 600;
}

.newplanux #sip-setup .ibox-content1 {
    width: 70%;
    margin: 0 auto;
    max-width: 400px;
}

.pickyourgoal .agile-list .success-element span {
    color: #6f6f6f;
}

.newplanux .pickyourgoal #task10 {
    padding: 10px 20px 5px;
    /* background-color: #f3f3f3; */
    background: #e2e2e2;
    border-bottom: 1px solid #fff;
}

.newplanux .pickyourgoal #task10 span {
    color: #6f6f6f;
}

.newplanux #sip-setup .pie_progress {
    right: 0px;
    margin: 0 auto;
    top: -2px;
    left: -7px;

}

.Windows .newplanux #sip-setup .pie_progress {
    left: 0px
}

.MacOS .newplanux #sip-setup .pie_progress {
    left: -3px
}

.newplanux .graph-container {
    position: relative;
    margin-bottom: 10px;
}

#sip-setup .highcharts-container {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#sip-setup .pie_progress {
    width: 250px;
}

#confirmation .page-heading i {
    font-size: 50px;
    color: #dbdbdb;
    margin: 0px 15px;
    position: relative;
    top: 8px;
}

#confirmation .breadcrumb > li + li:before {
    content: "";
}

#confirmation .breadcrumb h3 span {
    font-weight: normal;
}

#confirmation .bredcrumb_label {
    color: #6f6f6f;
    line-height: 16px;
}

#confirmation .breadcrumb h3 {
    color: #000;
}

#confirmation .breadcrumb {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

.newplanux .graph-section {
    background: #fff;
    text-align: left;
    padding: 6% 5%;
    /* margin-left: 15px; */
}

.newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
    padding: 15px;
}

.pickyourgoal .custom-btn {
    padding: 5px;
    width: auto;
    padding: 7px 25px !important;
}

.pickyourgoal .form-control.border-none {
    border: 0px !important;
    padding: 0;
}

.newplanux .nav > li > a:hover, .newplanux .nav > li > a:focus {
    background-color: transparent;
}

.newplanux .indicator_image {
    width: 14px;
}

.newplanux .wizard > .steps .active a .indicator_image {
    display: inline-block !important;
}

#confirmation .ibox-content table > thead {
    background-color: #0d4c8f;
}

#confirmation .ibox-content .table thead > tr > th {
    color: #FFF;
    text-align: left;
    padding-left: 20px !important;
    border-bottom: 0px;
    border-right: 1px solid #FFF;
}

.newplanux #confirmation .table tbody > tr > td {
    padding-left: 20px !important;
    background-color: #e8e8e8;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

#confirmation .pull-right .custom-btn {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.newplanux .pickyourgoal .down-arrow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .pickyourgoal .account-name {
    margin-top: 10px;
    font-size: 18px;
    padding-left: 0;
    color: #333333;
}

.newplanux .pickyourgoal select.refername {
    display: none;
    margin-left: 10px;
    margin-right: 10px;

}

.newplanux #confirmation .table tbody > tr > td.down-arrow {
    position: relative;
    outline: 1px solid #FFF;
    padding: 0 !important;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow select {
    padding-left: 15px;
    padding-right: 15px;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6d696d;
    border-style: solid;
    border-width: 0 0 15px 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.newplanux .cs-input {
    border: 1px solid #a2a2a2 !important;
    width: 100%;
    height: 34px;
    padding-left: 10px;
}

.newplanux .graph-heading {
    font-weight: 600;
    margin-bottom: 15px;
}

.newplanux .terms_link a {
    color: #428bca;
    font-weight: 400;
}

.newplanux .terms_link a:hover {
    text-decoration: none;
    color: #2a6496;
}

.pickyourgoal .wizard-step.active {
    z-index: 0 !important;
}

.sipsetup_success {
    text-align: center;
}

.sipsetup_success p {
    margin-bottom: 15px;
}

.sipsetup_success .videosize {
    width: 44%;
    height: 290px;
}

.newplanux .secondary_footer {
    margin-bottom: 10px;
    font-size: 22px;

}

.newplanux .secondary_footer a:hover {
    text-decoration: none;
}

.newplanux .secondary_footer a {
    color: #0d4c8f;
}

.newplanux .input_keynote {
    right: 0px;
    position: absolute;
    top: 15px;
    font-size: 11px;
    color: #888; /*#C4C4C4;*/
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

.expanddiv .panel {
    position: absolute;
    right: 42px;
    top: 80px;
    width: 0;
    height: 10px;
    background: red;
    position: absolute;
    background: #0d4c8f;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 0px;
    height: 40px;
    z-index: 3;
    font-size: 16px;
}

.expanddiv .slider-arrow {
    padding: 20px 22px;
    width: 20px;
    background: #0d4c8f;
    color: #000;
    float: right;
    text-decoration: none;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 80px;
    color: #47a447;
    background-image: url(../../imagesux/backstarticon.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}

.expanddiv .slider-arrow.hide {
    display: block !important;
}

.expanddiv .panel {
    margin: 0px;
}

.expanddiv {
    margin: 0px 0px 0px 0px;
    position: relative;
}

.expanddiv .expandtext1 {
    text-decoration: none;
    color: #fff;
    margin: 0px 0px 0px 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: -11px;
    left: 20px;
}

.show_button {
    display: block;
}

.hide_button {
    display: none;
}

/* Modal */
#rightdiv3 h1.modal-head {
    font-size: 20px;
    margin-top: 0;
}

#rightdiv3 ul.videotextul {
    margin-bottom: 30px;
    line-height: 22px;
}

#rightdiv3 .graytext {
    font-weight: 600;
    margin-bottom: 5px;
}

#rightdiv3 .reg {
    margin-bottom: 10px;
}

#rightdiv3 .reg .upload_filelabel {
    margin-bottom: 10px;
}

.upload_filelabel label {
    cursor: pointer;
}

#rightdiv3 .reg .upload_filelabel span {
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 3px;
}

.support_doclist h4 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.support_doclist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.support_doclist li {
    margin-bottom: 7px;
}

.support_doclist li img {
    padding-right: 7px;
}

#rightdiv3 #picpupDate {
    box-shadow: none;
    padding-left: 10px !important;
    background-color: transparent;
}

#schemelist .tooltip {
    width: 102px;
    font-size: 12px;
}

/* Media Queries */
@media only screen and (min-width: 1024px) {
    body.nonreguserheader {
        height: auto !important;
        margin: 0px;
        padding: 0;
        overflow: visible;
    }

    .padding-top-five {
        padding-top: 5px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .sipsetup_success .videosize {
        width: 50%;
        height: auto;
    }

    .ibox-content .nav.nav-tabs.wizard li a, .ibox-content .nav.nav-tabs.wizard li.active a {
        margin: 5px 5px !important;
        padding: 10px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .tab-pane .btn {
        font-size: 12px !important;
        padding: 5px 5px 5px 5px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .newplanux .caption {
        font-size: 11px;
    }

    .newplanux .boxed-container .hover_visible_text {
        font-size: 10px;
    }

    .newplanux h1.section-title2 .section-title2-span {
        font-size: 20px;
    }

    .newplanux h1.section-title2 {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
    }

    .newplanux .boxed-container {
        min-height: 210px;
    }

    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 15px;
    }

    .newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
        font-size: 16px;
        font-weight: bold;
    }

    .newplanux {
        font-size: 12px;
    }

    .newplanux .left-section a {
        font-size: 14px;
    }

    .newplanux h3, .newplanux .h3 {
        font-size: 20px;
    }

    .newplanux .radio {
        font-size: 13px;
    }

    .newplanux .forum-container .border-black, .newplanux .forum-container .border-blue, .newplanux .forum-container .border-green {
        padding-left: 10px;
    }

    .newplanux .forum-container .forum-item-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }

    .newplanux .forum-container .forum-sub-title {
        font-size: 10px;
    }

    .pickyourgoal .white-bg, .pickyourgoal .white-rightcontainer {
        margin-right: 0px !important;
    }

    .newplanux .graph-section {
        margin-left: 0px !important;
    }

    .pickyourgoal .forum-item {
        line-height: 18px !important;
    }

    .newplanux .perform_link {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .newplanux .incremental_box input {
        font-size: 22px;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 7px;
        margin-top: -10px;
    }

    .pickyourgoal .agile-list .success-element {
        max-height: 70px;
        min-height: 70px;
        padding: 7px 20px 5px 20px !important;
    }

    #confirmation .breadcrumb h3, #confirmation .page-heading i.rupee {
        font-size: 14px;
    }

    #confirmation .page-heading i {
        font-size: 40px;
    }

    #canvas {
        margin: 0px 0% !important;
    }

    .pickyourgoal .custom-btn {
        width: auto;
    }

    .pickyourgoal .breadcrumb {
        line-height: 15px;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding-left: 10px !important;
    }

    .sipsetup_success .videosize {
        width: 60%;
        height: auto !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .newplanux .forum-container .pointing_arrow {
        font-size: 16px;
        line-height: 24px;
        padding: 0px 5px;
    }

    .sipsetup_success .videosize {
        width: 70%;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    body {
        height: auto !important;
        font-size: 12px;
    }

    .section_margin > h1 {
        font-size: 22px;
    }

    #canvas.newplanux {
        margin: 0px;
        padding: 0 2%;
    }

    .newplanux .boxed-container {
        padding: 20px;
    }

    .newplanux .footerright, .newplanux .footerleft {
        float: none;
        font-size: 11px;
        text-align: center;
        margin: 0px;
        padding-bottom: 25px;
    }

    .planbox h3 {
        font-size: 16px;
    }

    .newplanux h1.section-title {
        font-size: 14px;
        line-height: 22px;
    }

    .newplanux h1.section-title span {
        font-size: 42px;
        font-weight: bold;
    }

    /* Stepper - responsiveness */
    .pickyourgoal {
        padding: 0px !important;
    }

    .pickyourgoal .wizard-step {
        position: static;
        display: none;
    }

    .pickyourgoal .wizard-step.active + .wizard-step {
        display: none;
    }

    .pickyourgoal .wizard-step.active {
        display: block;
    }

    .newplanux .left-section {
        margin-left: 0px;
    }

    /* Navigation hiding on mobile devices */
    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        display: none;
        width: 100% !important;
    }

    .wizard-step-indicator.active {
        display: block !important;
    }

    /* Left and right arrows of stepper */
    .pickyourgoal .carousel-control.left {
        right: 75% !important;
        left: auto;
    }

    .pickyourgoal .num {
        padding: 5px 20px !important;
        width: auto !important;
        right: 40% !important;
    }

    /* Table content - center */
    .forum-item .equity-name, .forum-item .pointing_arrow, .perform_link {
        text-align: center;
    }

    .forum-item .equity-name {
        margin-bottom: 10px;
    }

    .forum-item .pointing_arrow .fa-chevron-right {
        display: none;
    }

    .pickyourgoal .forum-item {
        border-bottom: 1px solid #f1f1f1 !important;
    }

    .perform_link {
        margin-bottom: 15px;
        margin-top: -10px !important;
    }

    .pickyourgoal .custom-btn {
        margin: 15px 0px !important;
    }

    .pickyourgoal .left-section .pull-right .custom-btn {
        margin: 15px 10px !important;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding: 3px !important;
    }

    .pickyourgoal #confirmation .white-bg {
        padding: 20px !important;
    }

    #confirmation .breadcrumb h3 {
        font-size: 12px !important;
    }

    .pickyourgoal .breadcrumb > li, .newplanux .radio {
        font-size: 12px !important;
    }

    #confirmation .page-heading i {
        font-size: 30px !important;
        line-height: 0px;
    }

    .pickyourgoal .breadcrumb {
        line-height: 26px;
    }

    .newplanux .table tbody > tr > td {
        font-size: 11px;
    }

    #confirmation .form-control {
        font-size: 11px;
    }

    .newplanux #confirmation .table tbody > tr > td.down-arrow select {
        padding: 0px !important;
    }

    #your-portfolio .scrollable_content, .newplanux .scroll.mCustomScrollbar {
        height: auto !important;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 12px;
        margin-top: 5px !important;
    }

    .sipsetup_success .videosize {
        width: 80%;
        height: auto;
    }

    .newplanux .forum-info.align-right, .newplanux .schemelist_footer .align-right {
        text-align: center !important;
    }

    #confirmation .page-heading i.rupee {
        font-size: 12px !important;
    }

}

/* New Plan ux scroll */

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px;
    max-width: 98%;
    height: 450px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scrollable_content.hidden {
    display: none;
}

.scrollable_content #mCSB_1_container {
    padding-left: 15px;
    padding-right: 15px;
}

#your-portfolio .white-bg.scrollable_content {
    padding: 3% 0% 2% 2%;
    margin: 0;
}

#your-portfolio #mCSB_1_container .white-bg {
    padding: 0;
    margin: 0;
}

#your-portfolio .scrollable_content {
    height: 400px;
}

/* Portrait tablet to landscape and desktop */
/*@media (min-width: 899px) {
        .newplanux .equiv_height {
            min-height: 600px;
        }
        #your-portfolio .scrollable_content {
            height: 600px;
        }
}*/

/* Mobile Header */
@media only screen and (max-width: 640px) {
    .header_top_fixed .nav_topfix li {
        text-align: right;
    }

    .sifnin_mo_align {
        padding-right: 0px !important;
    }

    .newplanux .padd-rzero {
        padding-right: 15px;
    }

    .newplanux .left-section.blue-bg {
        min-height: 320px;
    }

    .newplanux .setgoal_container .option-section {
        padding-left: 0px;
    }

    .newplanux .right-section h3 {
        padding-bottom: 15px;
    }

    .pickyourgoal .white-bg {
        min-height: 430px !important;
    }

    .newplanux .equiv_height {
        min-height: 350px;
    }

    .newplanux .setgoal_container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .newplanux .input_keynote {
        font-size: 9px;
    }
}

@media only screen and (max-width: 600px) {
    /* Modal Dialog box */
    .newplanux #myModal4 .modal-dialog {
        width: 95% !important;
    }

    .pickyourgoal .modal-content {
        margin: 15% 5% !important;
    }

    .pickyourgoal .modal-header, .pickyourgoal .modal-body {
        padding: 5% !important;
    }

    .pickyourgoal .modal-title {
        font-size: 22px !important;
    }

    .pickyourgoal .modal-footer .btn {
        padding: 15px 20px !important;
        font-size: 15px !important;
    }

    /* Confirmation breadcrumb */
    #confirmation .page-heading i.fa-angle-right {
        display: block;
        visibility: hidden;
    }

    .modal-dialog {
        width: 95% !important;
    }

    .newplanux .planhome_big_font {
        font-size: 13px;
    }

    .newplanux h1.section-title .subhead {
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }

    .planbox {
        width: 100%;
    }

    .nav > li.active > a {
        box-shadow: none;
        text-shadow: none;
    }

    .newplanux #sip-setup .ibox-content {
        width: 100%;
    }

    .newplanux .checkbox.bordered-note label {
        padding-left: 5px;
    }

}

@media only screen and (max-width: 599px) {
    /* .footer{position:static}*/
}

@media only screen and (max-width: 360px) {
    .onetime .min-amount {
        margin-top: 0px !important;
    }

    .newplanux .form-control {
        background-color: transparent !important;
    }

    .sipsetup_success .videosize {
        width: 95%;
        height: auto;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1280px) {
    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 14px;
    }
}

/* Caption Style 2 */
.cs-style-2 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
}

.cs-style-2 figcaption {
    height: 90px;
    width: 100%;
    top: auto;
    bottom: 0;
}

.cs-style-2 figcaption a {
    position: absolute;
    right: 20px;
    top: 30px;
}

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 4 */
.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cs-style-4 figure > div {
    overflow: hidden;
}

.cs-style-4 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.cs-style-4 figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 5 */
.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 6 */
.cs-style-6 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
    height: 100%;
    width: 100%;
}

.cs-style-6 figcaption h3 {
    margin-top: 60%;
}

.cs-style-6 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 7 */
.cs-style-7 li:first-child {
    z-index: 6;
}

.cs-style-7 li:nth-child(2) {
    z-index: 5;
}

.cs-style-7 li:nth-child(3) {
    z-index: 4;
}

.cs-style-7 li:nth-child(4) {
    z-index: 3;
}

.cs-style-7 li:nth-child(5) {
    z-index: 2;
}

.cs-style-7 li:nth-child(6) {
    z-index: 1;
}

.cs-style-7 figure img {
    z-index: 10;
}

.cs-style-7 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 0px #2c3f52;
}

.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
    opacity: 1;
    height: 210%;
    box-shadow: 0 0 0 10px #2c3f52;
    cursor: pointer;
}

.cs-style-7 figcaption h3 {
    margin-top: 86%;
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

.cs-style-7 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

@media screen and (max-width: 31.5em) {
    .grid {
        padding: 10px 10px 100px 10px;
    }

    .grid li {
        width: 100%;
        min-width: 300px;
    }
}

/*plan new ux styles end*/

/*tabs styles begin*/
.red_text {
    color: #ff0000;
}

.bse, .nse {
    font-weight: bold;
}

.bse_values span:last-child, .nse_values span:last-child {
    margin-left: 10px;
}

.bse_values span:last-child i, .nse_values span:last-child i {
    margin-right: 10px;
}

.filter .btn-group:last-child .btn {
    margin-right: 10px;
}

.innertab .nav-tabs {
    border-bottom: 2px solid #DDD;
    background: #fff;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li.active > a:focus, .innertab .nav-tabs > li.active > a:hover {
    border-width: 0;
    background: transparent;
}

.plan_tabs .innertab .nav > li > a {
    padding: 0px 15px;
}

.innertab .nav-tabs > li > a {
    border: none;
    color: #666;
    background: transparent;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
    cursor: pointer;
}

.innertab .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.innertab .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.innertab .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.innertab > .nav-tabs > li > a {
    background: #fff !important;
    border: 0px solid #ddd !important;
    border-radius: 0;
    color: #333;
}

.plan_tabs {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.plan_tabs .nav-tabs {
    margin-bottom: 1px;
    /*margin-top:20px;*/
}

.plan_tabs .nav-tabs > li > a {
    border-radius: 0px;
    border: 1px solid #ddd;
    background: #ebebeb;
    color: #333;
}

.plan_tabs .nav-tabs2 {
    width: 95% !important
    border-bottom: 1px solid #ddd;
}

.plan_tabs .tab-pane2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: transparent #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 0px !important;
}

.plan_tabs .nav-tabs > li.active .plan_title {
    color: #336699;
}

.plan_tabs .nav-tabs > li.active > a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(50%, #fdfdfd), color-stop(100%, #fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=1); /* IE6-9 */
    border-bottom-color: transparent;
}

.plan_tabs .nav-tabs > li.active .Graph {
    background-position: -55px -28px;
}

.plan_tabs .nav-tabs > li {
    /*margin-right: 15px;;*/
}

.plan_tabs .nav > li > a {
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
}

.plan_title {
    color: #333;
    font-size: 14px;
}

.plan_tabs .Graph_active, .plan_tabs .Graph {
    margin-top: 3px;
    margin-right: 7px;
}

.plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
    margin-left: 70px;
    margin-right: 7px;
}

.plan_tabs .tab-pane {
    background-color: #fff; /* Old browsers */
    border: 1px solid #ddd;
    border-top-color: transparent;
}

.plan_tabs .tab-pane .content {
    margin-left: 10px;
    margin-top: 30px;
    margin-right: 10px;
}

.tab-content2 {

    padding: 20px;
}

.plan_tabs .resp-arrow {
    margin-top: 15px;
}

.all_accounts_drop {
    margin-right: 5px;
    width: 225px;
}

/*mutual fund tab content styles begin*/
#mutual_funds .row:first-child {
    margin-top: 10px;
}

#mutual_funds .row:last-child {
    margin-top: 15px;
}

#mutual_funds .row:first-child .col-md-4 span {
    margin-left: 20px;
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div {
    margin-bottom: 7px;
}

#mutual_funds .row:first-child .col-md-3 {
    margin-top: 10px;
}

#mutual_funds .row:first-child .col-md-5 div span:first-child {
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div .blue_text {
    color: #5b93d8;
}

#mutual_funds .row:first-child .col-md-5 div:first-child span:last-child {
    margin-left: 40px;
}

#mutual_funds .row:first-child .col-md-5 div:last-child span:last-child {
    margin-left: 20px;
}

#mutual_funds .row:first-child .col-md-5 div span:last-child i {
    margin-left: 10px;
}

#mutual_funds .btn_mutualfund_option {
    margin-right: 10px;
    float: right;
}

.tabs_mutual_fund ul.resp-tabs-list {
    width: 8% !important;
    margin-left: 15px;
    border-right: 1px solid #ddd;
    margin-right: -1px;
}

.tabs_mutual_fund .resp-tabs-container {
    width: 88% !important;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item {
    background: #ffffff;
    text-align: center;
    padding: 20px 0px 0px 0px !important;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item p {
    margin-top: 10px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item img {
    border: 3px solid #cecece;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active img {
    border: 3px solid #19b394;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list li {
    border-left: none;
    border-right: none;
    border-top: none;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active p {
    color: #1ab394;
}

.tabs_mutual_fund .resp-tabs-list p {
    text-align: center;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    word-wrap: break-word;
    padding: 0 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active {
    background: #FFF;
}

.tabs_mutual_fund li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-left: none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.tabs_mutual_fund .resp-accordion p {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.tabs_mutual_fund .resp-accordion img {
    float: left;
}

.tabs_mutual_fund .resp-accordion {
    overflow: auto;
}

.portfolio .row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
}

.portfolio .header, .list_view .header {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.portfolio .profile_name, .list_view .profile_name {
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
    color: #303030;
}

.portfolio .portfolio_links, .list_view .portfolio_links {
    color: #31708f;
}

.portfolio .inner_tabs li.active a, .list_view .inner_tabs li.active a {
    color: #31708f;
    background: #eaeaea;
    border: 1px solid #cccccc;
    box-shadow: inset 0px 0px 1px 1px #d8d8d8;
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
    font-weight: bold;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a {
    color: #747474;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0px 10px 3px 10px;
}

.portfolio .inner_tabs li:hover a, .list_view .inner_tabs li:hover a {
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
}

.list_view .inner_tabs li a {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.list_view .panel-group .panel {
    border-radius: 0px;
    margin-bottom: 15px;
}

.list_view .panel-default > .panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    overflow: auto;
    border-radius: 0px;
    padding: 10px;
}

.non-collapsible-panel {
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.caret-up {
    border-bottom: 6px solid #000;
    border-left: 6px solid transparent;
    border-top: 0 dotted;
    border-right: 6px solid transparent;
}

#verticalTab .resp-tabs-container .panel-body {
    border: 1px solid #d9edf7;
}

/*.caret{margin-top:10px !important;}*/
span.list_view .portfolio_links {
    margin-right: 5px;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a, .portfolio_links a {
    font-size: 16px;
    font-weight: normal;
}

.list_view .portfolio_links {
    font-size: 14px;
    font-weight: normal !important;

}

.port-inve-create {
    margin-right: 10px;
}

.table .blue_text {
    color: #3d7fd0;
    font-size: 16px;
}

.table th {
    vertical-align: middle !important;
    /* color:#606060; */
    color: #676a6c;
}

.portfolio .inner_tab_content .tab-pane, .list_view .inner_tab_content .tab-pane {
    border: none;
    background: none;
}

/*mutual fund tab styles end*/

/*media queries begin*/
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 2024px) and (min-width: 768px) {
    .formcontrolbig {
        width: 50%;
        min-width: 300px;
    }

}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 768px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

/*media queries end*/

/*-----------------------------------------Dashboard end here---------------------------------------*/

/*-----------------------------------------Easy-responsive-tabs start here---------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    color: #363636;

}

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    list-style: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    color: #565656;
    font-family: 'Open Sans', sans-serif;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    color: #565656;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    /*padding: 15px;*/
    padding: 5px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 5px 14px 6px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h2.resp-accordion {
    font-size: 16px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/*-----------------------------------------Easy-responsive-tabs end here---------------------------------------*/

/*-----------------------------------------Dashboard-index start here---------------------------------------*/
/* CSS Document */

.info-container h4, .bot-table-container .table-responsive th span {
    text-transform: uppercase;
}

.bot-table-container .table-responsive th span {
    color: #996633;
}

.info-container p {
    margin-bottom: 20px;
}

.info-container .panel {
    margin-top: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
    border-radius: 0;
}

.info-container .panel .panel-heading {
    overflow: auto;
}

.txt-green {
    color: #1f572c;
    font-size: 15px;
}

.grid_container {
    margin: 10px auto;
}

.grid_container .row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info_bottom {
    text-align: center;
}

.info_bottom p {
    margin-bottom: 0;
    padding-top: 10px;
    margin-right: 15px;
}

.info_bottom p .btn {
    color: #336699;
    font-weight: bold;
    margin-left: 15px;
}

.widget-header {
    color: #996633;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    display: block;
    text-transform: capitalize;
}

.widget-container .border {
    overflow: auto;
}

.widget-container h5 {
    font-size: 16px;
}

.bot-table-container {
    margin-top: 20px;
}

.bot-table-header {
    background: #3f3f3f;
    overflow: auto;
    padding: 0px 10px;
    background-color: #3f3f3f;
    background-image: -moz-linear-gradient(top, #454545, #343434);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#343434));
    background-image: -webkit-linear-gradient(top, #454545, #343434);
    background-image: -o-linear-gradient(top, #454545, #343434);
    background-image: linear-gradient(to bottom, #454545, #343434);
    background-repeat: repeat-x;
    border-color: #3f3f3f;
    line-height: 35px;
    margin-bottom: 10px;
}

.bot-table-header h4 {
    color: #ffffff;
}

.bot-table-header a {
    color: #a7a7a7;
}

.widget {
    position: relative;
    padding-bottom: 30px;
}

.widget .widget-link {
    position: absolute;
    /*bottom: 15px;*/
    bottom: 10px;
    right: 20px;
    font-size: 16px;
}

.bot-table-container .table thead {
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    ...
}

/*-----------------------------------------Dashboard-index end here---------------------------------------*/

/*-----------------------------------------Manage start here---------------------------------------*/
@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;
}

td {
    vertical-align: middle !important;
}

.valign-middle td {
    vertical-align: top !important;
    padding-top: 10px !important;
}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
::-webkit-scrollbar {
    width: 12px;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    background-color: #eedede;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    background: #bcbcbc;
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    background: rgba(145, 128, 94, 0);
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}
*/
/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

.modal-dialog {
    /*background-color: #FFF;*/
}

/*-----------------------------------------Manage end here---------------------------------------*/

.star, .form_star_new {
    font-family: arial;
    font-size: 18px;
    color: #ff0000;
}

.error_mesg {
    font-family: arial;
    font-size: 12px;
    color: red;
    font-weight: bold
}

.bank_mesg {
    font-family: arial;
    font-size: 12px;
    color: green;
    font-weight: bold
}

.minMessageFont {
    color: #667788;
    margin-top: 3px;
    font-size: 11px;
}

.values {
    text-align: right;
}

.headerleft {
    text-align: left;
}

.Show {
    display: block;
}

.Hide {
    display: none;
}

.ebt {
    float: left;
    margin: 6px 0 0 10px;
}

.ebt_expand {
    margin: 7px 0 0 10px;
}

div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    width: 460px;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

table.dataTable th:active {
    outline: none;
}

.pagination, .pagelinks {
    height: 26px;
    margin: 18px 0;
    font-family: arial;
    background-color: #c2c2c2;
}

.pagination ul {
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
    display: inline;
}

.pagination a {
    float: left;
    background-color: #fafafa;
    font-size: 11px;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

.pagination a:hover, .pagination .active, .display_tag_pagination a {
    background-color: #c7eefe;
}

.sorted {
    background-color: #ddf4fb;
}

/*.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
.pagination .next a{border:0;}*/
.pagelinks > strong {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    background-color: #c7eefe;
}

<!--
reports start-- >
.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*insurance*/

.insh3 {
    color: #428bca;
}

.inshul {
    list-style-image: url("../../images-new/tickinsurance.png");
    line-height: 35px;
}

.insrightbox {
    background-color: #f1e6da;
    padding: 0px 10px 0px 10px;
    float: right;
    margin: 10px 2px 0px -3px;
}

.insrightbox img {
    padding: 10px 10px 0px 0px;
}

.insmain-tab > li > a {
    padding: 5px 10px;
    background-color: #428bca;
}

.insnav-tabs > li.active > a, .insnav-tabs > li.active > a:hover, .insnav > li.active > a:focus {
    background-color: #428bca;
    height: 81px;
    width: 275px;
    border-radious: 0px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li.active > a:focus {
    border-radius: 0px;
    background-color: #428bca;
    height: 81px;
    width: 275px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li > a {
    background-color: #e7e7e7;
    height: 81px;
    width: 275px;
    font-size: 20px;
    color: #414141;
    margin: 0px;
    border-radius: 0px;
}

.insnav-tabs > li > a > img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.insnav-tabs {
    border-bottom: 1px solid #428bca;
}

.insright_sidebar {
    height: auto;
    overflow-y: auto;
}

.sidebar-menu-insurance {
    background-color: #FFF;
}

/* thanku page*/

.topmsgtext {
    font-size: 18px;
    font-family: MyFontFamily
}

.topmsgtextcolor {
    color: #8f6f2b;
    font-family: MyFontFamily;
    font-size: 18px;
}

.radiocolor {
    color: #8f6f2b;
    margin: 0px 20px 10px 0px;
    font-family: MyFontFamily !important;
    font-size: 17px !important;
    font-weight: normal !important;
}

.thankcheckbox {
    text-align: center;
}

.thanktable td a {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 15px;
}

.thanktable td {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 14px;

}

.thanktable th {
    font-family: MyFontFamily;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.thanktablehead {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.thankfont {
    font-family: MyFontFamily !important;;
    font-weight: normal !important;
    font-size: 14px;
}

.thankfont2 {
    font-family: MyFontFamily !important;;
    font-weight: normal;
    font-size: 16px;
}

.thankarrow {
    margin-right: 10px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-below > nav nav-tabs ul li {
    margin: 0px 0px 0px 15px
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 34px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 0px 0 0 0px;
    height: 60px;
    -moz-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.tab-panewidth {
    margin: 0px 0px 0px 150px;
    padding: 5px 20px 0px 20px;
    border-top: 0px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.tab-content {
    background-color: #fff;
}

.tabnav {
    height: 50px;
}

.thankh3 {
    margin: 0px;
}

.prebutalign {
    width: 200px;
    float: clear;
    margin: auto;
}

.smallbox {
    padding: 0px 2px 0px 0px;
    margin: 0px;
    font-size: 10px;
}

.tab-pane.tab-pane2 {
    padding: 10px 0px !important;
}

/* thanku page end*/

/* smart sip recomdation*/

.recom-info {
    background-color: #e8ecef;
    border-radius: 2px;
    border-color: #BCE8F1;
    color: #3A87AD;
    padding: 18px;
}

.recom-whitediv {
    background-color: #fff;
    border: 1px solid #d8dfe4;
    height: auto;
    padding: 18px;
    margin: 0px;
}

.recom-margin {
    padding: 5px;
}

.recom-fontcolor {
    color: #188cd5;
    font-size: 24px;
    font-weight: normal;
}

.recom-orange {
    background-color: #69b339;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-padding {
    padding: 0px 0px 0px 5px;
}

.recom-orange {
    background-color: #69b339;
}

.recom-margin2 {
    margin: -10px 0px 0px 0px;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-headetext {
    font-size: 15px;
    font-weight: bold;
    color: #414141;
}

.recom-red {
    color: #e32e2a;
}

.recom-black {
    color: #414141;
    font-weight: normal;
    font-size: 18px;
}

.recom-normaltext {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #848484 !important;
    font-weight: normal;
    padding: 5px;
    margin: 0px;
    text-align: justify;
}

.recom-hr {
    margin: 0px;
    padding: 0px;
}

/* currency symbol*/

@font-face {
    font-family: 'WebRupee';
    src: url('../../css/WebRupee.V1.0.eot');

    src: local('../../css/WebRupee'), url('../../css/WebRupee.V1.0.ttf') format('truetype');
}

.WebRupee {

    font-family: 'WebRupee';
}

/* currency symbol*/

/* loan page start*/

.tabmargin {
    margin: 15px;
}

/* loan page end*/

/*report modal styles begin*/
#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/

/*Media screen queries begin*/
@media (max-width: 768px) {
    .generate_report_form {
        padding: 20px;
    }
}

<!--
reports start-- >
.equityfooter {
    font-size: 11px ! importent;
}

.panel-default > .custom-panel {
    background: none repeat scroll 0 0 #36a9e1;
    border-radius: 2px 2px 0 0;
    color: white;
    border-color: #e9e9e9;
    font-weight: normal !important;
}

.custom-panel {
    padding: 10px 15px;
}

.custom-panel-body a {
    font-family: 'Open Sans', sans-serif !important;
}

.custom-panel a {
    font-weight: normal !important;
    font-family: 'Open Sans', sans-serif !important;
    text-decoration: none !important;
}

.custom-panel-body {
    padding: 15px !important;
    border: 1px solid #c2c2c2;
}

.form-inline-top {
    margin-top: 10px;
}

.select-custom {
    padding-left: 0;
}

.check-lm {
    margin-left: 10px;
}

.formcontrol_lm {
    padding: 6px 2px;
}

.custom-label, .fc-fo {
    font-size: 12px;
}

.acc-head {
    font-weight: normal;
    text-transform: uppercase;
}

.tc {
    padding-left: 20px;
    float: left;
    font-weight: normal !important;
}

.tb {
    margin-bottom: 10px !important;
}

.btnCustomPri {
    background: none repeat scroll 0 0 #75a94c;
    border: 1px solid #5c833c;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif !important;
}

.btnCustomPri:hover {
    background: none repeat scroll 0 0 #87ba5e;
    border: 1px solid #5c833c;
}

.custompanel-default {
    border-color: #c2c2c2 !important;
}

.custom-panel-head {
    background: none repeat scroll 0 0 #75a94c;
    padding: 10px 15px;
}

.custompanel-default td {
    text-align: center;
}

.custompanel-default th {
    font-weight: bold;
}

.tdfont {
    font-size: 24px;
}

.highbox {
    box-shadow: 1px 1px 2px 1px #e4e6eb;
    border-top: 2px dotted #d2b469;
    border-bottom: 2px dotted #d2b469;
    padding: 10px;
    background-color: #fffefa;
    width: 90%;
    margin: 0 auto;
}

.highbox h3 {
    margin: 0;
    color: #b07d11;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -1px;
}

.highbox h4 {
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #89610c;
    line-height: 16px;
    margin-bottom: 15px;
    width: 80%;
}

.highbox p {
    margin: 0;
    margin-bottom: 10px;
}

.highbox label {
    color: #89610c;
    font-weight: normal;
    font-size: 12px;
}

.highbox label a {
    font-family: 'Open Sans', sans-serif;
}

.highbox .hint {
    font-size: 12px;
}

.highbox .table-bordered {
    border: 1px solid #d8cdb4;
}

.highbox .table-bordered > thead > tr > th, .highbox .table-bordered > tbody > tr > th, .highbox .table-bordered > tfoot > tr > th, .highbox .table-bordered > thead > tr > td, .highbox .table-bordered > tbody > tr > td, .highbox .table-bordered > tfoot > tr > td {
    border: 1px solid #d8cdb4;
}

.contentmargin {
    margin: 1px 8px 8px 8px;
}

.footer_static2 {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px !important;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static2black {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static3 {
    font-size: 11px;
    color: #c2c2c2;
}

.footerwhitetext {
    color: #fff;
}

.equitytmargin {
    margin: 1px 8px 8px 0px;
}

/*Profile Dashboard start*/
.pr_width {
    width: 85% !important
}

.pr_panel-heading {
    padding: 0 25px;
    background: #f5f5f5
}

.pr_panel-body {
    padding: 25px 25px !important
}

.pr_panel-default {
    border-color: #dddddd !important;
    margin-top: -1px !important;
    border-radius: 0 !important
}

.pr_section_margin_style {
    margin-top: 127px !important;
    padding-top: 40px;
    background: #e4e4e4;
    margin-bottom: -20px;
    padding-bottom: 30px
}

.pr_inrbox {
    border: 1px solid #dadada;
    padding: 13px;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    -moz-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
}

.pr_boxtop {
    padding-top: 27px
}

.pr_input {
    box-shadow: none !important;
    transition: none !important;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    color: #000000;
}

.pr_checklabel {
    float: left;
    padding-right: 7px
}

.pr_form-group {
    margin-bottom: 3px
}

.pr_browntxt {
    color: #a3752a;
    font-size: 13px
}

.pr_subtxt {
    text-align: right;
    font-size: 11px;
    font-style: italic;
    float: right;
    padding: 3px 0 0 0;
    color: #2788a9
}

.pr_subtxt1 {
    font-size: 11px;
    font-style: italic;
    float: right;
    color: #aaaaaa;
    font-weight: normal
}

.pr_hr {
    border-color: #e4e4e4;
    margin: 15px 0 10px 0;
}

.pr_hr1 {
    border-color: #af8d46;
    margin: 4px 0 10px 0;
}

.pr_h4 {
    padding: 15px 0
}

.pr_pblue {
    color: #167396 !important;
    margin-top: -6px
}

.pr_rowtop {
    padding-top: 15px
}

.pr_edit a {
    background: #af8d46;
    color: #fff;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 12px
}

.pr_edit a:hover {
    color: #fff;
}

.pr_chart {
    padding: 25px 0
}

.pr_p_payment {
    font-size: 32px
}

.pr_bg {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr_bg.png) repeat;
}

.pr_h3 {
    font-size: 30px;
    margin-bottom: 0;
    color: #aaaaaa;
    padding-top: 15px
}

.pr_table th {
    background: #f2f0eb;
    color: #a27d24;
    text-align: left !important;
    font-weight: normal;
    font-size: 13px
}

.pr_table th {
    border: 1px solid #e5dac0 !important
}

.pr_table td {
    border: 1px solid #e5dac0 !important
}

.bs-example .pr_panel-heading a:hover, a:focus {
    color: #1695c0;
    text-decoration: none
}

.bs-example .pr_panel-heading a {
    color: #000;
    text-decoration: none
}

.bs-example .panel-title {
    font-size: 18px
}

.pr_smallbutton {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    background: #1495bf;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border: none;
    font-weight: bold
}

.pr_smallbutton:hover {
    background: #037d9f;
    text-decoration: none;
}

.pr_primarybutton {
    background: #1495bf;
    background-image: -webkit-linear-gradient(top, #1495bf, #066583);
    background-image: -moz-linear-gradient(top, #1495bf, #066583);
    background-image: -ms-linear-gradient(top, #1495bf, #066583);
    background-image: -o-linear-gradient(top, #1495bf, #066583);
    background-image: linear-gradient(to bottom, #1495bf, #066583);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    padding: 3px 18px 6px 18px;
    border: solid #1495bf 1px;
    text-decoration: none;
}

.pr_primarybutton:hover {
    background: #066583;
    background-image: -webkit-linear-gradient(top, #066583, #1495bf);
    background-image: -moz-linear-gradient(top, #066583, #1495bf);
    background-image: -ms-linear-gradient(top, #066583, #1495bf);
    background-image: -o-linear-gradient(top, #066583, #1495bf);
    background-image: linear-gradient(to bottom, #066583, #1495bf);
    text-decoration: none;
}

.select-style {
    padding: 4px 0;
    margin: 0;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/arrow-pr.png") no-repeat 97% 50%;
}

.select-style select {
    padding: 0 8px;
    width: 100%;
    color: #000000;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
}

#goal .select-style select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none !important;
    box-shadow: none;
    color: #000000;
    padding: 0 8px;
    width: 140%;
}

.select-style select:focus {
    outline: none;
}

.checktick input[type=checkbox] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.checktick input[type=checkbox] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.checktick input[type=checkbox] + label:hover,
.checktick input[type=checkbox]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.checktick input[type=checkbox]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.radiotick input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.radiotick input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.radiotick input[type=radio] + label:hover,
.radiotick input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.radiotick input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.prmale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prmale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prmale input[type=radio] + label:hover,
.prmale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.prmale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

.prfemale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prfemale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prfemale input[type=radio] + label:hover,
.prfemale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content

*/
.prfemale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

@media only screen and (max-width: 800px) {
    .pr_clear {
        clear: both
    }

    .pr_form-group {
        margin-bottom: 15px
    }

}

@media only screen and (max-width: 640px) {
    .pr_width {
        width: 100% !important
    }

}

/*Profile Dashboard start*/

<!--
css from peepal added on July

11
2014
.

-->
.info-container .panel-heading a:hover {
    color: #fff;
}

/*Dashboard landing styles end*/

/*Plan styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.inner-tab {
    background-color: #efefef;
    background-image: -moz-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#efefef));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -o-linear-gradient(top, #f9f9f9, #efefef);
    background-image: linear-gradient(to bottom, #f9f9f9, #efefef);
    background-repeat: repeat-x;
    padding: 5px 0px 0px 16px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef', GradientType=0);
}

.inner-tab > li {
    margin-bottom: 0;
}

.inner-tab > li.active {
    border-bottom: 2px solid #315138;
    background-color: transparent !important;
}

.inner-tab > li.active a {
    color: #8f6f2b !important;
}

.inner-tab > li > a {
    border: 0px !important;
    background-color: transparent !important;
    color: #333333;

}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5, #SmartSol .col-md-10 .btn-primary {
    font-size: 16px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.inner-tab > li > a:hover {
    background: none;
}

.inner-tab li.active {
    position: relative;
}

.inner-tab li.active:after {
    content: '';
    height: 15px;
    width: 10px; /*changed on 16dec2013*/
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 5px solid transparent; /*changed on 16dec2013*/
    border-bottom: 5px solid #315138;
    border-left: 5px solid transparent; /*changed on 16dec2013*/
}

.content-detail-container .col-md-10 span {
    display: block;
    text-align: justify; /*added on 16dec2013*/
}

.content-detail-container .row {
    margin-bottom: 15px;
}

.blogs-box .glyphicon-user {
    font-size: 17px;
    z-index: 99;
}

.blogs-box {
    overflow: auto;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.blogs-box h5, h5 {
    color: #333;
    margin-bottom: 5px;
}

.blogs-box p {
    margin-bottom: 5px;
}

.blogs-box .badge {
    position: absolute;
    top: -9px;
    left: 9px;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 10px;
}

.blog-date {
    font-style: italic;
}

.blogs-notification {
    margin-right: 20px;
    position: relative;
}

.plan-anchor {
    position: absolute;
    right: 20px;
    bottom: 4px;
    font-weight: bold;
}

/*added on 16Dec2013*/
.plan-anchor:hover {
    color: #8f6f2b;
}

.bradcrum_content_container {
    clear: both;
}

.left_box {
    margin: 0 -30px 0 0;
    height: 250px;
}

.right_box {
    background-color: #d2dae3;
    background-image: -moz-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dbe4ee), to(#d2dae3));
    background-image: -webkit-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -o-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: linear-gradient(to bottom, #dbe4ee, #d2dae3);
    background-repeat: repeat-x;
    height: 250px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe4ee', endColorstr='#d2dae3', GradientType=0);
}

.tab_info_container .row {
    margin-bottom: 25px;
}

.tab-content-container {
    padding-bottom: 32px;
}

#SmartSol .col-md-2 img {
    width: 100%;
}

#SmartSol .col-md-10 .btn-primary {
    margin-top: 10px;
}

.tab-content-container .blogs-box {
    margin-top: 0;
}

.blogs-box.first-item {
    margin-top: 0px;
}

.platinum-tab-container .col-md-5 h5 {
    margin-top: 0;
}

.platinum-tab-container .right_box {
    height: auto;
}

#Port .border {
    padding: 10px 20px;
    margin-bottom: 10px;
}

#Port .border h5 {
    margin-top: 6px;
}

/*.tab-pane li >  a:hover,p a:hover,.btn-check:hover
{color: #8f6f2b;}	*/
.tab-pane {
    margin-top: -1px;
}

.btn-check {
    line-height: 30px;
}

/*Plan styles end*/

/*Manage styles begin*/
/*class added 16Dec2013*/
.formAlign {
    margin-top: 7px;
}

/*class added 16Dec2013*/
.formAlignText {
    margin-top: 14px;
}

/*class added 16Dec2013*/
.formAlignBox {
    margin-top: 0;
}

/*class added 16Dec2013*/
.PaddingLeft {
    padding-left: 0px !important;
}

.confirm_well {
    background: #CEE5EB;
    padding: 15px 15px 5px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.table_align th {
    text-align: center;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

text-align:left

;
.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    height: 45px \9; /*added on 17Dec2013*/
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    /*margin: 13px 0 0 -70px;*/ /*changed on 17dec2013*/
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 20px 0 0;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    margin: 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

/*changed on 17dec2013*/
/*
.invest_menu:after{
content: '';
display: block;
position: absolute;
top: -20px;
right: 41px;
width: 0;
height: 0;
border-color: transparent transparent #ffffff transparent;
border-style: solid;
border-width: 10px;
}
.invest_menu:before {
content: '';
display: block;
position: absolute;
top: -22px;
right: 40px;
width: 0;
height: 0;
border-color: transparent transparent #c1c1c1 transparent;
border-style: solid;
border-width: 11px;
}
*/
.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/ /*changed on 17dec2013*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

/*added on 17dec2013*/
.invest_title {
    text-align: left;
    margin-left: 10px;
    border-right: none;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.keepTrigger {
    padding-top: 15px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

display:block

;
.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
width: 123px;
font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

.col-sm-3.control-label.formAlign.widthTriggerBase {
    width: 192px;
    padding-right: 0;
    padding-left: 0;
}

/*SIP investment*/
.well .payment_confirm {
    line-height: 22px;
    margin-bottom: 10px;
}

.pay_acc_details {
    overflow: hidden !important;
    border-radius: 5px !important;
    box-shadow: none;
    padding: 0px 15px 7px 9px !important;
}

.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
    line-height: 22px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/* wizard*/
.nav.nav-tabs.wizard li a {
    background: #e6e6e6;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #aaa;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li.active {
    background: #FFF;
}

.nav.nav-tabs.wizard li.active a {
    background: #18a689;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #FFF;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
    margin-left: 0;
}

.tab-content.wizardContent {
    /* border:1px solid #dcdada; */
    padding: 20px;
    /*overflow: auto;*/
    border-radius: 10px;
}
.redeem-title {
    font-weight: 500;
}
.redeem-reasons {
    /*display: flex;*/
    margin: 20px 20px 0 0px;
}
.redeem-option.active {
    background-color: #014C7D;
    color: white;
}

.redeem-option {
    border: 1px solid #e7eaec;
    padding: 10px 20px;
    margin: 0px 0px 20px 40px;
    cursor: pointer;
    position: relative;
    align-items: center;
    display: flex;
    min-height: 60px;
}
.whyredeem {
    position: relative;
}

.whyredeem #redeem-loader {
    position: absolute;
    z-index: 999;
    margin: auto 40%;
}
.note {
    margin: 10px 0;
    font-size: 12px;
}
.redeem-back {
    float: right;
    display: none;
    cursor: pointer;
    color: #1AB394;
    text-align: right;
}
.options {
    margin: 20px 0px 0 0;
    display: flex;
    justify-content: center;
}
.options .inner-option {
    border: 1px solid #e7eaec;
    border-radius: 20px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
.options .inner-option input {
    margin-top: 0;
    margin-right: 5px;
}
.options .inner-option label {
    margin-bottom: 0;
}
.callwrapper{
    border: 1px solid black;
    padding: 50px;
    position: absolute;
    z-index: 111;
    text-align: center;
    background-color: white;
}
.returnCall {
    display: none;
    justify-content: center;
    width: 100%;
}
.returnCall p {
    font-size: 10px;
    text-align: center;
}
.returnCall .btn {
    color: white;
    background-color: #014C7D;
}
.redeemBackDrop {
    display: none;
    position: fixed;
    width: calc(100% + 30px);
    height: 100%;
    left: -15px;
    top: 0;
    background: rgba(46,46,46,0.5);
    z-index: 110;
}

.whyredeem .tooltiptext {
    border: 1px solid #1AB394;
    text-align: center;
    padding: 20px;
    position: relative;
    z-index: 1;
    margin: -16px 10px;
    transition: opacity 0.3s;
}
.redeem-next {
    margin: 20px 45%!important;
    background-color: #014C7D;
    border: unset;
    width: fit-content;
    padding: 10px 20px!important;
}
.redeem-next:hover {
    background-color: #014C7D;
    color: white;
}
.otherOption {
    margin: 20px 60px;
}
.otherOption .otherText {
    width: 100%;
    height: 110px;
    border-color: #1ab394;
    border-radius: unset;
}
.tooltiptext::after, .tooltiptext::before {
    content: "";
    position: absolute;
    margin-left: -5px;
    left: 50px;
    border-style: solid;
    border-width: 11px;
}
.tooltiptext::before {
    top: -22px;
    border-color: transparent transparent #1AB394 transparent;

}
.tooltiptext::after {
    top: -20px;
    border-color: transparent transparent white transparent;
}

@media (max-width: 768px)  {
    .options {
        flex-direction: column;
    }
}
@media (max-width: 920px) {
    .redeem-option {
        margin-left: 5px;
    }
    .tooltiptext {
        margin-left: 20px !important;
    }
}
@media (max-width: 425px) {
    .redeem-next {
        margin: 20px auto!important;
    }
    .tooltiptext {
        margin-left: 5px !important;
    }
}
@media (max-width: 1200px) {
    .options .inner-option {
        min-height: 50px;
        padding: 0 10px;
        width: 100%;
        margin-top: 5px;
    }
    .tab-content.redeem-wizardContent {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.nav.nav-tabs.wizard {
    border-bottom: 0;
}

.button_ContainerLast {
    margin: 10px;
    margin-right: 0;
}

/*Manage styles end*/

/*Report styles begin*/
.reports_container {
    padding: 5px 15px 80px 15px !important;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/

.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*added on 17dec2013*/
.report_type_drop:focus, .date_ctrl:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*report modal styles begin*/
/*added on 17Dec2013*/
#report_modal {
    overflow: hidden;
}

#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .modal-dialog {
    width: 55%;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/
/*Report styles end*/

/*My account styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e7e7e7', GradientType=0);
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.main-tab li.pull-right {
    background-color: transparent;
    background-image: none;
}

.main-tab li.pull-right .btn-group .btn {
    margin-left: 7px;
    padding: 4px 12px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.panel-title .profile-container {
    margin-left: 0;
}

.color-gold {
    color: #8f6f2b;
}

.accordian-container .panel-title {
    font-size: 14px;
    font-weight: normal;
}

.accordian-container .panel-title .color-gold {
    font-size: 15px;
}

.activated-container {
    width: 60%;
    margin: auto;
}

.activated-container ul {
    margin: 0;
    padding: 0;
    border: 1px solid #bfbfbf;
}

.activated-container ul li {
    list-style: none;
    text-align: center;
    padding: 6px 0px;
}

.activated-container .active {
    background-color: #439131;
    color: #ffffff;
}

.icon-collapse-out {
    background: url(../images/collapse-out.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.icon-collapse-in {
    background: url(../images/collapse-in.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.tab-pane {
    margin-top: -1px;
}

.icon-collapse-in_btn {
    position: absolute;
    right: 0;
    bottom: 3px;
}

.accordian-container .panel-title span.dis-block {
    margin-bottom: 8px;
}

.well a:hover, .info-control-container a:hover {
    color: #8f6f2b;
}

.alert-btn, .alert-btn:hover {
    color: #479557;
}

.alert-btn {
    margin-left: 12px;
    font-size: 12px;
}

.info-container h5 {
    margin-right: 10px;
}

.panel-label-width {
    width: 32%;
    text-align: right;
    margin-right: 15px;
}

/*added on 17dec2013*/
input.panel-label-width, textarea.panel-label-width {
    text-align: left;
}

input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
    width: 39%;
    margin-left: 10px;
}

.info-container {
    margin-bottom: 15px;
}

.info-control-container {
    margin-bottom: 5px;
}

.info-control-container a {
    margin-left: 5px;
}

.dis-inline-block {
    display: inline-block;
}

.well {
    overflow: auto;
    padding: 0px 9px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;
}

.panel-collapse .panel-body {
    padding: 15px 0;
}

span.show-txt {
    margin-left: 10px;
}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5 {
    font-size: 16px;
}

.well a {
    line-height: 35px;
}

.well i, .alert-btn i {
    margin-right: 5px;
}

.activated-container.pending .active {
    background-color: #d78910;
}

.tab_btn_conatiner {
    position: absolute;
    top: -12px;

    right: 0;
}

.tab_btn_conatiner .pull-left {
    margin-right: 10px;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.btn:focus {
    outline: none;
}

#Investor .border {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    background-repeat: repeat-x;
}

/**/
.panel-heading .glyphicon-chevron-up:before {
    content: "\e113";
}

.panel-heading .collapsed .glyphicon-chevron-up:before {
    content: "\e114";
}

#Acc .table-responsive {
    padding-top: 10px;
}

/*My account styles end*/

.supersavings-boxed-container {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 15px;
}

.supersavings-mobile-container p {
    margin-bottom: 15px;
}

.supersavings-mobile-container .control-label {
    color: #8e6e31;
}

/* Media queries begin */
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }
}

@media (max-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
    }

    .row.summary .col-md-2 {

    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    /*class added 16Dec2013*/
    .formAlignBox {
        margin-top: 7px;
    }

    /*class added 16Dec2013*/
    .wizard > .content {
        overflow-y: scroll;
    }

}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

/*added on 17dec2013*/
@media (max-width: 992px) and (min-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_cont {
        width: 500px;
    }

    .explore-arrow {
        left: 55%;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }

    /*class added 16Dec2013*/
    .FormInlineBg {
        width: 100%;
    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    .generate_report_form {
        padding: 20px;
    }

    .rightBorderInvest {

    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    .btn-check {
        margin-left: 14px;
        margin-top: 5px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;
    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {

    }

    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 15px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .right_sidebar {
        height: auto !important;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .inner-tab {
        padding: 0;
    }

    .inner-tab.nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .breadcrum_container {
        margin-top: 80px;
        margin-bottom: 46px;
        overflow: hidden;
    }

    .tab-container {
        margin-top: 10%;
    }

    .mob_margin {
        margin-left: 0px !important;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;

    }

    .SipInvestment .breadcrum_container {
        overflow: visible !important;
    }

    .SipInvestment h2 {
        padding-bottom: 0px;
        padding-top: 15px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .plan-anchor {
        right: 0px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (max-width: 320px) {
    .main-tab > li {
        margin-right: 4px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .main-tab > li > a {
        padding: 5px 10px;
    }

    .plan-anchor {
        right: 0px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    /*added on 17dec2013*/
    .form-control {
        background-color: #f0f0f0 !important;
    }

    .info-control-container {
        padding: 0px 5px;
    }

    .panel-label-width {
        width: 39%;
    }

    input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
        width: 90%;
    }

    /*.tab-container
                          {margin-top:58% !important;}*/
    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

.wizardp {
    margin: 0 0 10px 0px
}

.padwrap {
    padding: 5px 20px !important;
}

.mtop {
    margin-top: 5px !important;
}

.radio_container_custom {
    position: inherit !important;
    margin-left: 0 !important;
}

.alertmodel {
    padding: 10px 20px;
    background-color: #f8f8f8;
    font-size: 12px !important;
    margin-bottom: 20px;
}

.smallalert {
    border: 1px dotted #c67a55;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    background-color: #fffcee;
}

.newbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    margin-top: 10px !important;
}

.newbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
    background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
    background-color: #68a54b;
    text-decoration: none !important;
    color: #ffffff !important;
}

.newbutton:active {
    position: relative;
    top: 1px;
}

.btn-success:hover {
    color: #ffffff !important;
}

/*.tab-content.wizardContent{overflow:auto;}*/

/*.tab-pane .btn{font-size:16px;margin-bottom:3px;}*/
.euin {
    padding: 0px;
    font-size: 12px !important;
}

.help-block {
    font-size: 11px !important;
}

input, select { /*border:1px solid #c2c2c2 !important;*/
}

.box {
    border-radius: 2px;
    box-shadow: 0 1px 0 1px #e4e6eb;
    border: 1px solid #c2c2c2;
}

.tablenew {
    border: 1 pxs solid #c2c2c2;
}

.tablenew {
    background-color: #f8f8f8 !important;
}

.tablenew td.righttab {
    text-align: right !important;
    font-weight: bold;
}

.bs-example {
    background-color: #f8f8f8;
    padding: 10px;
}

.bs-example2 {
    padding: 15px;
}

/*.trans_home_txt a, a{
        color: #333;
}*/
.trans_home_txt a:hover, a:hover {
    color: #23527c;
}

.sortable a {
    color: #676a6c;
}

/*---sortable images display tag---*/

.sorted a, .sortable a {
    background-position: right;
    display: block;
    width: 100%;
}

.sortable a {
    background-image: url(../../images/arrow_off.png);
    background-repeat: no-repeat;
}

.order1 a {
    background-image: url(../../images/arrow_down.png);
    background-repeat: no-repeat;
}

.order2 a {
    background-image: url(../../images/arrow_up.png);
    background-repeat: no-repeat;
}

.resp-tabs-list > li.resp-tab-active .plan_title {
    color: #336699;
    text-decoration: none
}

.resp-tabs-list > li.resp-tab-active a:hover {
    text-decoration: none;
}

.resp-tabs-list > li.resp-tab-item a:hover, a:link, a:visited, a:active {
    text-decoration: none;
}

.checkbox a:hover, .checkbox a:link, .checkbox a:visited, .checkbox a:active {
    text-decoration: none;
    color: #337ab7;
}

/*watchlist*/

.box .box-content {
    background: none repeat scroll 0 0 white;
    border-radius: 0 0 2px 2px;

    padding: 20px 10px 0px 10px;
}

.boxblue .blue {
    color: #36a9e1;
}

.boxgreen .green {
    color: #bdea74;
}

.boxgreen.green .title {
    background: none repeat scroll 0 0 #a1d054;
    padding: 10px;
    color: #000;
    font-weight: bold;
}

.boxgreen.greenemptyheight {
    margin: 25px 0px 0px 0px;
}

.boxgreen .content {
    background: none repeat scroll 0 0 #e8facc;
    padding: 10px 10px 10px 15px;
}

.boxblue {
    border-radius: 2px;
    margin: 0 0 30px;
}

.boxblue.blue .title {
    background: none repeat scroll 0 0 #36a9e1;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

.boxblue .content {
    background: none repeat scroll 0 0 #e4e6eb;
    padding: 10px 10px 10px 15px;
}

.value {
    color: #383e4b;
    padding: 10px;
}

.watchheader {
    color: #967939;
    vertical-align: middle !important;
    font-weight: bold;
}

.watchlistinputselect {
    width: 95%;
    font-size: 12px;
}

ul.watchlist li {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    font-size: 13px;
    list-style: none outside none;
    padding: 7px 0px 0px 0px;
    margin: 3px 0px 0px -20px;
    height: 43px;

}

ul.watchlist .col-md-7 {
    padding: 0px;
}

.watchlist.label {
    border-radius: 0.25em;
    color: #ffffff;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.4em 0.7em 0.4em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;

}

.watchtableheader {
    margin: 0px 0px 0px -20px;
}

.watchlist label[href]:hover, watchlist label[href]:focus {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.watchlisthr {
    margin: 3px 0px 0px 0px;
    height: 2px;
    border: 2px;
    background-color: #999;
}

/* invest page css*/

.recompagebg {
    background-color: #f4f4f4;
    min-height: 286px;
    padding-bottom: 1px;
}

.recomwhitebox {
    height: 244px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    margin: 10px 10px 20px 0px;
    padding: 15px;
}

.recomwhiteboxinput {
    margin: 2px 0px 7px 0px;
}

.recomwhiteboxinputsmall {
    margin: 2px 0px 7px 0px;
    width: 200px;
}

.recomwhitebox > hr {
    margin: 10px 0px 5px 0px;
}

.recompagetabouter {
    margin: 10px 10px 0px -20px;
}

.recompagetabheader {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #428bca;
    font-weight: normal;
}

table.recompagetabheader {
    margin: 13px;
    width: 96%;
}

table.recompagetabheader span {
    font-family: 'Open Sans', sans-serif;
}

table.recompagetabheader thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    background-color: #d9edf7;
}

table.recompagetabheader thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #414141;
    font-weight: normal;
}

table.recompagetabheader > thead > tr > th, .recompagetabheader > tbody > tr > th, .recompagetabheader > tfoot > tr > th, .recompagetabheader > thead > tr > td, .recompagetabheader > tbody > tr > td, .recompagetabheader > tfoot > tr > td {
    border: 1px solid #428bca;
}

table.recompagetabheader {
    border: 1px solid #428bca;
}

table.amctable td {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

table.amctable span {
    font-family: 'Open Sans', sans-serif;;
    font-size: 13px;
}

table.amctable thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #8f6f2b;
    font-weight: bold;
    background-color: #f3f1ec;
}

table.amctable thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
}

table.amctable > thead > tr > th, .amctable > tbody > tr > th, .amctable > tfoot > tr > th, .amctable > thead > tr > td, .amctable > tbody > tr > td, .amctable > tfoot > tr > td {
    border: 1px solid #dcd7c7;
}

table.amctable {
    border: 1px solid #dcd7c7;
}

.searchinput {
    width: 300px;
    margin: 0px 10px 8px 0px;
}

.btnorange {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #bd850e, #90702a);
    background-image: -moz-linear-gradient(top, #bd850e, #90702a);
    background-image: -ms-linear-gradient(top, #bd850e, #90702a);
    background-image: -o-linear-gradient(top, #bd850e, #90702a);
    background-image: linear-gradient(to bottom, #bd850e, #90702a);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #89723f 2px;
    text-decoration: none;
}

.btnorange:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.btngreen {
    background: #198c19;
    background-image: -webkit-linear-gradient(top, #198c19, #1e681e);
    background-image: -moz-linear-gradient(top, #198c19, #1e681e);
    background-image: -ms-linear-gradient(top, #198c19, #1e681e);
    background-image: -o-linear-gradient(top, #198c19, #1e681e);
    background-image: linear-gradient(to bottom, #198c19, #1e681e);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #387638 2px;
    text-decoration: none;
}

.btngreen:hover {
    background: #1d6a1d;
    background-image: -webkit-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -moz-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -ms-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -o-linear-gradient(top, #1d6a1d, #24a324);
    background-image: linear-gradient(to bottom, #1d6a1d, #24a324);
    text-decoration: none;
    color: #fff;
}

.btngreensearch {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding: 5px 25px 5px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensearch:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btngreensquare {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensquare:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btnorangesquare {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -moz-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -ms-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -o-linear-gradient(top, #9e6b19, #8d6019);
    background-image: linear-gradient(to bottom, #9e6b19, #8d6019);

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    border-top: solid #98825d 2px;
    border-left: solid #846737 2px;
    text-decoration: none;
}

.btnorangesquare:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.recomgobtn {
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: Arial;
    color: #000;
    font-weight: bold;
    font-size: 14px;

    background: #c1c0c0;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

.recomgobtn:hover {
    background: #e0e0e0;
    text-decoration: none;
}

.recomnav .nav-tabs > .active > a,
.recomnav .nav-tabs > li > a:focus
.recomnav .nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 #fff;
    background: #000 ! importent;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    border-bottom: -1px;
}

.recomnav .nav-tabs > li > a {
    background: none repeat scroll 0 0 #fff;
    background: #fff ! importent;
    border: 0px solid #ddd;
    border-radius: 0;
    color: #333;

}

.recomlfmrgn {
    margin-left: 10px;
}

.h5 {
    color: #1f5c0f;
    font-size: 14px;
    font-weight: bold;
}

.tab-contentinvesthome {
    overflow: auto;
    width: auto;
    height: 275px;
}

.tableheight {
    overflow: auto;
    width: auto;
    max-height: 510px;
}

.formCustom .form-group2 {
    width: 192px;
}

.paddingzero {
    padding: 0px;
}

.col-md-4small {
    margin-top: 13px;
    width: 4%;
}

.smtable {
    margin: 5px !important;
    height: 30px;
    width: 98% !important;
    padding: 15px !important;
}

.dashheader {
    padding: 12px 0px 0px 0px;
    margin: 0px 0px 4px 0px;;
    font-size: 18px
}

.easytransferul {
    list-style-image: url("../../imagesux/easytransferbullet.png");
}

.circle-text {
    width: 10%;
    margin: -30px 0px 0px -30px;
}

.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #3b3a3a;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.circle-text div {
    float: left;
    width: 100%;
    padding-top: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: white;
}

.color-swatch {
    border-radius: 3px;
    float: left;
    height: 90px;
    width: 350px;
    margin: 15px 15px;
    padding: 15px;
    color: #fff;

}

.color-swatches .gray-darker {
    background-color: #222;
}

.color-swatches .gray-dark {
    background-color: #333;
}

.color-swatches .gray {
    background-color: #555;
}

.color-swatches .gray-light {
    background-color: #999;
}

.color-swatches .gray-lighter {
    background-color: #eee;
}

.color-swatches .brand-primary {
    background-color: #337ab7;
}

.color-swatches .brand-success {
    background-color: #5cb85c;
}

.color-swatches .brand-warning {
    background-color: #f0ad4e;
}

.color-swatches .brand-danger {
    background-color: #d9534f;
}

.color-swatches .brand-info {
    background-color: #4099b4;
}

.color-swatches .bs-purple {
    background-color: #563d7c;
}

.color-swatches .bs-purple-light {
    background-color: #c7bfd3;
}

.color-swatches .bs-purple-lighter {
    background-color: #e5e1ea;
}

.color-swatches .bs-gray {
    background-color: #f9f9f9;
}

/* invest page css*/

/*New Dashboard */

.newplanux .Dash_market_panel {
    background-color: #f6f6f6;
    border-bottom: 1px solid #cecece;
}

.Dash_market_panel h4 {
    font-size: 17px;
    color: #b6b6b6;
}

.point {
    color: #3e3e3e;
    font-size: 18px;
}

.md_head {
    color: #1ab394;
    font-size: 12px;
}

.Dash_market_panel .green {
    color: #7ed321;
}

.Dash_market_panel .red {
    color: #ff0000;
}

.Dash_info_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    padding-bottom: 13px
}

.Dash_info_panel h3 {
    color: #3e3e3e;
    margin-top: 10px;
}

.Dash_graph_panel {
    background-color: #f4f4f4;
    border-bottom: 1px solid #cecece;
    padding-bottom: 30px
}

.Dash_product_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
}

.DashRight_panel_top {
    background-color: #9bc75e;
    height: 255px;
    border-bottom: 1px solid #cecece;
    padding-left: 0;
}

.DashRight_panel_bot {
    text-align: center;
}

.DashRight_panel_bot h3 {
    margin-top: 10px;
}

.dash_side_head {
    background-color: #fff !important;
    float: left;
    color: #559fe3;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    padding: 10px 5px 5px 15px;
    margin-bottom: 20px;
    width: 100%;
}

.dash_side_head a {
    text-decoration: none;
}

/* Gamification */
.game-note1 {
    color: rgb(77, 179, 139);
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.game-note2 {
    color: #2a6496;
    font-weight: bold;
    font-size: 15px;
}

.number_count {
    float: right;
    color: #FFF;
    width: 30px;
    height: 30px;

    border: 2px solid #FFF;
    text-align: center;
    position: relative;
    top: -4px;
    padding-top: 3px;
    border-radius: 50%;
}

.md_align {
    margin-top: 10px;
}

.md_cent {
    text-align: center;
    padding: 0;
    border-left: 0px solid #cecece;
}

.linkbox {
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

.linkbox li {
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    background-color: #23c6c8 !important;
}

.linkbox li a {
    color: #FFF;
}

.linkbox li p {
    font-size: 13px;
    font-weight: normal;
    margin-top: 0px;
    color: #ffffff;
    margin-bottom: 7px;
    padding-left: 35px;
}

.linkbox li:last-child {
    border-bottom: none;
}

.linkbox_1 {
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.linkbox_1 li {
    font-size: 12px;
    color: black;
    margin-bottom: 23px;
}

.linkbox_1 li p {
    font-size: 18px;
    color: #3e3e3e;
    text-align: center;
}

.pro_head {
    border-bottom: 1px solid #e7eaec;
    padding-bottom: 20px;
    margin-top: 0;
    padding-top: 15px;
    margin-bottom: 0;
}

.dash-box {
    padding-top: 30px;
    min-height: 200px;
}

.linkbox_2 {
    margin-top: 0px;
    padding: 0;
    list-style: none;
}

.linkbox_2 li {
    font-size: 12px;
    color: #3e3e3e;
    padding-bottom: 30px;
}

.linkbox_2 li p {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: bold;
    text-align: center;
}

.grey {
    background-color: #f9f9f9;
}

.white {
    background-color: #ffffff;
}

.imgArrow {
    position: absolute;
    left: -8px;
    top: 20px;
}

.imgMenu {
    position: absolute;
    right: 35px;
    top: 20px;
}

.equityMenuContent {
    width: 260px;
    height: 260px;
    background-color: #3e4a55;
    position: absolute;
    display: none;
}

.imgClose {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 99999;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #ffffff;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.equityMenuContent .nav > li > a:hover, .equityMenuContent .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

.equityMenuContent .tab-content {
    background-color: #3e4a55;
    padding: 0 10px;
}

.equityMenuContent .nav > li > a {
    color: #707b84;
    font-size: 16px;
}

.equityMenuContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #ffffff;
}

.equityMenuContent ul li.libi {
    border: 1px solid #ffffff;
    margin-bottom: 5px;
    border-radius: 7px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

.equityMenuContent h4 {
    color: #ffffff;
    margin-top: 20px;
}

.DashRight_panel_top .tab-content { /*background-color:#fb928f;  padding:0 10px;*/
}

.DashRight_panel_top .nav > li > a {
    color: #69883f;
    font-size: 16px;
}

.DashRight_panel_top .nav-pills > li.active > a, .DashRight_panel_top .nav-pills > li.active > a:hover, .DashRight_panel_top .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #454444;
    background-color: #9bc75e;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.DashRight_panel_top .nav > li > a:hover, .DashRight_panel_top .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

/*New equity revamp  start*/

.equitytable {
    margin-bottom: 0px !important;
}

.equitytable th {
    font-weight: bold !important;
    color: #000;
    font-size: 13px;
    background-color: #fff !important;
    text-align: left !important;
}

.equitypara {
    font-size: 12px;
    font-weight: normal !important;
}

.selectbig {
    width: 175px;
}

.selectsmall {
    width: 94px;
}

.equitytable input {
    width: 175px;
}

.smalltable {
    border: 1px solid #ccc;
    width: 98% !important;
    background-color: #fff;
}

.clrtext {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.clrtext2 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #3a6b9b;
}

.clrtext3 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.divborder {
    border: 1px solid #ccc;
    padding: 10px;
}

.smalltext {
    color: #000;
}

.paymentbox {
    background-color: #f2f2f2;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px
}

.paymentbluebox {
    background-color: #6699ff;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 12PX;
    padding: 15px;
}

.popcolum {
    padding-left: 0 !important;
    float: left;
}

.popcoluminput {
    height: 37px;
}

.market .nav-tabs {
    border-bottom: 2px solid #DDD;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li.active > a:focus, .market .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.market .nav-tabs > li > a {
    border: none;
    color: #666;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
}

.market .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.market .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.market .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.market .tab-pane {
}

.market .tab-content {
    padding: 20px
}

/*New smartrecomdations start*/

.smartcenter {
    text-align: center;
    margin: auto;
}

.smartcenter p {
    text-align: center;
    margin: auto;
}

.smartcenterbg {
    background-color: #fff;
    width: 100%;
}

.smartheader {
    color: #967939;
    font-weight: bold;
}

.smartheader p {
    color: #000;
    font-weight: normal;
}

.smarthr {
    width: 50%;
    background-color: #ccc;
    border-color: #000
}

.smarthr2 {
    width: 200px;
    background-color: #ccc;
}

.smartfundtext {
    color: #167fda;
    font-size: 17px;
    font-weight: normal;
}

.smartfundtext p {
    color: #000;
    font-size: 13px;
}

.smartgreentext {
    color: #105a0d
}

.smartcenterlast {
    width: 233px;
    margin: 40px auto;
}

.expandtext {
    border: solid 1px #c3c3c3;
    width: 820px;
    margin: auto;
    cursor: hand;
}

.sspanel, .ssflip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    cursor: pointer;

}

.sspanel p {
    text-align: justify !important;
}

.sspanel {
    padding: 10px;
    cursor: hand;
    display: none;
    text-align: justify !important;
    font-size: 12px;
}

.input-number {
    font-size: 20px;
    height: 37px;
    padding: 0 12px;
    width: 150px;
}

@media only screen and (max-width: 768px) {

    .smartcenter {
        margin: -57px auto auto;
        text-align: center;
    }

    .input-number {
        margin-top: 5px;
    }

}

/*New smartrecomdations end */

@media only screen and (max-width: 640px) {
    .newdashtop {
        margin-top: 82px
    }

}

.Dash_graph_panel .highcharts-axis {
    display: none
}

/* custom inclusion of right, left and below tabs */

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 14px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.newdash_iname {
    margin-top: 24px;
    font-size: 12px;
    text-align: right;
    line-height: 15px;
    padding-right: 0;
}

@media only screen and (max-width: 980px) {

    .newdash_iname {
        text-align: center !important;
    }

}

/*---make payment new ui---*/

.mk-topbox {
    border: 1px solid #cfdcdf;
    padding: 5px 15px;
    font-weight: 400;
    color: #414141;
    font-size: 12px;
}

.mk-fsize {
    font-size: 24px
}

.mk-scheme {
    color: #428bca;
    font-size: 13px;
    line-height: 20px;
}

.mk-schemebtn {
    border-radius: 25px;
    border: 1px solid #9cc4e7;
    background: #dcefff;
    padding: 5px 15px;
    color: #1f629c;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal
}

#mk-tabs .nav-tabs {
    border-bottom: none
}

#mk-tabs .nav-tabs > li {
    margin-right: 10px;
    padding-left: 0px;
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) 10px 13px no-repeat #f8f8f8;
}

#mk-tabs .nav-tabs > li a, #mk-tabs .nav-tabs > li a:hover, #mk-tabs .nav-tabs > li a:focus {
    background: none;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    padding-left: 25px;
    margin-left: 7px
}

#mk-tabs .nav-tabs > li.active {
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) 10px 13px no-repeat #f8f8f8;
    position: static
}

#mk-tabs .nav-tabs > li.active a .arrow {
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-top-arrow.png) 25px 27px no-repeat;
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 46px
}

#mk-tabs .nav-tabs > li.active > a, #mk-tabs .nav-tabs > li.active > a:hover, #mk-tabs .nav-tabs > li.active > a:focus {
    border: 0;
    background-color: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #22629a;
    font-weight: normal;
}

#mk-tabs .tab-content {
    border: 1px solid #428bca;
    margin-top: 5px;
    padding: 15px;
    padding-bottom: 0px;
    min-height: 330px;
}

.mk-pay-btn {
    background: #47a447;
    border-radius: 10px;
    border: 2px solid #d7caca;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px
}

.mk-blu-box {
    background: #428bca;
    padding: 30px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold
}

.mk-bm-box {
    border: 1px solid #cedbde;
    padding: 10px 20px 0 20px;
}

.mk-ra-lbl {
    font-weight: bold;
    font-size: 13px;
    color: #428bca;
    float: left;
}

.mk-ra-lbl span {
    font-weight: normal;
    font-size: 12px;
}

.mk-title {
    font-weight: bold;
    font-size: 14px;
    color: #414141;
    padding-bottom: 4px
}

.mk-p {
    font-size: 13px;
    color: #414141;
    padding-bottom: 15px;
    text-align: left
}

.mk-p-blue {
    font-size: 13px;
    color: #428bca;
    padding-bottom: 15px
}

.mk-neft-label {
    font-size: 12px;
    color: #428bca;
    font-weight: normal;
}

.mk-neft-input {
    height: 30px !important;
    border-radius: 0;
    box-shadow: none;
}

.mk-neft-input:focus {
    box-shadow: none
}

#mk-tabs .form-group {
    margin-bottom: 10px
}

.mk-neft-rtxt {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    margin-bottom: 5px;
    float: left;
    /* display: inline-block; */
    /* width: 25%; */
    margin-right: 30px;
}

.mk-neft-rtxt span {
    color: #428bca
}

.mk-show {
    float: left
}

.mk-foo {
    font-size: 10px;
    color: 5 a5a5a;
    padding-bottom: 0px
}

#mk-tabs .tab-pane {
    padding: 0
}

 .make-pay-radio input[type=checkbox] {
    display: none;
}

.make-pay-radio input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid #428bca;
    float: left;
    margin-top: 20px
}

.make-pay-radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #428bca;
    background-color: #fff;
    font-size: 1.8em;
    text-align: center;
    line-height: 15px;
    text-shadow: 0px 0px 3px #eee;
}

.make-pay-radio input[type=checkbox] + label:before {
    content: "";
    width: 25px;
    height: 15px;
    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) no-repeat 0 50%
}

.make-pay-radio input[type=checkbox]:checked + label:before {
    content: "";
    width: 25px;
    height: 15px;

    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) no-repeat 0 50%
}

/*@media screen\0 {
.ie8910 {property:value;}
 .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
    display: block;
 }
 .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
        background: none;
 }
 .make-pay-radio input, .make-pay-radio label{
        float: left;
 }
}

@media \0screen {
    .ie8 {property:value;}
    .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
          display: block;
         }
         .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
                background: none;
         }
         .make-pay-radio input, .make-pay-radio label{
                float: left;
         }

}*/

#mk-tabs select {

    /* styling */
    background-color: white;
    /* border: thin solid blue;*/
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 

}

/* arrows */

#mk-tabs select.classic {
    background-image: linear-gradient(45deg, transparent 50%, #555555 50%),
    linear-gradient(135deg, #555555 50%, transparent 50%),
    linear-gradient(to right, #c2c2c2, #c2c2c2);
    /*background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      100% 0;*/
    background-position: calc(100% - 15px) calc(1em + -2px),
    calc(100% - 10px) calc(1em + -2px),
    100% 0;
    background-size: 5px 5px,
    5px 5px,
    2.1em 2.1em;
    background-repeat: no-repeat;
    border-radius: 0;
    height: 30px;
}

#mk-tabs select.classic:focus {

    box-shadow: none
}

.mk_pymt_mobile_view {
    padding: 10px;
}

/*================ nonreguserheader ========*/

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
        padding: 15px 0 15px 8px ! import;
    }

    #confirmation .ibox-content .table thead > tr > th {
        padding-left: 8px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .make-pay-radio input[type=checkbox]:checked + label:before {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .mk-neft-border {
        border-right: 1px solid #c9c9c9
    }

    .mk-neft-pad {
        padding-right: 15px
    }

    .mk-neft-pad1 {
        padding-left: 0px;
        margin-top: 15px;
    }

    .mk-width {
        width: 90%;
        max-width: 1100px
    }

}

@media only screen and (max-width: 980px) {

    .mk-pay-btn {
        margin-bottom: 20px
    }

}

@media only screen and (min-width: 480px) {

    .mk-show {
        float: right
    }

}

@media only screen and (max-width: 480px) {
    .mk-ra-lbl {
        padding-left: 0
    }

    #mk-tabs .nav-tabs > li.active a .arrow {
        display: none
    }

    #mk-tabs .nav-tabs > li {
        margin-bottom: 10px;
        width: 100%
    }

    .mk-fsize {
        clear: both;
        font-size: 18px;
    }

    .mk_pay_arrow_img {
        display: none;
    }

}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .color-swatch {
        border-radius: 3px;
        float: left;
        height: auto;
        width: 100%;
        margin: 15px 0px;
        padding: 15px;
        color: #fff;
    }
}

/*	FATCA Form: Dashboard fancy box pop up - Start	*/
.select-style-popup {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop.jpg") no-repeat 100% 0%;
}

.select-style-popup select {
    padding: 6px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup select:focus {
    outline: none;
}

.select-style-popup1 {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #eaeaea;

    background: #eaeaea url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop1.jpg") no-repeat 100% 0%;
}

.select-style-popup1 select {
    padding: 2px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup1 select:focus {
    outline: none;
}

.po-show {
    background: #eaeaea;
    padding: 12px 0 3px 0
}

.po-submit {
    border-radius: 3px;
    background: #5cb85c;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit2 {
    border-radius: 3px;
    background: #3a963a;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit3 {
    border-radius: 3px;
    background: #2f2e2e;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

a:hover.po-submit {
    color: #fff;
}

.popover-content {
    font-size: 12px;
    color: #000;
    font-weight: normal
}

.popover-title {
    color: #000;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.popover {
    max-width: 550px;
}

.po-countr {
    color: #428bca;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px
}

.po-countr-mo {
    display: none !important
}

.logoutmobile {
    display: none;
}

@media only screen and (max-width: 768px) {

    .po-countr {
        color: #428bca;
        font-size: 12px
    }

    .logoutmobile {
        display: none;
        margin-left: 17px;
    }

    .navbar-nav > li > a {
        line-height: 17px;
    }

    .bs-docs_nav .nav li a {
        color: #d4d4d4;
        font-size: 15px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 767px) {

    .logoutmobile {
        display: block;
        margin-left: 17px;
    }

}

@media only screen and (max-width: 640px) {

    .select-style-popup {
        margin-bottom: 12px
    }

    .select-style-popup1 {
        margin-bottom: 12px
    }

    .po-show {
        background: #eaeaea;
        padding: 12px 15px 10px 15px;
    }

    .popover {
        max-width: 300px;
    }

    .po-countr-mo {
        display: block !important
    }
}

.po-warning {
    border-radius: 3px;
    background: #F0AD4E;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding: 5px 40px;
}

/*	FATCA Form - End	*/

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px 20px 52px 20px;
    max-width: 100%
}

.bottom-position {
    /* margin-top: 28px; */
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 9999;
}

.leftnav_active_page {
    background: #b6e2d9 !important;
}

.mf_search_funds_tab > li > a, .mf_search_funds_tab > li.active > a {
    padding: 10px 40px 10px 40px !important;
    border: none !important;
}

.newplanux .white-rightcontainer {
    margin-right: 0px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 20px;
}

#monthlyAmount {
    background-position: 6px 10px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 10px;
}

.terms a {
    color: #4e62b7
}

.newplanux .terms {
    margin-bottom: 40px;
}

@media all and (max-width: 768px) {
    .bottom-position {
        /* margin-top: 28px; */
        position: absolute;
        right: 23px;
        bottom: 19px;
        z-index: 99;
    }
}

/* Super savings Web view only  */
@media (min-width: 768px) {

    .supersavings-mobile-container .form-group {
        margin-right: 0;
        margin-left: 0;
        width: 25%;
        float: left;
    }

    .supersavings-mobile-container .form-group label {
        width: 100%;
        text-align: left;
    }

    .supersavings-mobile-container .form-group .control-field {
        margin-top: 20px;
        width: 100%;
    }

    .supersavings-mobile-container .form-group.tot_amt_div {
        clear: both;
        width: 50%;
        float: right;
        max-width: 430px;
        margin-top: 20px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div label {
        width: 33.3333%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div .control-field {
        width: 66.6666666%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container {
        overflow: hidden;
    }
}

@media (max-width: 767px) {

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
        padding-top: 0px;
    }
}

/* CSS Document */
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('../../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Regular.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('../../fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Demi.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Demi.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**Header**/
html, body {
    padding: 0px;
    margin: 0px;
}

html {

}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px !important;
    overflow-y: scroll;

    overflow-y: scroll;
}

:focus {
    outline: 0px !important;
}

h1, h2, h3, h4, h5, h6, a, span.plan_title, .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .breadcrumb > li, .breadcrumb > li a, .explore_box p, .btn {
    font-family: '' Open Sans ', sans-serif; Sans Narrow', sans-serif;
}

h1, h2, h3, {
    font-weight: 500;
}

h4, h5, h6, {
    font-weight: 700;
}

.newplanux h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

a { /*font-size:16px;*/
}

.btn {
    font-size: 14px;
}

.text12 {
    font-size: 12px !important;
    color: #000;
}

p, span, table, select, input {
    font-family: 'Open Sans', sans-serif;
}

p {
    text-align: justify;
}

.funds_header .menu_items {
    margin-left: 30px;
    margin-top: 15px;
}

section .container, footer .footer_container {
    padding-left: 25px;
}

.section_no_bar {
    margin-top: 90px;
}

table {
    background-color: #fff;
}

.dropdown-menu > li > a {
    font-size: 16px;
}

.table-super-saving > thead > tr > th {
    padding: 8px !important;
}

.breadcrumb > li {
    font-size: 16px;
}

.funds_header {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    background: #ffffff;
}

.funds_header .menu_items li a:hover, .funds_header .contact_info li a:hover {
    background: none;
    color: #8f6f2b;
}

.btn:focus, a:focus, .navbar-toggle {
    outline: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.funds_header .menu_items li.active a {
    color: #8f6f2b;
}

.funds_header .navbar-inverse .navbar-collapse {
    border-color: #e1e2e4;
    overflow-x: hidden;
}

.funds_header .navbar-inverse .navbar-toggle {
    background-color: #8f6f2b;
    border-color: #866725;
}

.navbar > .container .navbar-brand {
    margin-left: 0px;
}

.funds_header .navbar-inverse .navbar-nav > li > a {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

.txt-upper {
    text-transform: uppercase;
}

.bs-docs_nav {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    background-color: #414141;
    border-color: #414141;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
}

.bs-docs_nav .nav li a {
    color: #d4d4d4;
    font-size: 16px;
    text-transform: uppercase;
}

.bs-docs_nav .nav li a:hover {
    background: none;
    color: #ffffff;
}

.bs-docs_nav .nav li.active a {
    color: #ffffff;
}

.bs-docs_nav .nav li.active {
    position: relative;
}

.bs-docs_nav .nav li.active:after {
    content: '';
    height: 12px;
    width: 13px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.icon-download {
    background: url(../../images-new/postLogin/download.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-help {
    background: url(../../images-new/postLogin/help.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-chat {
    background: url(../../images-new/postLogin/chat.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.navbar-right .icon-download {
    margin-left: -6px;
}

.navbar-right .icon-help {
    margin-left: -6px;
}

.navbar-right .icon-chat {
    margin-left: -6px;
}

.icon-help {
    /*background:url(../../images-new/postLogin/help.png) no-repeat;
        width:20px;
        height:28px;
        display:inline-block;
        vertical-align:top;*/
}

.profile-container {
    border-radius: 30px;
    border: 3px solid #cccccc;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 5px;
}

.profile-container img {
    width: 100%;
}

.profile-name {
    color: #8f6f2b;
    display: block;
}

.contact_info {
    margin-top: 5px;
}

.contact_info .pos-rel {
    padding-top: 10px;
}

.contact_info li a {
    color: #5b5b5b;
}

.profile-info {
    margin-top: 15px;
    text-align: right;
}

.dis-inline {
    display: inline-block !important;
}

.pos-rel {
    position: relative;
}

.navbar-collapse {
    padding-left: 0px;
    /*max-height:550px;*/
    padding: 0 10px;
    max-height: none !important;
}

.navbar-header {
    padding: 0 10px;
}

.navbar-toggle {
    background-color: black;
    margin-top: -53px;
}

.navbar-toggle .icon-bar {
    background: #ffffff;
}

.back-btn {
    margin-top: 10px;
    padding-bottom: 2px;
}

.icon-back-btn {
    background: url(../../images-new/postLogin/back-btn.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.tablesize {
    width: 50%;
}

/* Dashboard CSS */

svg {
    max-height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.css_blink {
    background-color: #4A9E19;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    margin-left: 10px;
}

.css_blink:hover {
    text-decoration: none;
}

.css_blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

/*single menu header*/
.single-header-container .menu_items {
    float: none !important;
}

.single-header-container .txt-upper {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-top: 30px !important;
}

.single-header-container .navbar-collapse li.active a {
    color: #8f6f2b;
}

.single-header-container .navbar-collapse li a:hover {
    background-color: transparent;
    color: #8f6f2b;
}

.single-header-container {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4d4d4; /*for ie8*/

}

.removepad {
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}

.navbar-collapse .navbar-nav.navbar-right:last-child, .bs-docs_nav .navbar-right {
    margin-right: 5px !important;
}

/*Breadcrum Styles*/
.breadcrumb {
    margin: 10px 0px 10px 0px;
}

.breadcrumb {
    background-color: transparent !important;
    padding: 0;
    line-height: 30px;
}

.breadcrumb > .active {
    color: #2f3436;
}

.clr-both {
    clear: both;
}

.over-auto {
    overflow: auto;
}

.border {
    border: 1px solid #dedede;
    padding: 15px 20px;
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

.right_sidebar {
    height: 634px;
    overflow-y: auto;
}

/**Explore Dropdown**/

.explore_box {
    border: 1px solid #d9d9d9;
    box-shadow: 1px 2px 6px 2px #e2e2e3;
    background: #fafafc;
    position: absolute;
    /*top: 96px;*/
    right: 0px;
    left: 0px;
    width: 980px;
    /*overflow: visible !important;*/
    margin: 0 auto;
    padding-bottom: 20px;
    z-index: 999999999;
}

.explore_box .col-md-5 {
    border-right: 1px dotted #d9d9d9;
    padding-left: 0px;
    padding-right: 0px;
}

.explore_box .col-md-2 {
    padding-left: 0px;
    padding-right: 0px;
}

.explore-arrow {
    left: 430px;
    position: fixed;
    top: 55px;
    /*right: 37.3%;*/
    z-index: 9999999999;
}

.explore_box .col-md-12:first-child {
    height: 30px;
    margin-top: 5px;
}

.explore_box .col-md-12 {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}

.explore_box .heading {
    color: #000000;
    margin-left: 20px;
}

.explore_box p {
    color: #8f6f2b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.funds_header .menu_items li a {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.dropdown-menu.explore_box li a {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}

.explore-ct .icon_cross {
    position: absolute;
    right: 9px;
    top: 10px;
    z-index: 99999;
    cursor: pointer;
}

.dropdown-menu.explore_box li a:hover {
    color: #8f6f2b;
}

.explore_cont {
    right: 0px;
    width: 880px;
    margin: 0 auto;
    float: none;
    top: 65px;
}

.navbar-nav > li.explore_link {
    position: static;
}

.explore_box .col-md-2 .col-md-12:first-child img {
    padding-right: 15px;
}

.navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
    display: none;
}

.img-responsive {
    margin-right: 30px;
}

.explore_box .col-md-5:first-child img {

    width: 100%;
}

.exploredropdown_container ul.bullets {
    padding-left: 20px;
}

.explore_box .col-md-12 .col-md-6:nth-child(2) {
    padding-left: 0px;
}

.dis-block {
    display: block;
}

.single-anchor-style {
    font-size: 16px;
}

/**Footer**/
.footer_bg {
    padding: 15px 0;
    background: #333333;
    width: 100%;
    margin-top: 20px;
}

.footer_container {
    color: #cccccc;
    font-size: 14px;
    line-height: 26px;
}

.footer_container li span {
    color: #fff;
}

.footer_container li a {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.footer_container li.active a {
    color: #6298ec;
}

.footer_container .footer_static {
    font-size: 13px;
}

.footer_container .col-md-7 {
    padding-right: 14px;
}

/**header_no_bar***/
.header_no_bar .navbar-header {
    display: block !important;
}

.header_no_bar .bs-docs_nav .navbar-header {
    display: none !important;
}

.header_no_bar .bs-docs_nav {
    background: none;

}

.header_no_bar .divider {
    display: none;
}

.stp-inv-schemelist, .inv_swi_tran_div, .quick_trans_search_div, .vip_instr_div, .inv_val_ip_div, .VIP_add_scheme_div, .trigger_purchase_search_div, .trigger_calc_div {
    height: 470px
}

.vtp_instructions_div, .bonds_home_page_div {
    height: 570px;
    overflow-y: scroll;
}

.ttransupload_div, .ttransuploadstatus_div {
    padding-bottom: 70px !important;
}

.inv_switrans_action {
    height: 520px
}

.easy_inv_st_lt {
    height: 460px
}

.qk_trans_cur_stat_lst {
    width: 100%
}

.easy_trans_home {
    margin-bottom: 60px !important
}

.eq_transaction_div {
    margin-bottom: 60px;
}

.quick_transfer_home {
    height: 450px;
}

.trigger_setup_main_div {
    height: 470px;
}

.trigger_setup_main_radio_div {
    height: auto !important;
}

.sidebar-offcanvas {
    z-index: 101;
}

.padding-top-five {
    padding-top: 1px;
}

.offline_redempdf_table {
    margin-top: 30px
}

.offline_redempdf_table td {
    padding: 15px;
}

.fixed_deposit_list_div {
    padding-bottom: 50px;
    overflow-x: scroll;
}

.fixed_deposit_in_div {
    float: left;
    padding-top: 10px;
}

.fd_process_flow_div, .fd_faq_div {
    padding-bottom: 80px;
    overflow-x: scroll;
}

.fd_faq_table {
    display: block;
    padding: 10px;
}

.hdfc_fd_div, .dhfl_fd_div, .mahindra_fd_div, .NHB_fd_div, .fd_processflow_div, .corporate_fd_div, .shriram_fd_div, .icici_fd_div, .shriram_city_fd_div, .dhfl_swayamsidha_fd_div, .rdhdfc_fd_div, .lic_housing_fd_div, .hudconew_fd_div, .PNBH_new_fd_div, .fd_scheme_list_div, .fd_portfolio_div, .fd_confirmation_div, .fdCompare_fd_div {
    width: 100%;
    height: 580px;
    overflow: auto;
    padding: 0px 30px 0px 30px;
}

.hdfc_fd_invest_now_btn {
    margin-top: 20px;
}

.btst_Shares_div, .general_equity_ETFSip_div {
    margin-bottom: 40px
}

.quote_Details_table_2_div, .equity_Investor_Create_div {
    margin-bottom: 70px
}

.equity_input_fields {
    height: auto;
    width: auto
}

.white-bg-color, .white-bg-color > li.active {
    background: #ffffff !important;
}

.select_opt_font {
    font-size: 13px !important;
}

.equity_home_action_tab > li.active {
    font-size: 14px !important;
}

.btn_watch_list_ajax {
    width: 39px;
    padding: 4px;
    font-size: 14px !important
}

.watchlist_delete_icon, .md_delete_icon {
    color: #ec4758;
    font-size: 19px
}

.equity_today_pending_orders_div, .equity_today_pending_orders_div {
    padding: 5px 20px 15px 20px;
}

.equity_payment_gateway_two_grid {
    text-align: center
}

.equity_payment_gateway_other_title h3 {
    font-weight: bold;
}

.equity_payment_gateway_other_note {
    margin-left: 30px;
}

.equity_payment_gateway_other_row {
    margin-bottom: 60px;
}

.equity_h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.equity_basket_select_medium {
    width: auto;
    max-width: 300px;
    display: inherit;
}

.equity_md_fields {
    display: inherit;
    width: inherit;
}

.md_tiny_inputfield {
    width: 75px;
}

.pagination {
    display: inline;
}

.equity_own_basket_search_button {
    margin-bottom: 0px !important
}

.equity_own_basket_select_scheme_input {
    float: left;
}

.equity_own_basket_select_scheme_back {
    float: right;
}

.equity_own_basket_search {
    margin-top: 10px;
}

.equity_own_basket_scheme_add {
    clear: both;
}

.equity_own_basket_get_quote_text {
    font-size: 14px;
}

.equity_divs_overflow {
    overflow: auto;
}

.sip-label {
    text-align: left !important;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option, .general_equity_etfsip_inv_select, .general_equity_etfsip_inv_label {
    padding-left: 0px;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option {
    padding-bottom: 10px;
}

.equity_gen_ETFSipList_div {
    overflow: auto;
}

.equity_general_etfsip_confirmation_buttons {
    float: right;
}

.market_watch_buy_add_buttons {
    width: 190px
}

.form_expand_button {
    cursor: pointer
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.faq-question {
    color: #179d82 !important;
}

.fd-process-flow-imgs > a > img {
    width: 25%;
}

.myacc_dashboard > li.active {
    border-left: none !important;
}

.inv_ind_reg_name {
    width: 250px;
}

.sips_first_payment {
    padding-left: 30px;
}

.table-small-checkbox, .table-small-checkbox label {
    padding-left: 5px
}

#indicesList a {
    color: #337ab7;
}

.display_inline {
    display: inline !important;
}

.no_wrap {
    white-space: nowrap;
}

#fancybox-overlay {
    z-index: 2002 !important;
}

#fancybox-wrap {
    padding: 0px !important;
}

@media (min-width: 1200px) {
}

@media (max-width: 768px) {
    .tablesize {
        width: 100%;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

}

.eq_trans_center {
    text-align: center
}

.equ_disp_order_popup {
    margin-top: 15px
}

.equity_own_basket_results_table {
    width: 100%
}

.equity_own_basket_search {
    overflow: auto
}

.margin-left-20 {
    /*	margin-left: 20px !important */
}

@media (min-width: 361px) and (max-width: 620px) {

    .colxstext {
        font-size: 12px !important;
    }
}

@media (min-width: 361px) and (max-width: 420px) {

    .alert.stp-inv-alerts.alert-info {
        width: 65% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 90px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 310px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px;
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
        margin-bottom: 450px
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }

}

@media (min-width: 361px) and (max-width: 390px) {
    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px !important;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }
}

@media (min-width: 321px) and (max-width: 360px) {

    .alert.stp-inv-alerts.alert-info {
        width: 55% !important
    }

    .button-stpinv-scheme-list, .button-swinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 95px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important;
    }
}

@media (max-width: 320px) {
    .alert.stp-inv-alerts.alert-info {
        width: 48% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 105px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 210px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_dv, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 80px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 560px !important
    }

}

@media (max-width: 420px) {
    .stp-hmobile-height {
        height: 660px
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        margin-bottom: 80px !important;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div {
        margin-bottom: 80px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 460px
    }

}

@media (max-width: 768px) {

    .btn-group-xs > .btn, .btn-xss {
        border-radius: 3px;
        margin: 100px 0px 0px 0px;
        font-size: 12px;
        line-height: 1.5;
        padding: 1px 5px;
    }

    .stp-select {
        width: 195px !important;
    }

}

@media (max-width: 1024px) {

    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .sip_font_12 {
        font-size: 12px !important;
    }

}

@media (max-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;

    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {
        display: block;
    }

    /**/
    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 14px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

.bs-navbar-child-collapse {
    height: 400px !important;
}

a.list-group-item {
    font-weight: normal;
    font-size: 16px;
}

/* Landscape phones and down */
@media (max-width: 480px) {

    .right_sidebar {
        height: auto !important;
    }
}

/*for scrolling*/
/* Let's get this party started */
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px;
 border-radius: 10px;*/
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    /* background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);*/
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*-----------------------------------------Invest page start here---------------------------------------*/

@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;

}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
    width: 123px;
    font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

/*.radio_container {
        position: relative;
    margin-left: 100px;
    height: 365px;
    overflow: auto;
}*/
.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.libi .green {
    color: #7ed321;
}

.libi .red {
    color: #ff0000;
}

.equityMenuContent .nav-justified > li {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-justified > li a:hover {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    background: #3e4a55;
    border-bottom: 0 !important;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
/*::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
/*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
/*background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);
    }*/
::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}

*/

/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

/*-----------------------------------------Invest page end here---------------------------------------*/

/*-----------------------------------------Dashboard page start here---------------------------------------*/

/* CSS Document */
.dboardlink a {
    color: #000000;
    font-family: open sans;
    font-size: 13px !important;
    font-weight: normal;
}



.dboardlink thead {
    background-color: #f9f9f9;
}

.panel-default {
    border-color: #ffffff !important;
}

.dboardlink .form-control {
    padding: 1px 2px !important;
    font-size: 12px;
    height: 25px;
}

/*.panel-body{padding:0px 5px !important;}*/
.tab-pane .btn {
    font-size: 13px;
}

.panel-heading {
    padding: 5px 15px;
}

.dashboard_tabbed_view {
    background: #ffffff;
}

.newlook {
    font-weight: normal;
    text-decoration: underline;
    margin-right: 20px;
}

/*sprites begin*/
.Gain, .Loss, .Thumbs_up, .Thumbs_down, .Graph, .Graph_active {
    background: url(../../images-new/postLogin/dashboardsprite.png) no-repeat;
    display: inline-block;
}

.Gain {
    background-position: -5px -3px;
    width: 12px;
    height: 15px;
}

.Loss {
    background-position: -29px -3px;
    width: 12px;
    height: 15px;
}

.Thumbs_up {
    background-position: -5px -27px;
    width: 15px;
    height: 15px;
}

.Thumbs_down {
    background-position: -28px -29px;
    width: 15px;
    height: 16px;
}

.Graph {
    background-position: -55px -3px;
    width: 19px;
    height: 17px;
}

.Graph_active {
    background-position: -55px -28px;
    width: 20px;
    height: 17px;
}

.resp-vtabs .resp-tabs-container {
    border-right: 0px solid #000;
}

/*sprites end*/

/*alert styles begin*/
.alert {
    font-size: 15px;
    margin-top: 10px;
    position: relative;
}

.alert .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.green_text {
    color: #3e854e;
}

.green_text_home {
    color: #18b20c;
}

.btn_invest, .btn_invest:hover {
    color: #fff;
    border: 1px solid #336699;
    background: #336699;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

.btn_payment, .btn_payment:hover {
    color: #fff;
    border: 1px solid #40854f;
    background: #40854f;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

/*alert styles end*/

/*plan new ux styles start*/

/*#canvas{
        display: flex;
        justify-content: center;
        align-items: center;
}*/

.section_margin {
    ext-align: center;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

.section_margin > h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 4px
}

.section_margin P {
    text-align: center;
}

.row-centered {
    width: 90%;
    margin: auto;
}

.planbox {
    background-color: #fff;
    box-shadow: -3px -1px 16px #A2A0A0;
    text-align: center;
    padding: 20px;
    margin: 10px auto;
    width: 210px;
    height: 230px;
    position: relative;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.planbox:hover {
    cursor: pointer;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    position: relative;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    box-shadow: 0px 0px 26px #888888;
    z-index: 1;
}

.newplanux .home_readmore {
    text-transform: uppercase;
    background-color: #0d4c8f;
    color: #FFF;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    top: -18px;
    z-index: 2;
    visibility: hidden;
}

.newplanux .boxed-wrapper-topdiv:hover .home_readmore {
    visibility: hidden; /* Hidden temporarily */
    display: inline-block;
    -webkit-transition: all ease 1.75s;
    transition: all ease 1.75s;
}

.main-menu-highlight {
    background-color: #5bd88d !important;
}

.main-menu-highlight a {
    color: #FFF !important;
}

/* Planbox animation on border */
.planbox:before, .planbox:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.planbox:before {
    border-top: 1px solid #2858A0;
    border-bottom: 1px solid #2858A0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.planbox:after {
    border-right: 1px solid #2858A0;
    border-left: 1px solid #2858A0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.arrow-right {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #2858A0;
    transform: rotate(-45deg);
    position: absolute;
    top: -17px;
    right: -4px;
}

.planbox:hover:before, .planbox:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.planbox h3 {
    font-size: 18px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: normal;
    color: #414141;
}

.planbox p {
    font-size: 11px;
    text-align: center;
    color: #848484;
}

.im-centered {
    margin: auto;
    width: 90%;
}

.footerright {
    float: right;
    margin: 5px 4% 10px 30px;
}

.footerleft {
    float: left;
    margin: 5px 30px 10px 3%;
}

.footerright img, .footerleft img {
    margin: 0px 10px
}

.right img, .left img {
    margin: 0px 10px 0 0;
}

.showoff, .showoff2 {
    background: green none repeat scroll 0 0;
    color: #fff;
    margin: 2em 6em;
}

.showoff2, .showoff:hover {
    background: red none repeat scroll 0 0;
    border-color: red;
    border-radius: 1em;
    color: #000;
    transform: scale(2);
}

.showoff2:hover {
    background: green none repeat scroll 0 0;
    border-color: green;
    border-radius: 0;
    color: #fff;
    transform: scale(1);
}

.showbox {
    background-color: #fff;
    border: 2px solid green;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 4em 1em;
    text-align: center;
    width: 100px;
}

.showbox1 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox2 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox3 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox1.slideright:hover {
    -webkit-transform: translate(3em, 0);
    -moz-transform: translate(3em, 0);
    -o-transform: translate(3em, 0);
    -ms-transform: translate(3em, 0);
    transform: translate(3em, 0);
}

.grid {
    padding: 20px 20px 100px 20px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid li {
    display: inline-block;
    width: 240px;
    margin: 0;
    padding: 20px;
    text-align: left;
    height: 400px;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
}

.grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.grid figcaption span:before {
    content: 'by ';
}

.grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}

/* Pre loader for newplan ux */

#loading.newplan #page {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-linear-gradient(bottom left, #000000 10%, #2858A0 65%, #0C2F72 125%);
    background: linear-gradient(to top right, #000000 10%, #2858A0 65%, #0C2F72 125%);
    /* background: -webkit-linear-gradient(bottom left, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    /* background: linear-gradient(to top right, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

#loading.newplan #phrase_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 150px;
    overflow: hidden;
    width: 260px;
}

#loading.newplan #phrases {
    -webkit-animation: slide-phrases-upward 20s;
    animation: slide-phrases-upward 20s;
}

@-webkit-keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

@keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

#loadingCheckCircleSVG-0 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-1 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-2 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-3 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-4 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-5 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-6 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-7 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-8 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-9 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-10 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-11 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-12 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-13 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-14 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-15 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-16 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-17 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-18 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-19 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-20 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
    fill: white;
    opacity: 0;
}

@-webkit-keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

#loadingCheckSVG-0 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}

#loadingCheckSVG-1 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

#loadingCheckSVG-2 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#loadingCheckSVG-3 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

#loadingCheckSVG-4 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

#loadingCheckSVG-5 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

#loadingCheckSVG-6 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

#loadingCheckSVG-7 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}

#loadingCheckSVG-8 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}

#loadingCheckSVG-9 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
}

#loadingCheckSVG-10 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
}

#loadingCheckSVG-11 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}

#loadingCheckSVG-12 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
}

#loadingCheckSVG-13 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
}

#loadingCheckSVG-14 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
}

#loadingCheckSVG-15 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
}

#loadingCheckSVG-16 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
}

#loadingCheckSVG-17 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
}

#loadingCheckSVG-18 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
}

#loadingCheckSVG-19 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
}

#loadingCheckSVG-20 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
}

@-webkit-keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

@keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

/* Pre loader for newplan ux  ends */

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
    margin-top: 70px;
}

.cs-style-1 figcaption span {
    display: block;
}

.cs-style-1 figcaption a {
    margin-top: 30px;
}

/* plan new ux - Homepage */

.newplanux .disabled .color-blue {
    color: #333333;
}

.newplanux .color-blue {
    color: #0454a0;
}

.newplanux .color-green {
    color: #56d98b;
}

.newplanux .planhome_big_font {
    font-size: 16px;
}

.newplanux .terms_condition {
    font-size: 12px;
    font-weight: 300;
}

.newplanux .checkbox.bordered-note {
    padding: 10px 30px;
}

.newplanux .checkbox.bordered-note label {
    font-weight: normal;
}

.pickyourgoal .form-control.full-bordered {
    display: inline-block;
    border: 1px solid #ccc;
    border: 1px solid #ccc !important;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    width: auto;
    min-width: 100px;
    margin: 0px 10px;
}

.newplanux .terms_condition a {
    color: #0d4c8f;
    font-weight: bold;
}

.newplanux h1.section-title {
    padding: 40px 0px;
    margin: 0px;
    font-size: 20px;
    text-transform: uppercase;
}

.newplanux h1.section-title .subhead {
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

.newplanux h1.section-title span {
    display: block;
    font-size: 70px;
    font-weight: bold;
}

.newplanux .grey-yellow-bg {
    background-color: #ddcfbd;
}

.newplanux .grey-blue-bg {
    background: #0c488b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0d4b8e, #0c2c6f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d4b8e, #0c2c6f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d4b8e, #0c2c6f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d4b8e, #0c2c6f); /* Standard syntax */
    border: 1px solid #fff;
    border-top: 0;
    border-bottom: 0;
}

.newplanux .grey-green-bg {
    background-color: #c5d6bf;
}

.newplanux .box-section {
    margin-bottom: 0px;
    overflow: hidden;
}

.newplanux .boxed-container {
    padding: 25px 30px 20px;
    z-index: 2;
    position: relative;
    min-height: 240px;
}

.newplanux .boxed-container img.hover {
    display: none;
}

.newplanux .boxed-wrapper:hover img.normal {
    display: none;
}

.newplanux .boxed-wrapper:hover img.hover {
    display: block;
    margin: 0 auto;
}

.newplanux .boxed-wrapper-topdiv #background {
    position: absolute;
    width: calc(100% - 30px);
    background: transparent;
    height: 100%;
    left: 15px;
    z-index: 1;
    top: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.newplanux .boxed-wrapper-topdiv:hover #background {
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
    background: #48cb7d;
    height: calc(100% - 38px);

}

.newplanux .caption {
    margin: 25px 0 20px;
    font-size: 14px;
    color: #56d98b;
    text-transform: uppercase;
}

.newplanux .caption span {
    text-transform: none;
}

.newplanux .box-section a, .newplanux a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*.newplanux .box-section .boxed-wrapper{
        border: 1px solid transparent;

}*/

.form-control.no-border {
    border: 0px !important;
}

.newplanux .box-section .boxed-wrapper:hover:before, .newplanux .box-section .boxed-wrapper:hover:after {
    bottom: 38px;
}

.newplanux .box-section .boxed-wrapper:before,
.newplanux .box-section .boxed-wrapper:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.newplanux .box-section .boxed-wrapper:before {
    border-top: 1px solid #5AD88F;
    border-bottom: 1px solid #5AD88F;
    -webkit-transform: scale(0, 1); /* Saf3.1+, Chrome */
    -moz-transform: scale(0, 1); /* FF3.5+ */
    -ms-transform: scale(0, 1); /* IE9 */
    -o-transform: scale(0, 1); /* Opera 10.5+ */
    transform: scale(0, 1); /* IE8+ - must be on one line, unfortunately */

}

.newplanux .box-section .boxed-wrapper:after {
    border-right: 1px solid #5AD88F;
    border-left: 1px solid #5AD88F;

    -webkit-transform: scale(1, 0); /* Saf3.1+, Chrome */
    -moz-transform: scale(1, 0); /* FF3.5+ */
    -ms-transform: scale(1, 0); /* IE9 */
    -o-transform: scale(1, 0); /* Opera 10.5+ */
    transform: scale(1, 0); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover:before,
.newplanux .box-section .boxed-wrapper:hover:after {
    opacity: 0;
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover {
    /* -webkit-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    -moz-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);	*/
}

.newplanux .boxed-wrapper-topdiv:hover .boxed-container .caption {
    color: #505050;
}

.newplanux .boxed-container .hover_visible_text {
    /*opacity: 0;
    font-size: 13px;
    min-height: 50px;
    -webkit-transition:0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,20px,0);
-moz-transform: translate3d(0,20px,0);
-ms-transform: translate3d(0,20px,0);
-o-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);*/
    color: #FFF;
}

.newplanux .boxed-container:hover .hover_visible_text {
    /*opacity: 1;
    -webkit-transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,5px,0);
-moz-transform: translate3d(0,5px,0);
-ms-transform: translate3d(0,5px,0);
-o-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0);*/
    color: #fff;
}

.newplanux .equiv_height {
    min-height: 400px;
}

.newplanux .white-container {
    background-color: #FFF;
}

.newplanux .white-rightcontainer {
    background-color: #FFF;
    margin-right: 15px;
}

.setgoal_container .warning_msg {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.setgoal_container .warning_msg i {
    margin-right: 5px;
}

/* Steper part */
.newplanux .goal_section {
    padding: 20px;
}

.newplanux .goal_part {
    padding: 10%;
}

.newplanux .goal_part > img {
    margin-bottom: 20px;
}

.newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
    font-size: 24px;
    margin: 15px 0px;
}

.newplanux .goalswap_link {
    margin: 20px 0px;
    font-size: 14px;

    text-decoration: underline;
    display: inline-block;
    position: relative;
    bottom: -30px;
}

.newplanux .setgoal_container {
    text-align: left;
}

.newplanux .right-section p {
    text-align: left;
    margin-top: 10px;
}

.newplanux .wizard-content {
    padding-top: 25px;
}

.newplanux .left-section.blue-bg {
    background-color: #0d4c8f;
    color: #FFF;
    min-height: 400px;
}

.newplanux .right-section h3 {
    margin-top: 0px;
}

.newplanux .right-section h3 + p {
    font-size: 16px;
}

.newplanux .white-bg {
    background-color: #FFFFFF;
}

.newplanux .left-section {
    margin-left: 15px;
    padding: 15% 8% 7%;

}

.newplanux .padd-rzero {
    padding-right: 0px;
}

.newplanux .left-section.blue-bg p {
    color: #fff;
}

.newplanux .left-section a {
    color: #ccc;
    font-size: 18px;
}

.newplanux .setgoal_container .container {
    padding-left: 15px;
}

.newplanux .setgoal_container .option-section {
    padding-left: 20px;
}

.newplanux .option-section .radio {
    margin-bottom: 10px;
}

.newplanux .option-section select.hide-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .right-section.portfolio .option-section {
    margin-top: 30px;
}

.newplanux .form-control {
    padding: 6px;
    padding-left: 0;
}

.newplanux .input-group.date .input-group-addon {
    padding: 6px 12px;
    font-size: 18px;
    color: #0d4c8f;
}

.carousel-count-submit {
    text-transform: capitalize;
}

.pickyourgoal .carousel-control.left span, .pickyourgoal .carousel-control.right span {
    top: -3px;
    position: relative;
}

.graph-section .left-section {
    padding-bottom: 30px !important;
}

.newplanux #container1 .highcharts-container {
    /*left: -28px;
top: -15px;*/
    font-size: 20px;
}

.newplanux .highcharts-data-labels {
    font-size: 20px;
}

.newplanux .incremental_box {
    width: 200px;
    margin: 0 auto;
}

.newplanux .incremental_box input {
    text-align: center;
    font-size: 24px;
}

.newplanux.onetime #monthlyAmount {
    background-position: 24px 14px;
}

.newplanux .incremental_box .btn {
    border: 0px;
    padding: 0px 10px;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}

.pickyourgoal .incremental_box .form-control {
    border-bottom: 0px !important;
}

.newplanux .forum-container .equity-name {
    padding-left: 0px;
}

.newplanux .forum-container .border-1 {
    border-left: 5px solid #134e8d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-2 {
    border-left: 5px solid #4d4d4d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-3 {
    border-left: 5px solid #5cd88e;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-4 {
    border-left: 5px solid #48a0f2;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-black {
    border-left: 5px solid #4d4d4d;
    padding-left: 15px;
}

.newplanux .forum-container .border-blue {
    border-left: 5px solid #084e8f;
    padding-left: 15px;
}

.newplanux .forum-container .border-green {
    border-left: 5px solid #3cb86d;
    padding-left: 15px;
}

.newplanux .forum-container .forum-item-title {
    font-size: 11px;
    font-weight: bold;
}

.newplanux .schemelist_footer {
    font-size: 13px;
    font-weight: 600;
}

.rowheight {
    height: 50px;
}

.newplanux .forum-container .forum-sub-title {
    color: #6f6f6f;
    font-size: 11px;
}

.newplanux .forum-container .pointing_arrow {
    color: #134E8D;
    font-size: 18px;
    font-weight: normal;
}

.newplanux .forum-container .carousel-control.left {
    right: 180px;
}

.newplanux .forum-info small {
    font-size: 70%;
}

.newplanux .align-center {
    text-align: center;
}

.newplanux span.views-number {
    font-weight: bold;
    font-size: 13px;
}

.wizard > .steps li.active {
    border-left: 0px;
}

.newplanux .align-right {
    text-align: right;
}

.newplanux .perform_link {
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    font-weight: 600;
}

.newplanux #sip-setup .ibox-content1 {
    width: 70%;
    margin: 0 auto;
    max-width: 400px;
}

.pickyourgoal .agile-list .success-element span {
    color: #6f6f6f;
}

.newplanux .pickyourgoal #task10 {
    padding: 10px 20px 5px;
    /* background-color: #f3f3f3; */
    background: #e2e2e2;
    border-bottom: 1px solid #fff;
}

.newplanux .pickyourgoal #task10 span {
    color: #6f6f6f;
}

.newplanux #sip-setup .pie_progress {
    right: 0px;
    margin: 0 auto;
    top: -2px;
    left: -7px;

}

.Windows .newplanux #sip-setup .pie_progress {
    left: 0px
}

.MacOS .newplanux #sip-setup .pie_progress {
    left: -3px
}

.newplanux .graph-container {
    position: relative;
    margin-bottom: 10px;
}

#sip-setup .highcharts-container {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#sip-setup .pie_progress {
    width: 250px;
}

#confirmation .page-heading i {
    font-size: 50px;
    color: #dbdbdb;
    margin: 0px 15px;
    position: relative;
    top: 8px;
}

#confirmation .breadcrumb > li + li:before {
    content: "";
}

#confirmation .breadcrumb h3 span {
    font-weight: normal;
}

#confirmation .bredcrumb_label {
    color: #6f6f6f;
    line-height: 16px;
}

#confirmation .breadcrumb h3 {
    color: #000;
}

#confirmation .breadcrumb {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

.newplanux .graph-section {
    background: #fff;
    text-align: left;
    padding: 6% 5%;
    /* margin-left: 15px; */
}

.newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
    padding: 15px;
}

.pickyourgoal .custom-btn {
    padding: 5px;
    width: auto;
    padding: 7px 25px !important;
}

.pickyourgoal .form-control.border-none {
    border: 0px !important;
    padding: 0;
}

.newplanux .nav > li > a:hover, .newplanux .nav > li > a:focus {
    background-color: transparent;
}

.newplanux .indicator_image {
    width: 14px;
}

.newplanux .wizard > .steps .active a .indicator_image {
    display: inline-block !important;
}

#confirmation .ibox-content table > thead {
    background-color: #0d4c8f;
}

#confirmation .ibox-content .table thead > tr > th {
    color: #FFF;
    text-align: left;
    padding-left: 20px !important;
    border-bottom: 0px;
    border-right: 1px solid #FFF;
}

.newplanux #confirmation .table tbody > tr > td {
    padding-left: 20px !important;
    background-color: #e8e8e8;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

#confirmation .pull-right .custom-btn {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.newplanux .pickyourgoal .down-arrow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .pickyourgoal .account-name {
    margin-top: 10px;
    font-size: 18px;
    padding-left: 0;
    color: #333333;
}

.newplanux .pickyourgoal select.refername {
    display: none;
    margin-left: 10px;
    margin-right: 10px;

}

.newplanux #confirmation .table tbody > tr > td.down-arrow {
    position: relative;
    outline: 1px solid #FFF;
    padding: 0 !important;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow select {
    padding-left: 15px;
    padding-right: 15px;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6d696d;
    border-style: solid;
    border-width: 0 0 15px 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.newplanux .cs-input {
    border: 1px solid #a2a2a2 !important;
    width: 100%;
    height: 34px;
    padding-left: 10px;
}

.newplanux .graph-heading {
    font-weight: 600;
    margin-bottom: 15px;
}

.newplanux .terms_link a {
    color: #428bca;
    font-weight: 400;
}

.newplanux .terms_link a:hover {
    text-decoration: none;
    color: #2a6496;
}

.pickyourgoal .wizard-step.active {
    z-index: 0 !important;
}

.sipsetup_success {
    text-align: center;
}

.sipsetup_success p {
    margin-bottom: 15px;
}

.sipsetup_success .videosize {
    width: 44%;
    height: 290px;
}

.newplanux .secondary_footer {
    margin-bottom: 10px;
    font-size: 22px;

}

.newplanux .secondary_footer a:hover {
    text-decoration: none;
}

.newplanux .secondary_footer a {
    color: #0d4c8f;
}

.newplanux .input_keynote {
    right: 0px;
    position: absolute;
    top: 15px;
    font-size: 11px;
    color: #888; /*#C4C4C4;*/
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

.expanddiv .panel {
    position: absolute;
    right: 42px;
    top: 80px;
    width: 0;
    height: 10px;
    background: red;
    position: absolute;
    background: #0d4c8f;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 0px;
    height: 40px;
    z-index: 3;
    font-size: 16px;
}

.expanddiv .slider-arrow {
    padding: 20px 22px;
    width: 20px;
    background: #0d4c8f;
    color: #000;
    float: right;
    text-decoration: none;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 80px;
    color: #47a447;
    background-image: url(../../imagesux/backstarticon.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}

.expanddiv .slider-arrow.hide {
    display: block !important;
}

.expanddiv .panel {
    margin: 0px;
}

.expanddiv {
    margin: 0px 0px 0px 0px;
    position: relative;
}

.expanddiv .expandtext1 {
    text-decoration: none;
    color: #fff;
    margin: 0px 0px 0px 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: -11px;
    left: 20px;
}

.show_button {
    display: block;
}

.hide_button {
    display: none;
}

/* Modal */
#rightdiv3 h1.modal-head {
    font-size: 20px;
    margin-top: 0;
}

#rightdiv3 ul.videotextul {
    margin-bottom: 30px;
    line-height: 22px;
}

#rightdiv3 .graytext {
    font-weight: 600;
    margin-bottom: 5px;
}

#rightdiv3 .reg {
    margin-bottom: 10px;
}

#rightdiv3 .reg .upload_filelabel {
    margin-bottom: 10px;
}

.upload_filelabel label {
    cursor: pointer;
}

#rightdiv3 .reg .upload_filelabel span {
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 3px;
}

.support_doclist h4 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.support_doclist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.support_doclist li {
    margin-bottom: 7px;
}

.support_doclist li img {
    padding-right: 7px;
}

#rightdiv3 #picpupDate {
    box-shadow: none;
    padding-left: 10px !important;
    background-color: transparent;
}

#schemelist .tooltip {
    width: 102px;
    font-size: 12px;
}

/* Media Queries */
@media only screen and (min-width: 1024px) {
    body.nonreguserheader {
        height: auto !important;
        margin: 0px;
        padding: 0;
        overflow: visible;
    }

    .padding-top-five {
        padding-top: 5px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .sipsetup_success .videosize {
        width: 50%;
        height: auto;
    }

    .ibox-content .nav.nav-tabs.wizard li a, .ibox-content .nav.nav-tabs.wizard li.active a {
        margin: 5px 5px !important;
        padding: 10px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .tab-pane .btn {
        font-size: 12px !important;
        padding: 5px 5px 5px 5px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .newplanux .caption {
        font-size: 11px;
    }

    .newplanux .boxed-container .hover_visible_text {
        font-size: 10px;
    }

    .newplanux h1.section-title2 .section-title2-span {
        font-size: 20px;
    }

    .newplanux h1.section-title2 {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
    }

    .newplanux .boxed-container {
        min-height: 210px;
    }

    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 15px;
    }

    .newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
        font-size: 16px;
        font-weight: bold;
    }

    .newplanux {
        font-size: 12px;
    }

    .newplanux .left-section a {
        font-size: 14px;
    }

    .newplanux h3, .newplanux .h3 {
        font-size: 20px;
    }

    .newplanux .radio {
        font-size: 13px;
    }

    .newplanux .forum-container .border-black, .newplanux .forum-container .border-blue, .newplanux .forum-container .border-green {
        padding-left: 10px;
    }

    .newplanux .forum-container .forum-item-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }

    .newplanux .forum-container .forum-sub-title {
        font-size: 10px;
    }

    .pickyourgoal .white-bg, .pickyourgoal .white-rightcontainer {
        margin-right: 0px !important;
    }

    .newplanux .graph-section {
        margin-left: 0px !important;
    }

    .pickyourgoal .forum-item {
        line-height: 18px !important;
    }

    .newplanux .perform_link {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .newplanux .incremental_box input {
        font-size: 22px;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 7px;
        margin-top: -10px;
    }

    .pickyourgoal .agile-list .success-element {
        max-height: 70px;
        min-height: 70px;
        padding: 7px 20px 5px 20px !important;
    }

    #confirmation .breadcrumb h3, #confirmation .page-heading i.rupee {
        font-size: 14px;
    }

    #confirmation .page-heading i {
        font-size: 40px;
    }

    #canvas {
        margin: 0px 0% !important;
    }

    .pickyourgoal .custom-btn {
        width: auto;
    }

    .pickyourgoal .breadcrumb {
        line-height: 15px;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding-left: 10px !important;
    }

    .sipsetup_success .videosize {
        width: 60%;
        height: auto !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .newplanux .forum-container .pointing_arrow {
        font-size: 16px;
        line-height: 24px;
        padding: 0px 5px;
    }

    .sipsetup_success .videosize {
        width: 70%;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    body {
        height: auto !important;
        font-size: 12px;
    }

    .section_margin > h1 {
        font-size: 22px;
    }

    #canvas.newplanux {
        margin: 0px;
        padding: 0 2%;
    }

    .newplanux .boxed-container {
        padding: 20px;
    }

    .newplanux .footerright, .newplanux .footerleft {
        float: none;
        font-size: 11px;
        text-align: center;
        margin: 0px;
        padding-bottom: 25px;
    }

    .planbox h3 {
        font-size: 16px;
    }

    .newplanux h1.section-title {
        font-size: 14px;
        line-height: 22px;
    }

    .newplanux h1.section-title span {
        font-size: 42px;
        font-weight: bold;
    }

    /* Stepper - responsiveness */
    .pickyourgoal {
        padding: 0px !important;
    }

    .pickyourgoal .wizard-step {
        position: static;
        display: none;
    }

    .pickyourgoal .wizard-step.active + .wizard-step {
        display: none;
    }

    .pickyourgoal .wizard-step.active {
        display: block;
    }

    .newplanux .left-section {
        margin-left: 0px;
    }

    /* Navigation hiding on mobile devices */
    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        display: none;
        width: 100% !important;
    }

    .wizard-step-indicator.active {
        display: block !important;
    }

    /* Left and right arrows of stepper */
    .pickyourgoal .carousel-control.left {
        right: 75% !important;
        left: auto;
    }

    .pickyourgoal .num {
        padding: 5px 20px !important;
        width: auto !important;
        right: 40% !important;
    }

    /* Table content - center */
    .forum-item .equity-name, .forum-item .pointing_arrow, .perform_link {
        text-align: center;
    }

    .forum-item .equity-name {
        margin-bottom: 10px;
    }

    .forum-item .pointing_arrow .fa-chevron-right {
        display: none;
    }

    .pickyourgoal .forum-item {
        border-bottom: 1px solid #f1f1f1 !important;
    }

    .perform_link {
        margin-bottom: 15px;
        margin-top: -10px !important;
    }

    .pickyourgoal .custom-btn {
        margin: 15px 0px !important;
    }

    .pickyourgoal .left-section .pull-right .custom-btn {
        margin: 15px 10px !important;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding: 3px !important;
    }

    .pickyourgoal #confirmation .white-bg {
        padding: 20px !important;
    }

    #confirmation .breadcrumb h3 {
        font-size: 12px !important;
    }

    .pickyourgoal .breadcrumb > li, .newplanux .radio {
        font-size: 12px !important;
    }

    #confirmation .page-heading i {
        font-size: 30px !important;
        line-height: 0px;
    }

    .pickyourgoal .breadcrumb {
        line-height: 26px;
    }

    .newplanux .table tbody > tr > td {
        font-size: 11px;
    }

    #confirmation .form-control {
        font-size: 11px;
    }

    .newplanux #confirmation .table tbody > tr > td.down-arrow select {
        padding: 0px !important;
    }

    #your-portfolio .scrollable_content, .newplanux .scroll.mCustomScrollbar {
        height: auto !important;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 12px;
        margin-top: 5px !important;
    }

    .sipsetup_success .videosize {
        width: 80%;
        height: auto;
    }

    .newplanux .forum-info.align-right, .newplanux .schemelist_footer .align-right {
        text-align: center !important;
    }

    #confirmation .page-heading i.rupee {
        font-size: 12px !important;
    }

}

/* New Plan ux scroll */

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px;
    max-width: 98%;
    height: 450px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scrollable_content.hidden {
    display: none;
}

.scrollable_content #mCSB_1_container {
    padding-left: 15px;
    padding-right: 15px;
}

#your-portfolio .white-bg.scrollable_content {
    padding: 3% 0% 2% 2%;
    margin: 0;
}

#your-portfolio #mCSB_1_container .white-bg {
    padding: 0;
    margin: 0;
}

#your-portfolio .scrollable_content {
    height: 400px;
}

/* Portrait tablet to landscape and desktop */
/*@media (min-width: 899px) {
        .newplanux .equiv_height {
            min-height: 600px;
        }
        #your-portfolio .scrollable_content {
            height: 600px;
        }
}*/

/* Mobile Header */
@media only screen and (max-width: 640px) {
    .header_top_fixed .nav_topfix li {
        text-align: right;
    }

    .sifnin_mo_align {
        padding-right: 0px !important;
    }

    .newplanux .padd-rzero {
        padding-right: 15px;
    }

    .newplanux .left-section.blue-bg {
        min-height: 320px;
    }

    .newplanux .setgoal_container .option-section {
        padding-left: 0px;
    }

    .newplanux .right-section h3 {
        padding-bottom: 15px;
    }

    .pickyourgoal .white-bg {
        min-height: 430px !important;
    }

    .newplanux .equiv_height {
        min-height: 350px;
    }

    .newplanux .setgoal_container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .newplanux .input_keynote {
        font-size: 9px;
    }
}

@media only screen and (max-width: 600px) {
    /* Modal Dialog box */
    .newplanux #myModal4 .modal-dialog {
        width: 95% !important;
    }

    .pickyourgoal .modal-content {
        margin: 15% 5% !important;
    }

    .pickyourgoal .modal-header, .pickyourgoal .modal-body {
        padding: 5% !important;
    }

    .pickyourgoal .modal-title {
        font-size: 22px !important;
    }

    .pickyourgoal .modal-footer .btn {
        padding: 15px 20px !important;
        font-size: 15px !important;
    }

    /* Confirmation breadcrumb */
    #confirmation .page-heading i.fa-angle-right {
        display: block;
        visibility: hidden;
    }

    .modal-dialog {
        width: 95% !important;
    }

    .newplanux .planhome_big_font {
        font-size: 13px;
    }

    .newplanux h1.section-title .subhead {
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }

    .planbox {
        width: 100%;
    }

    .nav > li.active > a {
        box-shadow: none;
        text-shadow: none;
    }

    .newplanux #sip-setup .ibox-content {
        width: 100%;
    }

    .newplanux .checkbox.bordered-note label {
        padding-left: 5px;
    }

}

@media only screen and (max-width: 599px) {
    /* .footer{position:static}*/
}

@media only screen and (max-width: 360px) {
    .onetime .min-amount {
        margin-top: 0px !important;
    }

    .newplanux .form-control {
        background-color: transparent !important;
    }

    .sipsetup_success .videosize {
        width: 95%;
        height: auto;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1280px) {
    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 14px;
    }
}

/* Caption Style 2 */
.cs-style-2 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
}

.cs-style-2 figcaption {
    height: 90px;
    width: 100%;
    top: auto;
    bottom: 0;
}

.cs-style-2 figcaption a {
    position: absolute;
    right: 20px;
    top: 30px;
}

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 4 */
.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cs-style-4 figure > div {
    overflow: hidden;
}

.cs-style-4 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.cs-style-4 figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 5 */
.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 6 */
.cs-style-6 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
    height: 100%;
    width: 100%;
}

.cs-style-6 figcaption h3 {
    margin-top: 60%;
}

.cs-style-6 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 7 */
.cs-style-7 li:first-child {
    z-index: 6;
}

.cs-style-7 li:nth-child(2) {
    z-index: 5;
}

.cs-style-7 li:nth-child(3) {
    z-index: 4;
}

.cs-style-7 li:nth-child(4) {
    z-index: 3;
}

.cs-style-7 li:nth-child(5) {
    z-index: 2;
}

.cs-style-7 li:nth-child(6) {
    z-index: 1;
}

.cs-style-7 figure img {
    z-index: 10;
}

.cs-style-7 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 0px #2c3f52;
}

.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
    opacity: 1;
    height: 210%;
    box-shadow: 0 0 0 10px #2c3f52;
    cursor: pointer;
}

.cs-style-7 figcaption h3 {
    margin-top: 86%;
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

.cs-style-7 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

@media screen and (max-width: 31.5em) {
    .grid {
        padding: 10px 10px 100px 10px;
    }

    .grid li {
        width: 100%;
        min-width: 300px;
    }
}

/*plan new ux styles end*/

/*tabs styles begin*/
.red_text {
    color: #ff0000;
}

.bse, .nse {
    font-weight: bold;
}

.bse_values span:last-child, .nse_values span:last-child {
    margin-left: 10px;
}

.bse_values span:last-child i, .nse_values span:last-child i {
    margin-right: 10px;
}

.filter .btn-group:last-child .btn {
    margin-right: 10px;
}

.innertab .nav-tabs {
    border-bottom: 2px solid #DDD;
    background: #fff;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li.active > a:focus, .innertab .nav-tabs > li.active > a:hover {
    border-width: 0;
    background: transparent;
}

.plan_tabs .innertab .nav > li > a {
    padding: 0px 15px;
}

.innertab .nav-tabs > li > a {
    border: none;
    color: #666;
    background: transparent;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
    cursor: pointer;
}

.innertab .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.innertab .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.innertab .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.innertab > .nav-tabs > li > a {
    background: #fff !important;
    border: 0px solid #ddd !important;
    border-radius: 0;
    color: #333;
}

.plan_tabs {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.plan_tabs .nav-tabs {
    margin-bottom: 1px;
    /*margin-top:20px;*/
}

.plan_tabs .nav-tabs > li > a {
    border-radius: 0px;
    border: 1px solid #ddd;
    background: #ebebeb;
    color: #333;
}

.plan_tabs .nav-tabs2 {
    width: 95% !important
    border-bottom: 1px solid #ddd;
}

.plan_tabs .tab-pane2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: transparent #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 0px !important;
}

.plan_tabs .nav-tabs > li.active .plan_title {
    color: #336699;
}

.plan_tabs .nav-tabs > li.active > a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(50%, #fdfdfd), color-stop(100%, #fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=1); /* IE6-9 */
    border-bottom-color: transparent;
}

.plan_tabs .nav-tabs > li.active .Graph {
    background-position: -55px -28px;
}

.plan_tabs .nav-tabs > li {
    /*margin-right: 15px;;*/
}

.plan_tabs .nav > li > a {
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
}

.plan_title {
    color: #333;
    font-size: 14px;
}

.plan_tabs .Graph_active, .plan_tabs .Graph {
    margin-top: 3px;
    margin-right: 7px;
}

.plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
    margin-left: 70px;
    margin-right: 7px;
}

.plan_tabs .tab-pane {
    background-color: #fff; /* Old browsers */
    border: 1px solid #ddd;
    border-top-color: transparent;
}

.plan_tabs .tab-pane .content {
    margin-left: 10px;
    margin-top: 30px;
    margin-right: 10px;
}

.tab-content2 {

    padding: 20px;
}

.plan_tabs .resp-arrow {
    margin-top: 15px;
}

.all_accounts_drop {
    margin-right: 5px;
    width: 225px;
}

/*mutual fund tab content styles begin*/
#mutual_funds .row:first-child {
    margin-top: 10px;
}

#mutual_funds .row:last-child {
    margin-top: 15px;
}

#mutual_funds .row:first-child .col-md-4 span {
    margin-left: 20px;
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div {
    margin-bottom: 7px;
}

#mutual_funds .row:first-child .col-md-3 {
    margin-top: 10px;
}

#mutual_funds .row:first-child .col-md-5 div span:first-child {
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div .blue_text {
    color: #5b93d8;
}

#mutual_funds .row:first-child .col-md-5 div:first-child span:last-child {
    margin-left: 40px;
}

#mutual_funds .row:first-child .col-md-5 div:last-child span:last-child {
    margin-left: 20px;
}

#mutual_funds .row:first-child .col-md-5 div span:last-child i {
    margin-left: 10px;
}

#mutual_funds .btn_mutualfund_option {
    margin-right: 10px;
    float: right;
}

.tabs_mutual_fund ul.resp-tabs-list {
    width: 8% !important;
    margin-left: 15px;
    border-right: 1px solid #ddd;
    margin-right: -1px;
}

.tabs_mutual_fund .resp-tabs-container {
    width: 88% !important;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item {
    background: #ffffff;
    text-align: center;
    padding: 20px 0px 0px 0px !important;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item p {
    margin-top: 10px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item img {
    border: 3px solid #cecece;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active img {
    border: 3px solid #19b394;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list li {
    border-left: none;
    border-right: none;
    border-top: none;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active p {
    color: #1ab394;
}

.tabs_mutual_fund .resp-tabs-list p {
    text-align: center;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    word-wrap: break-word;
    padding: 0 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active {
    background: #FFF;
}

.tabs_mutual_fund li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-left: none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.tabs_mutual_fund .resp-accordion p {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.tabs_mutual_fund .resp-accordion img {
    float: left;
}

.tabs_mutual_fund .resp-accordion {
    overflow: auto;
}

.portfolio .row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
}

.portfolio .header, .list_view .header {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.portfolio .profile_name, .list_view .profile_name {
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
    color: #303030;
}

.portfolio .portfolio_links, .list_view .portfolio_links {
    color: #31708f;
}

.portfolio .inner_tabs li.active a, .list_view .inner_tabs li.active a {
    color: #31708f;
    background: #eaeaea;
    border: 1px solid #cccccc;
    box-shadow: inset 0px 0px 1px 1px #d8d8d8;
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
    font-weight: bold;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a {
    color: #747474;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0px 10px 3px 10px;
}

.portfolio .inner_tabs li:hover a, .list_view .inner_tabs li:hover a {
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
}

.list_view .inner_tabs li a {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.list_view .panel-group .panel {
    border-radius: 0px;
    margin-bottom: 15px;
}

.list_view .panel-default > .panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    overflow: auto;
    border-radius: 0px;
    padding: 10px;
}

.non-collapsible-panel {
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.caret-up {
    border-bottom: 6px solid #000;
    border-left: 6px solid transparent;
    border-top: 0 dotted;
    border-right: 6px solid transparent;
}

#verticalTab .resp-tabs-container .panel-body {
    border: 1px solid #d9edf7;
}

/*.caret{margin-top:10px !important;}*/
span.list_view .portfolio_links {
    margin-right: 5px;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a, .portfolio_links a {
    font-size: 16px;
    font-weight: normal;
}

.list_view .portfolio_links {
    font-size: 14px;
    font-weight: normal !important;

}

.port-inve-create {
    margin-right: 10px;
}

.table .blue_text {
    color: #3d7fd0;
    font-size: 16px;
}

.table th {
    vertical-align: middle !important;
    /* color:#606060; */
    color: #676a6c;
}

.portfolio .inner_tab_content .tab-pane, .list_view .inner_tab_content .tab-pane {
    border: none;
    background: none;
}

/*mutual fund tab styles end*/

/*media queries begin*/
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 2024px) and (min-width: 768px) {
    .formcontrolbig {
        width: 50%;
        min-width: 300px;
    }

}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 768px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

/*media queries end*/

/*-----------------------------------------Dashboard end here---------------------------------------*/

/*-----------------------------------------Easy-responsive-tabs start here---------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    color: #363636;

}

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    list-style: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    color: #565656;
    font-family: 'Open Sans', sans-serif;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    color: #565656;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    /*padding: 15px;*/
    padding: 5px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 5px 14px 6px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h2.resp-accordion {
    font-size: 16px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/*-----------------------------------------Easy-responsive-tabs end here---------------------------------------*/

/*-----------------------------------------Dashboard-index start here---------------------------------------*/
/* CSS Document */

.info-container h4, .bot-table-container .table-responsive th span {
    text-transform: uppercase;
}

.bot-table-container .table-responsive th span {
    color: #996633;
}

.info-container p {
    margin-bottom: 20px;
}

.info-container .panel {
    margin-top: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
    border-radius: 0;
}

.info-container .panel .panel-heading {
    overflow: auto;
}

.txt-green {
    color: #1f572c;
    font-size: 15px;
}

.grid_container {
    margin: 10px auto;
}

.grid_container .row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info_bottom {
    text-align: center;
}

.info_bottom p {
    margin-bottom: 0;
    padding-top: 10px;
    margin-right: 15px;
}

.info_bottom p .btn {
    color: #336699;
    font-weight: bold;
    margin-left: 15px;
}

.widget-header {
    color: #996633;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    display: block;
    text-transform: capitalize;
}

.widget-container .border {
    overflow: auto;
}

.widget-container h5 {
    font-size: 16px;
}

.bot-table-container {
    margin-top: 20px;
}

.bot-table-header {
    background: #3f3f3f;
    overflow: auto;
    padding: 0px 10px;
    background-color: #3f3f3f;
    background-image: -moz-linear-gradient(top, #454545, #343434);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#343434));
    background-image: -webkit-linear-gradient(top, #454545, #343434);
    background-image: -o-linear-gradient(top, #454545, #343434);
    background-image: linear-gradient(to bottom, #454545, #343434);
    background-repeat: repeat-x;
    border-color: #3f3f3f;
    line-height: 35px;
    margin-bottom: 10px;
}

.bot-table-header h4 {
    color: #ffffff;
}

.bot-table-header a {
    color: #a7a7a7;
}

.widget {
    position: relative;
    padding-bottom: 30px;
}

.widget .widget-link {
    position: absolute;
    /*bottom: 15px;*/
    bottom: 10px;
    right: 20px;
    font-size: 16px;
}

.bot-table-container .table thead {
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    ...
}

/*-----------------------------------------Dashboard-index end here---------------------------------------*/

/*-----------------------------------------Manage start here---------------------------------------*/
@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;
}

td {
    vertical-align: middle !important;
}

.valign-middle td {
    vertical-align: top !important;
    padding-top: 10px !important;
}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
::-webkit-scrollbar {
    width: 12px;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    background-color: #eedede;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    background: #bcbcbc;
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    background: rgba(145, 128, 94, 0);
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}
*/
/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

.modal-dialog {
    /*background-color: #FFF;*/
}

/*-----------------------------------------Manage end here---------------------------------------*/

.star, .form_star_new {
    font-family: arial;
    font-size: 18px;
    color: #ff0000;
}

.error_mesg {
    font-family: arial;
    font-size: 12px;
    color: red;
    font-weight: bold
}

.bank_mesg {
    font-family: arial;
    font-size: 12px;
    color: green;
    font-weight: bold
}

.minMessageFont {
    color: #667788;
    margin-top: 3px;
    font-size: 11px;
}

.values {
    text-align: right;
}

.headerleft {
    text-align: left;
}

.Show {
    display: block;
}

.Hide {
    display: none;
}

.ebt {
    float: left;
    margin: 6px 0 0 10px;
}

.ebt_expand {
    margin: 7px 0 0 10px;
}

div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    width: 460px;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

table.dataTable th:active {
    outline: none;
}

.pagination, .pagelinks {
    height: 26px;
    margin: 18px 0;
    font-family: arial;
    background-color: #c2c2c2;
}

.pagination ul {
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
    display: inline;
}

.pagination a {
    float: left;
    background-color: #fafafa;
    font-size: 11px;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

.pagination a:hover, .pagination .active, .display_tag_pagination a {
    background-color: #c7eefe;
}

.sorted {
    background-color: #ddf4fb;
}

/*.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
.pagination .next a{border:0;}*/
.pagelinks > strong {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    background-color: #c7eefe;
}

<!--
reports start-- >
.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*insurance*/

.insh3 {
    color: #428bca;
}

.inshul {
    list-style-image: url("../../images-new/tickinsurance.png");
    line-height: 35px;
}

.insrightbox {
    background-color: #f1e6da;
    padding: 0px 10px 0px 10px;
    float: right;
    margin: 10px 2px 0px -3px;
}

.insrightbox img {
    padding: 10px 10px 0px 0px;
}

.insmain-tab > li > a {
    padding: 5px 10px;
    background-color: #428bca;
}

.insnav-tabs > li.active > a, .insnav-tabs > li.active > a:hover, .insnav > li.active > a:focus {
    background-color: #428bca;
    height: 81px;
    width: 275px;
    border-radious: 0px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li.active > a:focus {
    border-radius: 0px;
    background-color: #428bca;
    height: 81px;
    width: 275px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li > a {
    background-color: #e7e7e7;
    height: 81px;
    width: 275px;
    font-size: 20px;
    color: #414141;
    margin: 0px;
    border-radius: 0px;
}

.insnav-tabs > li > a > img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.insnav-tabs {
    border-bottom: 1px solid #428bca;
}

.insright_sidebar {
    height: auto;
    overflow-y: auto;
}

.sidebar-menu-insurance {
    background-color: #FFF;
}

/* thanku page*/

.topmsgtext {
    font-size: 18px;
    font-family: MyFontFamily
}

.topmsgtextcolor {
    color: #8f6f2b;
    font-family: MyFontFamily;
    font-size: 18px;
}

.radiocolor {
    color: #8f6f2b;
    margin: 0px 20px 10px 0px;
    font-family: MyFontFamily !important;
    font-size: 17px !important;
    font-weight: normal !important;
}

.thankcheckbox {
    text-align: center;
}

.thanktable td a {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 15px;
}

.thanktable td {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 14px;

}

.thanktable th {
    font-family: MyFontFamily;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.thanktablehead {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.thankfont {
    font-family: MyFontFamily !important;;
    font-weight: normal !important;
    font-size: 14px;
}

.thankfont2 {
    font-family: MyFontFamily !important;;
    font-weight: normal;
    font-size: 16px;
}

.thankarrow {
    margin-right: 10px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-below > nav nav-tabs ul li {
    margin: 0px 0px 0px 15px
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 34px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 0px 0 0 0px;
    height: 60px;
    -moz-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.tab-panewidth {
    margin: 0px 0px 0px 150px;
    padding: 5px 20px 0px 20px;
    border-top: 0px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.tab-content {
    background-color: #fff;
}

.tabnav {
    height: 50px;
}

.thankh3 {
    margin: 0px;
}

.prebutalign {
    width: 200px;
    float: clear;
    margin: auto;
}

.smallbox {
    padding: 0px 2px 0px 0px;
    margin: 0px;
    font-size: 10px;
}

.tab-pane.tab-pane2 {
    padding: 10px 0px !important;
}

/* thanku page end*/

/* smart sip recomdation*/

.recom-info {
    background-color: #e8ecef;
    border-radius: 2px;
    border-color: #BCE8F1;
    color: #3A87AD;
    padding: 18px;
}

.recom-whitediv {
    background-color: #fff;
    border: 1px solid #d8dfe4;
    height: auto;
    padding: 18px;
    margin: 0px;
}

.recom-margin {
    padding: 5px;
}

.recom-fontcolor {
    color: #188cd5;
    font-size: 24px;
    font-weight: normal;
}

.recom-orange {
    background-color: #69b339;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-padding {
    padding: 0px 0px 0px 5px;
}

.recom-orange {
    background-color: #69b339;
}

.recom-margin2 {
    margin: -10px 0px 0px 0px;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-headetext {
    font-size: 15px;
    font-weight: bold;
    color: #414141;
}

.recom-red {
    color: #e32e2a;
}

.recom-black {
    color: #414141;
    font-weight: normal;
    font-size: 18px;
}

.recom-normaltext {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #848484 !important;
    font-weight: normal;
    padding: 5px;
    margin: 0px;
    text-align: justify;
}

.recom-hr {
    margin: 0px;
    padding: 0px;
}

/* currency symbol*/

@font-face {
    font-family: 'WebRupee';
    src: url('../../css/WebRupee.V1.0.eot');

    src: local('../../css/WebRupee'), url('../../css/WebRupee.V1.0.ttf') format('truetype');
}

.WebRupee {

    font-family: 'WebRupee';
}

/* currency symbol*/

/* loan page start*/

.tabmargin {
    margin: 15px;
}

/* loan page end*/

/*report modal styles begin*/
#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/

/*Media screen queries begin*/
@media (max-width: 768px) {
    .generate_report_form {
        padding: 20px;
    }
}

<!--
reports start-- >
.equityfooter {
    font-size: 11px ! importent;
}

.panel-default > .custom-panel {
    background: none repeat scroll 0 0 #36a9e1;
    border-radius: 2px 2px 0 0;
    color: white;
    border-color: #e9e9e9;
    font-weight: normal !important;
}

.custom-panel {
    padding: 10px 15px;
}

.custom-panel-body a {
    font-family: 'Open Sans', sans-serif !important;
}

.custom-panel a {
    font-weight: normal !important;
    font-family: 'Open Sans', sans-serif !important;
    text-decoration: none !important;
}

.custom-panel-body {
    padding: 15px !important;
    border: 1px solid #c2c2c2;
}

.form-inline-top {
    margin-top: 10px;
}

.select-custom {
    padding-left: 0;
}

.check-lm {
    margin-left: 10px;
}

.formcontrol_lm {
    padding: 6px 2px;
}

.custom-label, .fc-fo {
    font-size: 12px;
}

.acc-head {
    font-weight: normal;
    text-transform: uppercase;
}

.tc {
    padding-left: 20px;
    float: left;
    font-weight: normal !important;
}

.tb {
    margin-bottom: 10px !important;
}

.btnCustomPri {
    background: none repeat scroll 0 0 #75a94c;
    border: 1px solid #5c833c;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif !important;
}

.btnCustomPri:hover {
    background: none repeat scroll 0 0 #87ba5e;
    border: 1px solid #5c833c;
}

.custompanel-default {
    border-color: #c2c2c2 !important;
}

.custom-panel-head {
    background: none repeat scroll 0 0 #75a94c;
    padding: 10px 15px;
}

.custompanel-default td {
    text-align: center;
}

.custompanel-default th {
    font-weight: bold;
}

.tdfont {
    font-size: 24px;
}

.highbox {
    box-shadow: 1px 1px 2px 1px #e4e6eb;
    border-top: 2px dotted #d2b469;
    border-bottom: 2px dotted #d2b469;
    padding: 10px;
    background-color: #fffefa;
    width: 90%;
    margin: 0 auto;
}

.highbox h3 {
    margin: 0;
    color: #b07d11;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -1px;
}

.highbox h4 {
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #89610c;
    line-height: 16px;
    margin-bottom: 15px;
    width: 80%;
}

.highbox p {
    margin: 0;
    margin-bottom: 10px;
}

.highbox label {
    color: #89610c;
    font-weight: normal;
    font-size: 12px;
}

.highbox label a {
    font-family: 'Open Sans', sans-serif;
}

.highbox .hint {
    font-size: 12px;
}

.highbox .table-bordered {
    border: 1px solid #d8cdb4;
}

.highbox .table-bordered > thead > tr > th, .highbox .table-bordered > tbody > tr > th, .highbox .table-bordered > tfoot > tr > th, .highbox .table-bordered > thead > tr > td, .highbox .table-bordered > tbody > tr > td, .highbox .table-bordered > tfoot > tr > td {
    border: 1px solid #d8cdb4;
}

.contentmargin {
    margin: 1px 8px 8px 8px;
}

.footer_static2 {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px !important;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static2black {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static3 {
    font-size: 11px;
    color: #c2c2c2;
}

.footerwhitetext {
    color: #fff;
}

.equitytmargin {
    margin: 1px 8px 8px 0px;
}

/*Profile Dashboard start*/
.pr_width {
    width: 85% !important
}

.pr_panel-heading {
    padding: 0 25px;
    background: #f5f5f5
}

.pr_panel-body {
    padding: 25px 25px !important
}

.pr_panel-default {
    border-color: #dddddd !important;
    margin-top: -1px !important;
    border-radius: 0 !important
}

.pr_section_margin_style {
    margin-top: 127px !important;
    padding-top: 40px;
    background: #e4e4e4;
    margin-bottom: -20px;
    padding-bottom: 30px
}

.pr_inrbox {
    border: 1px solid #dadada;
    padding: 13px;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    -moz-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
}

.pr_boxtop {
    padding-top: 27px
}

.pr_input {
    box-shadow: none !important;
    transition: none !important;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    color: #000000;
}

.pr_checklabel {
    float: left;
    padding-right: 7px
}

.pr_form-group {
    margin-bottom: 3px
}

.pr_browntxt {
    color: #a3752a;
    font-size: 13px
}

.pr_subtxt {
    text-align: right;
    font-size: 11px;
    font-style: italic;
    float: right;
    padding: 3px 0 0 0;
    color: #2788a9
}

.pr_subtxt1 {
    font-size: 11px;
    font-style: italic;
    float: right;
    color: #aaaaaa;
    font-weight: normal
}

.pr_hr {
    border-color: #e4e4e4;
    margin: 15px 0 10px 0;
}

.pr_hr1 {
    border-color: #af8d46;
    margin: 4px 0 10px 0;
}

.pr_h4 {
    padding: 15px 0
}

.pr_pblue {
    color: #167396 !important;
    margin-top: -6px
}

.pr_rowtop {
    padding-top: 15px
}

.pr_edit a {
    background: #af8d46;
    color: #fff;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 12px
}

.pr_edit a:hover {
    color: #fff;
}

.pr_chart {
    padding: 25px 0
}

.pr_p_payment {
    font-size: 32px
}

.pr_bg {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr_bg.png) repeat;
}

.pr_h3 {
    font-size: 30px;
    margin-bottom: 0;
    color: #aaaaaa;
    padding-top: 15px
}

.pr_table th {
    background: #f2f0eb;
    color: #a27d24;
    text-align: left !important;
    font-weight: normal;
    font-size: 13px
}

.pr_table th {
    border: 1px solid #e5dac0 !important
}

.pr_table td {
    border: 1px solid #e5dac0 !important
}

.bs-example .pr_panel-heading a:hover, a:focus {
    color: #1695c0;
    text-decoration: none
}

.bs-example .pr_panel-heading a {
    color: #000;
    text-decoration: none
}

.bs-example .panel-title {
    font-size: 18px
}

.pr_smallbutton {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    background: #1495bf;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border: none;
    font-weight: bold
}

.pr_smallbutton:hover {
    background: #037d9f;
    text-decoration: none;
}

.pr_primarybutton {
    background: #1495bf;
    background-image: -webkit-linear-gradient(top, #1495bf, #066583);
    background-image: -moz-linear-gradient(top, #1495bf, #066583);
    background-image: -ms-linear-gradient(top, #1495bf, #066583);
    background-image: -o-linear-gradient(top, #1495bf, #066583);
    background-image: linear-gradient(to bottom, #1495bf, #066583);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    padding: 3px 18px 6px 18px;
    border: solid #1495bf 1px;
    text-decoration: none;
}

.pr_primarybutton:hover {
    background: #066583;
    background-image: -webkit-linear-gradient(top, #066583, #1495bf);
    background-image: -moz-linear-gradient(top, #066583, #1495bf);
    background-image: -ms-linear-gradient(top, #066583, #1495bf);
    background-image: -o-linear-gradient(top, #066583, #1495bf);
    background-image: linear-gradient(to bottom, #066583, #1495bf);
    text-decoration: none;
}

.select-style {
    padding: 4px 0;
    margin: 0;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/arrow-pr.png") no-repeat 97% 50%;
}

.select-style select {
    padding: 0 8px;
    width: 100%;
    color: #000000;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
}

#goal .select-style select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none !important;
    box-shadow: none;
    color: #000000;
    padding: 0 8px;
    width: 140%;
}

.select-style select:focus {
    outline: none;
}

.checktick input[type=checkbox] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.checktick input[type=checkbox] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.checktick input[type=checkbox] + label:hover,
.checktick input[type=checkbox]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.checktick input[type=checkbox]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.radiotick input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.radiotick input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.radiotick input[type=radio] + label:hover,
.radiotick input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.radiotick input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.prmale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prmale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prmale input[type=radio] + label:hover,
.prmale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.prmale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

.prfemale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prfemale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prfemale input[type=radio] + label:hover,
.prfemale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content

*/
.prfemale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

@media only screen and (max-width: 800px) {
    .pr_clear {
        clear: both
    }

    .pr_form-group {
        margin-bottom: 15px
    }

}

@media only screen and (max-width: 640px) {
    .pr_width {
        width: 100% !important
    }

}

/*Profile Dashboard start*/

<!--
css from peepal added on July

11
2014
.

-->
.info-container .panel-heading a:hover {
    color: #fff;
}

/*Dashboard landing styles end*/

/*Plan styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.inner-tab {
    background-color: #efefef;
    background-image: -moz-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#efefef));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -o-linear-gradient(top, #f9f9f9, #efefef);
    background-image: linear-gradient(to bottom, #f9f9f9, #efefef);
    background-repeat: repeat-x;
    padding: 5px 0px 0px 16px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef', GradientType=0);
}

.inner-tab > li {
    margin-bottom: 0;
}

.inner-tab > li.active {
    border-bottom: 2px solid #315138;
    background-color: transparent !important;
}

.inner-tab > li.active a {
    color: #8f6f2b !important;
}

.inner-tab > li > a {
    border: 0px !important;
    background-color: transparent !important;
    color: #333333;

}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5, #SmartSol .col-md-10 .btn-primary {
    font-size: 16px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.inner-tab > li > a:hover {
    background: none;
}

.inner-tab li.active {
    position: relative;
}

.inner-tab li.active:after {
    content: '';
    height: 15px;
    width: 10px; /*changed on 16dec2013*/
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 5px solid transparent; /*changed on 16dec2013*/
    border-bottom: 5px solid #315138;
    border-left: 5px solid transparent; /*changed on 16dec2013*/
}

.content-detail-container .col-md-10 span {
    display: block;
    text-align: justify; /*added on 16dec2013*/
}

.content-detail-container .row {
    margin-bottom: 15px;
}

.blogs-box .glyphicon-user {
    font-size: 17px;
    z-index: 99;
}

.blogs-box {
    overflow: auto;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.blogs-box h5, h5 {
    color: #333;
    margin-bottom: 5px;
}

.blogs-box p {
    margin-bottom: 5px;
}

.blogs-box .badge {
    position: absolute;
    top: -9px;
    left: 9px;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 10px;
}

.blog-date {
    font-style: italic;
}

.blogs-notification {
    margin-right: 20px;
    position: relative;
}

.plan-anchor {
    position: absolute;
    right: 20px;
    bottom: 4px;
    font-weight: bold;
}

/*added on 16Dec2013*/
.plan-anchor:hover {
    color: #8f6f2b;
}

.bradcrum_content_container {
    clear: both;
}

.left_box {
    margin: 0 -30px 0 0;
    height: 250px;
}

.right_box {
    background-color: #d2dae3;
    background-image: -moz-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dbe4ee), to(#d2dae3));
    background-image: -webkit-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -o-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: linear-gradient(to bottom, #dbe4ee, #d2dae3);
    background-repeat: repeat-x;
    height: 250px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe4ee', endColorstr='#d2dae3', GradientType=0);
}

.tab_info_container .row {
    margin-bottom: 25px;
}

.tab-content-container {
    padding-bottom: 32px;
}

#SmartSol .col-md-2 img {
    width: 100%;
}

#SmartSol .col-md-10 .btn-primary {
    margin-top: 10px;
}

.tab-content-container .blogs-box {
    margin-top: 0;
}

.blogs-box.first-item {
    margin-top: 0px;
}

.platinum-tab-container .col-md-5 h5 {
    margin-top: 0;
}

.platinum-tab-container .right_box {
    height: auto;
}

#Port .border {
    padding: 10px 20px;
    margin-bottom: 10px;
}

#Port .border h5 {
    margin-top: 6px;
}

/*.tab-pane li >  a:hover,p a:hover,.btn-check:hover
{color: #8f6f2b;}	*/
.tab-pane {
    margin-top: -1px;
}

.btn-check {
    line-height: 30px;
}

/*Plan styles end*/

/*Manage styles begin*/
/*class added 16Dec2013*/
.formAlign {
    margin-top: 7px;
}

/*class added 16Dec2013*/
.formAlignText {
    margin-top: 14px;
}

/*class added 16Dec2013*/
.formAlignBox {
    margin-top: 0;
}

/*class added 16Dec2013*/
.PaddingLeft {
    padding-left: 0px !important;
}

.confirm_well {
    background: #CEE5EB;
    padding: 15px 15px 5px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.table_align th {
    text-align: center;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    height: 45px \9; /*added on 17Dec2013*/
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    /*margin: 13px 0 0 -70px;*/ /*changed on 17dec2013*/
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 20px 0 0;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    margin: 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

/*changed on 17dec2013*/
/*
.invest_menu:after{
content: '';
display: block;
position: absolute;
top: -20px;
right: 41px;
width: 0;
height: 0;
border-color: transparent transparent #ffffff transparent;
border-style: solid;
border-width: 10px;
}
.invest_menu:before {
content: '';
display: block;
position: absolute;
top: -22px;
right: 40px;
width: 0;
height: 0;
border-color: transparent transparent #c1c1c1 transparent;
border-style: solid;
border-width: 11px;
}
*/
.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/ /*changed on 17dec2013*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

/*added on 17dec2013*/
.invest_title {
    text-align: left;
    margin-left: 10px;
    border-right: none;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.keepTrigger {
    padding-top: 15px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

display:block

;
.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
width: 123px;
font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

.col-sm-3.control-label.formAlign.widthTriggerBase {
    width: 192px;
    padding-right: 0;
    padding-left: 0;
}

/*SIP investment*/
.well .payment_confirm {
    line-height: 22px;
    margin-bottom: 10px;
}

.pay_acc_details {
    overflow: hidden !important;
    border-radius: 5px !important;
    box-shadow: none;
    padding: 0px 15px 7px 9px !important;
}

.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
    line-height: 22px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/* wizard*/
.nav.nav-tabs.wizard li a {
    background: #e6e6e6;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #aaa;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li.active {
    background: #FFF;
}

.nav.nav-tabs.wizard li.active a {
    background: #18a689;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #FFF;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
    margin-left: 0;
}

.tab-content.wizardContent {
    /* border:1px solid #dcdada; */
    padding: 20px;
    /*overflow: auto;*/
    border-radius: 10px;
}

.nav.nav-tabs.wizard {
    border-bottom: 0;
}

.button_ContainerLast {
    margin: 10px;
    margin-right: 0;
}

/*Manage styles end*/

/*Report styles begin*/
.reports_container {
    padding: 5px 15px 80px 15px !important;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/

.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*added on 17dec2013*/
.report_type_drop:focus, .date_ctrl:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*report modal styles begin*/
/*added on 17Dec2013*/
#report_modal {
    overflow: hidden;
}

#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .modal-dialog {
    width: 55%;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/
/*Report styles end*/

/*My account styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e7e7e7', GradientType=0);
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.main-tab li.pull-right {
    background-color: transparent;
    background-image: none;
}

.main-tab li.pull-right .btn-group .btn {
    margin-left: 7px;
    padding: 4px 12px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.panel-title .profile-container {
    margin-left: 0;
}

.color-gold {
    color: #8f6f2b;
}

.accordian-container .panel-title {
    font-size: 14px;
    font-weight: normal;
}

.accordian-container .panel-title .color-gold {
    font-size: 15px;
}

.activated-container {
    width: 60%;
    margin: auto;
}

.activated-container ul {
    margin: 0;
    padding: 0;
    border: 1px solid #bfbfbf;
}

.activated-container ul li {
    list-style: none;
    text-align: center;
    padding: 6px 0px;
}

.activated-container .active {
    background-color: #439131;
    color: #ffffff;
}

.icon-collapse-out {
    background: url(../images/collapse-out.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.icon-collapse-in {
    background: url(../images/collapse-in.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.tab-pane {
    margin-top: -1px;
}

.icon-collapse-in_btn {
    position: absolute;
    right: 0;
    bottom: 3px;
}

.accordian-container .panel-title span.dis-block {
    margin-bottom: 8px;
}

.well a:hover, .info-control-container a:hover {
    color: #8f6f2b;
}

.alert-btn, .alert-btn:hover {
    color: #479557;
}

.alert-btn {
    margin-left: 12px;
    font-size: 12px;
}

.info-container h5 {
    margin-right: 10px;
}

.panel-label-width {
    width: 32%;
    text-align: right;
    margin-right: 15px;
}

/*added on 17dec2013*/
input.panel-label-width, textarea.panel-label-width {
    text-align: left;
}

input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
    width: 39%;
    margin-left: 10px;
}

.info-container {
    margin-bottom: 15px;
}

.info-control-container {
    margin-bottom: 5px;
}

.info-control-container a {
    margin-left: 5px;
}

.dis-inline-block {
    display: inline-block;
}

.well {
    overflow: auto;
    padding: 0px 9px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;
}

.panel-collapse .panel-body {
    padding: 15px 0;
}

span.show-txt {
    margin-left: 10px;
}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5 {
    font-size: 16px;
}

.well a {
    line-height: 35px;
}

.well i, .alert-btn i {
    margin-right: 5px;
}

.activated-container.pending .active {
    background-color: #d78910;
}

.tab_btn_conatiner {
    position: absolute;
    top: -12px;

    right: 0;
}

.tab_btn_conatiner .pull-left {
    margin-right: 10px;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.btn:focus {
    outline: none;
}

#Investor .border {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    background-repeat: repeat-x;
}

/**/
.panel-heading .glyphicon-chevron-up:before {
    content: "\e113";
}

.panel-heading .collapsed .glyphicon-chevron-up:before {
    content: "\e114";
}

#Acc .table-responsive {
    padding-top: 10px;
}

/*My account styles end*/

.supersavings-boxed-container {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 15px;
}

.supersavings-mobile-container p {
    margin-bottom: 15px;
}

.supersavings-mobile-container .control-label {
    color: #8e6e31;
}

/* Media queries begin */
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }
}

@media (max-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
    }

    .row.summary .col-md-2 {

    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    /*class added 16Dec2013*/
    .formAlignBox {
        margin-top: 7px;
    }

    /*class added 16Dec2013*/
    .wizard > .content {
        overflow-y: scroll;
    }

}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

/*added on 17dec2013*/
@media (max-width: 992px) and (min-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_cont {
        width: 500px;
    }

    .explore-arrow {
        left: 55%;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }

    /*class added 16Dec2013*/
    .FormInlineBg {
        width: 100%;
    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    .generate_report_form {
        padding: 20px;
    }

    .rightBorderInvest {

    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    .btn-check {
        margin-left: 14px;
        margin-top: 5px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;
    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {

    }

    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 15px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .right_sidebar {
        height: auto !important;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .inner-tab {
        padding: 0;
    }

    .inner-tab.nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .breadcrum_container {
        margin-top: 80px;
        margin-bottom: 46px;
        overflow: hidden;
    }

    .tab-container {
        margin-top: 10%;
    }

    .mob_margin {
        margin-left: 0px !important;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;

    }

    .SipInvestment .breadcrum_container {
        overflow: visible !important;
    }

    .SipInvestment h2 {
        padding-bottom: 0px;
        padding-top: 15px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .plan-anchor {
        right: 0px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (max-width: 320px) {
    .main-tab > li {
        margin-right: 4px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .main-tab > li > a {
        padding: 5px 10px;
    }

    .plan-anchor {
        right: 0px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    /*added on 17dec2013*/
    .form-control {
        background-color: #f0f0f0 !important;
    }

    .info-control-container {
        padding: 0px 5px;
    }

    .panel-label-width {
        width: 39%;
    }

    input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
        width: 90%;
    }

    /*.tab-container
                          {margin-top:58% !important;}*/
    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

.wizardp {
    margin: 0 0 10px 0px
}

.padwrap {
    padding: 5px 20px !important;
}

.mtop {
    margin-top: 5px !important;
}

.radio_container_custom {
    position: inherit !important;
    margin-left: 0 !important;
}

.alertmodel {
    padding: 10px 20px;
    background-color: #f8f8f8;
    font-size: 12px !important;
    margin-bottom: 20px;
}

.smallalert {
    border: 1px dotted #c67a55;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    background-color: #fffcee;
}

.newbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    margin-top: 10px !important;
}

.newbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
    background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
    background-color: #68a54b;
    text-decoration: none !important;
    color: #ffffff !important;
}

.newbutton:active {
    position: relative;
    top: 1px;
}

.btn-success:hover {
    color: #ffffff !important;
}

/*.tab-content.wizardContent{overflow:auto;}*/

/*.tab-pane .btn{font-size:16px;margin-bottom:3px;}*/
.euin {
    padding: 0px;
    font-size: 12px !important;
}

.help-block {
    font-size: 11px !important;
}

input, select { /*border:1px solid #c2c2c2 !important;*/
}

.box {
    border-radius: 2px;
    box-shadow: 0 1px 0 1px #e4e6eb;
    border: 1px solid #c2c2c2;
}

.tablenew {
    border: 1 pxs solid #c2c2c2;
}

.tablenew {
    background-color: #f8f8f8 !important;
}

.tablenew td.righttab {
    text-align: right !important;
    font-weight: bold;
}

.bs-example {
    background-color: #f8f8f8;
    padding: 10px;
}

.bs-example2 {
    padding: 15px;
}

/*.trans_home_txt a, a{
        color: #333;
}*/
.trans_home_txt a:hover, a:hover {
    color: #23527c;
}

.sortable a {
    color: #676a6c;
}

/*---sortable images display tag---*/

.sorted a, .sortable a {
    background-position: right;
    display: block;
    width: 100%;
}

.sortable a {
    background-image: url(../../images/arrow_off.png);
    background-repeat: no-repeat;
}

.order1 a {
    background-image: url(../../images/arrow_down.png);
    background-repeat: no-repeat;
}

.order2 a {
    background-image: url(../../images/arrow_up.png);
    background-repeat: no-repeat;
}

.resp-tabs-list > li.resp-tab-active .plan_title {
    color: #336699;
    text-decoration: none
}

.resp-tabs-list > li.resp-tab-active a:hover {
    text-decoration: none;
}

.resp-tabs-list > li.resp-tab-item a:hover, a:link, a:visited, a:active {
    text-decoration: none;
}

.checkbox a:hover, .checkbox a:link, .checkbox a:visited, .checkbox a:active {
    text-decoration: none;
    color: #337ab7;
}

/*watchlist*/

.box .box-content {
    background: none repeat scroll 0 0 white;
    border-radius: 0 0 2px 2px;

    padding: 20px 10px 0px 10px;
}

.boxblue .blue {
    color: #36a9e1;
}

.boxgreen .green {
    color: #bdea74;
}

.boxgreen.green .title {
    background: none repeat scroll 0 0 #a1d054;
    padding: 10px;
    color: #000;
    font-weight: bold;
}

.boxgreen.greenemptyheight {
    margin: 25px 0px 0px 0px;
}

.boxgreen .content {
    background: none repeat scroll 0 0 #e8facc;
    padding: 10px 10px 10px 15px;
}

.boxblue {
    border-radius: 2px;
    margin: 0 0 30px;
}

.boxblue.blue .title {
    background: none repeat scroll 0 0 #36a9e1;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

.boxblue .content {
    background: none repeat scroll 0 0 #e4e6eb;
    padding: 10px 10px 10px 15px;
}

.value {
    color: #383e4b;
    padding: 10px;
}

.watchheader {
    color: #967939;
    vertical-align: middle !important;
    font-weight: bold;
}

.watchlistinputselect {
    width: 95%;
    font-size: 12px;
}

ul.watchlist li {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    font-size: 13px;
    list-style: none outside none;
    padding: 7px 0px 0px 0px;
    margin: 3px 0px 0px -20px;
    height: 43px;

}

ul.watchlist .col-md-7 {
    padding: 0px;
}

.watchlist.label {
    border-radius: 0.25em;
    color: #ffffff;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.4em 0.7em 0.4em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;

}

.watchtableheader {
    margin: 0px 0px 0px -20px;
}

.watchlist label[href]:hover, watchlist label[href]:focus {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.watchlisthr {
    margin: 3px 0px 0px 0px;
    height: 2px;
    border: 2px;
    background-color: #999;
}

/* invest page css*/

.recompagebg {
    background-color: #f4f4f4;
    min-height: 286px;
    padding-bottom: 1px;
}

.recomwhitebox {
    height: 244px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    margin: 10px 10px 20px 0px;
    padding: 15px;
}

.recomwhiteboxinput {
    margin: 2px 0px 7px 0px;
}

.recomwhiteboxinputsmall {
    margin: 2px 0px 7px 0px;
    width: 200px;
}

.recomwhitebox > hr {
    margin: 10px 0px 5px 0px;
}

.recompagetabouter {
    margin: 10px 10px 0px -20px;
}

.recompagetabheader {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #428bca;
    font-weight: normal;
}

table.recompagetabheader {
    margin: 13px;
    width: 96%;
}

table.recompagetabheader span {
    font-family: 'Open Sans', sans-serif;
}

table.recompagetabheader thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    background-color: #d9edf7;
}

table.recompagetabheader thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #414141;
    font-weight: normal;
}

table.recompagetabheader > thead > tr > th, .recompagetabheader > tbody > tr > th, .recompagetabheader > tfoot > tr > th, .recompagetabheader > thead > tr > td, .recompagetabheader > tbody > tr > td, .recompagetabheader > tfoot > tr > td {
    border: 1px solid #428bca;
}

table.recompagetabheader {
    border: 1px solid #428bca;
}

table.amctable td {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

table.amctable span {
    font-family: 'Open Sans', sans-serif;;
    font-size: 13px;
}

table.amctable thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #8f6f2b;
    font-weight: bold;
    background-color: #f3f1ec;
}

table.amctable thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
}

table.amctable > thead > tr > th, .amctable > tbody > tr > th, .amctable > tfoot > tr > th, .amctable > thead > tr > td, .amctable > tbody > tr > td, .amctable > tfoot > tr > td {
    border: 1px solid #dcd7c7;
}

table.amctable {
    border: 1px solid #dcd7c7;
}

.searchinput {
    width: 300px;
    margin: 0px 10px 8px 0px;
}

.btnorange {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #bd850e, #90702a);
    background-image: -moz-linear-gradient(top, #bd850e, #90702a);
    background-image: -ms-linear-gradient(top, #bd850e, #90702a);
    background-image: -o-linear-gradient(top, #bd850e, #90702a);
    background-image: linear-gradient(to bottom, #bd850e, #90702a);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #89723f 2px;
    text-decoration: none;
}

.btnorange:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.btngreen {
    background: #198c19;
    background-image: -webkit-linear-gradient(top, #198c19, #1e681e);
    background-image: -moz-linear-gradient(top, #198c19, #1e681e);
    background-image: -ms-linear-gradient(top, #198c19, #1e681e);
    background-image: -o-linear-gradient(top, #198c19, #1e681e);
    background-image: linear-gradient(to bottom, #198c19, #1e681e);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #387638 2px;
    text-decoration: none;
}

.btngreen:hover {
    background: #1d6a1d;
    background-image: -webkit-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -moz-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -ms-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -o-linear-gradient(top, #1d6a1d, #24a324);
    background-image: linear-gradient(to bottom, #1d6a1d, #24a324);
    text-decoration: none;
    color: #fff;
}

.btngreensearch {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding: 5px 25px 5px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensearch:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btngreensquare {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensquare:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btnorangesquare {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -moz-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -ms-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -o-linear-gradient(top, #9e6b19, #8d6019);
    background-image: linear-gradient(to bottom, #9e6b19, #8d6019);

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    border-top: solid #98825d 2px;
    border-left: solid #846737 2px;
    text-decoration: none;
}

.btnorangesquare:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.recomgobtn {
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: Arial;
    color: #000;
    font-weight: bold;
    font-size: 14px;

    background: #c1c0c0;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

.recomgobtn:hover {
    background: #e0e0e0;
    text-decoration: none;
}

.recomnav .nav-tabs > .active > a,
.recomnav .nav-tabs > li > a:focus
.recomnav .nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 #fff;
    background: #000 ! importent;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    border-bottom: -1px;
}

.recomnav .nav-tabs > li > a {
    background: none repeat scroll 0 0 #fff;
    background: #fff ! importent;
    border: 0px solid #ddd;
    border-radius: 0;
    color: #333;

}

.recomlfmrgn {
    margin-left: 10px;
}

.h5 {
    color: #1f5c0f;
    font-size: 14px;
    font-weight: bold;
}

.tab-contentinvesthome {
    overflow: auto;
    width: auto;
    height: 275px;
}

.tableheight {
    overflow: auto;
    width: auto;
    max-height: 510px;
}

.formCustom .form-group2 {
    width: 192px;
}

.paddingzero {
    padding: 0px;
}

.col-md-4small {
    margin-top: 13px;
    width: 4%;
}

.smtable {
    margin: 5px !important;
    height: 30px;
    width: 98% !important;
    padding: 15px !important;
}

.dashheader {
    padding: 12px 0px 0px 0px;
    margin: 0px 0px 4px 0px;;
    font-size: 18px
}

.easytransferul {
    list-style-image: url("../../imagesux/easytransferbullet.png");
}

.circle-text {
    width: 10%;
    margin: -30px 0px 0px -30px;
}

.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #3b3a3a;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.circle-text div {
    float: left;
    width: 100%;
    padding-top: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: white;
}

.color-swatch {
    border-radius: 3px;
    float: left;
    height: 90px;
    width: 350px;
    margin: 15px 15px;
    padding: 15px;
    color: #fff;

}

.color-swatches .gray-darker {
    background-color: #222;
}

.color-swatches .gray-dark {
    background-color: #333;
}

.color-swatches .gray {
    background-color: #555;
}

.color-swatches .gray-light {
    background-color: #999;
}

.color-swatches .gray-lighter {
    background-color: #eee;
}

.color-swatches .brand-primary {
    background-color: #337ab7;
}

.color-swatches .brand-success {
    background-color: #5cb85c;
}

.color-swatches .brand-warning {
    background-color: #f0ad4e;
}

.color-swatches .brand-danger {
    background-color: #d9534f;
}

.color-swatches .brand-info {
    background-color: #4099b4;
}

.color-swatches .bs-purple {
    background-color: #563d7c;
}

.color-swatches .bs-purple-light {
    background-color: #c7bfd3;
}

.color-swatches .bs-purple-lighter {
    background-color: #e5e1ea;
}

.color-swatches .bs-gray {
    background-color: #f9f9f9;
}

/* invest page css*/

/*New Dashboard */

.newplanux .Dash_market_panel {
    background-color: #f6f6f6;
    border-bottom: 1px solid #cecece;
}

.Dash_market_panel h4 {
    font-size: 17px;
    color: #b6b6b6;
}

.point {
    color: #3e3e3e;
    font-size: 18px;
}

.md_head {
    color: #1ab394;
    font-size: 12px;
}

.Dash_market_panel .green {
    color: #7ed321;
}

.Dash_market_panel .red {
    color: #ff0000;
}

.Dash_info_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    padding-bottom: 13px
}

.Dash_info_panel h3 {
    color: #3e3e3e;
    margin-top: 10px;
}

.Dash_graph_panel {
    background-color: #f4f4f4;
    border-bottom: 1px solid #cecece;
    padding-bottom: 30px
}

.Dash_product_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
}

.DashRight_panel_top {
    background-color: #9bc75e;
    height: 255px;
    border-bottom: 1px solid #cecece;
    padding-left: 0;
}

.DashRight_panel_bot {
    text-align: center;
}

.DashRight_panel_bot h3 {
    margin-top: 10px;
}

.dash_side_head {
    background-color: #fff !important;
    float: left;
    color: #559fe3;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    padding: 10px 5px 5px 15px;
    margin-bottom: 20px;
    width: 100%;
}

.dash_side_head a {
    text-decoration: none;
}

/* Gamification */
.game-note1 {
    color: rgb(77, 179, 139);
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.game-note2 {
    color: #2a6496;
    font-weight: bold;
    font-size: 15px;
}

.number_count {
    float: right;
    color: #FFF;
    width: 30px;
    height: 30px;

    border: 2px solid #FFF;
    text-align: center;
    position: relative;
    top: -4px;
    padding-top: 3px;
    border-radius: 50%;
}

.md_align {
    margin-top: 10px;
}

.md_cent {
    text-align: center;
    padding: 0;
    border-left: 0px solid #cecece;
}

.linkbox {
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

.linkbox li {
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    background-color: #23c6c8 !important;
}

.linkbox li a {
    color: #FFF;
}

.linkbox li p {
    font-size: 13px;
    font-weight: normal;
    margin-top: 0px;
    color: #ffffff;
    margin-bottom: 7px;
    padding-left: 35px;
}

.linkbox li:last-child {
    border-bottom: none;
}

.linkbox_1 {
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.linkbox_1 li {
    font-size: 12px;
    color: black;
    margin-bottom: 23px;
}

.linkbox_1 li p {
    font-size: 18px;
    color: #3e3e3e;
    text-align: center;
}

.pro_head {
    border-bottom: 1px solid #e7eaec;
    padding-bottom: 20px;
    margin-top: 0;
    padding-top: 15px;
    margin-bottom: 0;
}

.dash-box {
    padding-top: 30px;
    min-height: 200px;
}

.linkbox_2 {
    margin-top: 0px;
    padding: 0;
    list-style: none;
}

.linkbox_2 li {
    font-size: 12px;
    color: #3e3e3e;
    padding-bottom: 30px;
}

.linkbox_2 li p {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: bold;
    text-align: center;
}

.grey {
    background-color: #f9f9f9;
}

.white {
    background-color: #ffffff;
}

.imgArrow {
    position: absolute;
    left: -8px;
    top: 20px;
}

.imgMenu {
    position: absolute;
    right: 35px;
    top: 20px;
}

.equityMenuContent {
    width: 260px;
    height: 260px;
    background-color: #3e4a55;
    position: absolute;
    display: none;
}

.imgClose {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 99999;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #ffffff;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.equityMenuContent .nav > li > a:hover, .equityMenuContent .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

.equityMenuContent .tab-content {
    background-color: #3e4a55;
    padding: 0 10px;
}

.equityMenuContent .nav > li > a {
    color: #707b84;
    font-size: 16px;
}

.equityMenuContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #ffffff;
}

.equityMenuContent ul li.libi {
    border: 1px solid #ffffff;
    margin-bottom: 5px;
    border-radius: 7px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

.equityMenuContent h4 {
    color: #ffffff;
    margin-top: 20px;
}

.DashRight_panel_top .tab-content { /*background-color:#fb928f;  padding:0 10px;*/
}

.DashRight_panel_top .nav > li > a {
    color: #69883f;
    font-size: 16px;
}

.DashRight_panel_top .nav-pills > li.active > a, .DashRight_panel_top .nav-pills > li.active > a:hover, .DashRight_panel_top .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #454444;
    background-color: #9bc75e;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.DashRight_panel_top .nav > li > a:hover, .DashRight_panel_top .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

/*New equity revamp  start*/

.equitytable {
    margin-bottom: 0px !important;
}

.equitytable th {
    font-weight: bold !important;
    color: #000;
    font-size: 13px;
    background-color: #fff !important;
    text-align: left !important;
}

.equitypara {
    font-size: 12px;
    font-weight: normal !important;
}

.selectbig {
    width: 175px;
}

.selectsmall {
    width: 94px;
}

.equitytable input {
    width: 175px;
}

.smalltable {
    border: 1px solid #ccc;
    width: 98% !important;
    background-color: #fff;
}

.clrtext {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.clrtext2 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #3a6b9b;
}

.clrtext3 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.divborder {
    border: 1px solid #ccc;
    padding: 10px;
}

.smalltext {
    color: #000;
}

.paymentbox {
    background-color: #f2f2f2;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px
}

.paymentbluebox {
    background-color: #6699ff;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 12PX;
    padding: 15px;
}

.popcolum {
    padding-left: 0 !important;
    float: left;
}

.popcoluminput {
    height: 37px;
}

.market .nav-tabs {
    border-bottom: 2px solid #DDD;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li.active > a:focus, .market .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.market .nav-tabs > li > a {
    border: none;
    color: #666;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
}

.market .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.market .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.market .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.market .tab-pane {
}

.market .tab-content {
    padding: 20px
}

/*New smartrecomdations start*/

.smartcenter {
    text-align: center;
    margin: auto;
}

.smartcenter p {
    text-align: center;
    margin: auto;
}

.smartcenterbg {
    background-color: #fff;
    width: 100%;
}

.smartheader {
    color: #967939;
    font-weight: bold;
}

.smartheader p {
    color: #000;
    font-weight: normal;
}

.smarthr {
    width: 50%;
    background-color: #ccc;
    border-color: #000
}

.smarthr2 {
    width: 200px;
    background-color: #ccc;
}

.smartfundtext {
    color: #167fda;
    font-size: 17px;
    font-weight: normal;
}

.smartfundtext p {
    color: #000;
    font-size: 13px;
}

.smartgreentext {
    color: #105a0d
}

.smartcenterlast {
    width: 233px;
    margin: 40px auto;
}

.expandtext {
    border: solid 1px #c3c3c3;
    width: 820px;
    margin: auto;
    cursor: hand;
}

.sspanel, .ssflip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    cursor: pointer;

}

.sspanel p {
    text-align: justify !important;
}

.sspanel {
    padding: 10px;
    cursor: hand;
    display: none;
    text-align: justify !important;
    font-size: 12px;
}

.input-number {
    font-size: 20px;
    height: 37px;
    padding: 0 12px;
    width: 150px;
}

@media only screen and (max-width: 768px) {

    .smartcenter {
        margin: -57px auto auto;
        text-align: center;
    }

    .input-number {
        margin-top: 5px;
    }

}

/*New smartrecomdations end */

@media only screen and (max-width: 640px) {
    .newdashtop {
        margin-top: 82px
    }

}

.Dash_graph_panel .highcharts-axis {
    display: none
}

/* custom inclusion of right, left and below tabs */

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 14px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.newdash_iname {
    margin-top: 24px;
    font-size: 12px;
    text-align: right;
    line-height: 15px;
    padding-right: 0;
}

@media only screen and (max-width: 980px) {

    .newdash_iname {
        text-align: center !important;
    }

}

/*---make payment new ui---*/

.mk-topbox {
    border: 1px solid #cfdcdf;
    padding: 5px 15px;
    font-weight: 400;
    color: #414141;
    font-size: 12px;
}

.mk-fsize {
    font-size: 24px
}

.mk-scheme {
    color: #428bca;
    font-size: 13px;
    line-height: 20px;
}

.mk-schemebtn {
    border-radius: 25px;
    border: 1px solid #9cc4e7;
    background: #dcefff;
    padding: 5px 15px;
    color: #1f629c;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal
}

#mk-tabs .nav-tabs {
    border-bottom: none
}

#mk-tabs .nav-tabs > li {
    margin-right: 10px;
    padding-left: 0px;
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) 10px 13px no-repeat #f8f8f8;
}

#mk-tabs .nav-tabs > li a, #mk-tabs .nav-tabs > li a:hover, #mk-tabs .nav-tabs > li a:focus {
    background: none;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    padding-left: 25px;
    margin-left: 7px
}

#mk-tabs .nav-tabs > li.active {
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) 10px 13px no-repeat #f8f8f8;
    position: static
}

#mk-tabs .nav-tabs > li.active a .arrow {
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-top-arrow.png) 25px 27px no-repeat;
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 46px
}

#mk-tabs .nav-tabs > li.active > a, #mk-tabs .nav-tabs > li.active > a:hover, #mk-tabs .nav-tabs > li.active > a:focus {
    border: 0;
    background-color: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #22629a;
    font-weight: normal;
}

#mk-tabs .tab-content {
    border: 1px solid #428bca;
    margin-top: 5px;
    padding: 15px;
    padding-bottom: 0px;
    min-height: 330px;
}

.mk-pay-btn {
    background: #47a447;
    border-radius: 10px;
    border: 2px solid #d7caca;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px
}

.mk-blu-box {
    background: #428bca;
    padding: 30px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold
}

.mk-bm-box {
    border: 1px solid #cedbde;
    padding: 10px 20px 0 20px;
}

.mk-ra-lbl {
    font-weight: bold;
    font-size: 13px;
    color: #428bca;
    float: left;
}

.mk-ra-lbl span {
    font-weight: normal;
    font-size: 12px;
}

.mk-title {
    font-weight: bold;
    font-size: 14px;
    color: #414141;
    padding-bottom: 4px
}

.mk-p {
    font-size: 13px;
    color: #414141;
    padding-bottom: 15px;
    text-align: left
}

.mk-p-blue {
    font-size: 13px;
    color: #428bca;
    padding-bottom: 15px
}

.mk-neft-label {
    font-size: 12px;
    color: #428bca;
    font-weight: normal;
}

.mk-neft-input {
    height: 30px !important;
    border-radius: 0;
    box-shadow: none;
}

.mk-neft-input:focus {
    box-shadow: none
}

#mk-tabs .form-group {
    margin-bottom: 10px
}

.mk-neft-rtxt {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    margin-bottom: 5px;
    float: left;
    /* display: inline-block; */
    /* width: 25%; */
    margin-right: 30px;
}

.mk-neft-rtxt span {
    color: #428bca
}

.mk-show {
    float: left
}

.mk-foo {
    font-size: 10px;
    color: 5 a5a5a;
    padding-bottom: 0px
}

#mk-tabs .tab-pane {
    padding: 0
}

 .make-pay-radio input[type=checkbox] {
    display: none;
}

.make-pay-radio input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid #428bca;
    float: left;
    margin-top: 20px
}

.make-pay-radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #428bca;
    background-color: #fff;
    font-size: 1.8em;
    text-align: center;
    line-height: 15px;
    text-shadow: 0px 0px 3px #eee;
}

.make-pay-radio input[type=checkbox] + label:before {
    content: "";
    width: 25px;
    height: 15px;
    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) no-repeat 0 50%
}

.make-pay-radio input[type=checkbox]:checked + label:before {
    content: "";
    width: 25px;
    height: 15px;

    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) no-repeat 0 50%
}

/*@media screen\0 {
.ie8910 {property:value;}
 .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
    display: block;
 }
 .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
        background: none;
 }
 .make-pay-radio input, .make-pay-radio label{
        float: left;
 }
}

@media \0screen {
    .ie8 {property:value;}
    .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
          display: block;
         }
         .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
                background: none;
         }
         .make-pay-radio input, .make-pay-radio label{
                float: left;
         }

}*/

#mk-tabs select {

    /* styling */
    background-color: white;
    /* border: thin solid blue;*/
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
}

/* arrows */

#mk-tabs select.classic {
    background-image: linear-gradient(45deg, transparent 50%, #555555 50%),
    linear-gradient(135deg, #555555 50%, transparent 50%),
    linear-gradient(to right, #c2c2c2, #c2c2c2);
    /*background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      100% 0;*/
    background-position: calc(100% - 15px) calc(1em + -2px),
    calc(100% - 10px) calc(1em + -2px),
    100% 0;
    background-size: 5px 5px,
    5px 5px,
    2.1em 2.1em;
    background-repeat: no-repeat;
    border-radius: 0;
    height: 30px;
}

#mk-tabs select.classic:focus {

    box-shadow: none
}

.mk_pymt_mobile_view {
    padding: 10px;
}

/*================ nonreguserheader ========*/

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
        padding: 15px 0 15px 8px ! import;
    }

    #confirmation .ibox-content .table thead > tr > th {
        padding-left: 8px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .make-pay-radio input[type=checkbox]:checked + label:before {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .mk-neft-border {
        border-right: 1px solid #c9c9c9
    }

    .mk-neft-pad {
        padding-right: 15px
    }

    .mk-neft-pad1 {
        padding-left: 0px;
        margin-top: 15px;
    }

    .mk-width {
        width: 90%;
        max-width: 1100px
    }

}

@media only screen and (max-width: 980px) {

    .mk-pay-btn {
        margin-bottom: 20px
    }

}

@media only screen and (min-width: 480px) {

    .mk-show {
        float: right
    }

}

@media only screen and (max-width: 480px) {
    .mk-ra-lbl {
        padding-left: 0
    }

    #mk-tabs .nav-tabs > li.active a .arrow {
        display: none
    }

    #mk-tabs .nav-tabs > li {
        margin-bottom: 10px;
        width: 100%
    }

    .mk-fsize {
        clear: both;
        font-size: 18px;
    }

    .mk_pay_arrow_img {
        display: none;
    }

}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .color-swatch {
        border-radius: 3px;
        float: left;
        height: auto;
        width: 100%;
        margin: 15px 0px;
        padding: 15px;
        color: #fff;
    }
}

/*	FATCA Form: Dashboard fancy box pop up - Start	*/
.select-style-popup {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop.jpg") no-repeat 100% 0%;
}

.select-style-popup select {
    padding: 6px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup select:focus {
    outline: none;
}

.select-style-popup1 {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #eaeaea;

    background: #eaeaea url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop1.jpg") no-repeat 100% 0%;
}

.select-style-popup1 select {
    padding: 2px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup1 select:focus {
    outline: none;
}

.po-show {
    background: #eaeaea;
    padding: 12px 0 3px 0
}

.po-submit {
    border-radius: 3px;
    background: #5cb85c;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit2 {
    border-radius: 3px;
    background: #3a963a;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit3 {
    border-radius: 3px;
    background: #2f2e2e;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

a:hover.po-submit {
    color: #fff;
}

.popover-content {
    font-size: 12px;
    color: #000;
    font-weight: normal
}

.popover-title {
    color: #000;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.popover {
    max-width: 550px;
}

.po-countr {
    color: #428bca;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px
}

.po-countr-mo {
    display: none !important
}

.logoutmobile {
    display: none;
}

@media only screen and (max-width: 768px) {

    .po-countr {
        color: #428bca;
        font-size: 12px
    }

    .logoutmobile {
        display: none;
        margin-left: 17px;
    }

    .navbar-nav > li > a {
        line-height: 17px;
    }

    .bs-docs_nav .nav li a {
        color: #d4d4d4;
        font-size: 15px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 767px) {

    .logoutmobile {
        display: block;
        margin-left: 17px;
    }

}

@media only screen and (max-width: 640px) {

    .select-style-popup {
        margin-bottom: 12px
    }

    .select-style-popup1 {
        margin-bottom: 12px
    }

    .po-show {
        background: #eaeaea;
        padding: 12px 15px 10px 15px;
    }

    .popover {
        max-width: 300px;
    }

    .po-countr-mo {
        display: block !important
    }
}

.po-warning {
    border-radius: 3px;
    background: #F0AD4E;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding: 5px 40px;
}

/*	FATCA Form - End	*/

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px 20px 52px 20px;
    max-width: 100%
}

.bottom-position {
    /* margin-top: 28px; */
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 9999;
}

.leftnav_active_page {
    background: #b6e2d9 !important;
}

.mf_search_funds_tab > li > a, .mf_search_funds_tab > li.active > a {
    padding: 10px 40px 10px 40px !important;
    border: none !important;
}

.newplanux .white-rightcontainer {
    margin-right: 0px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 20px;
}

#monthlyAmount {
    background-position: 6px 10px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 10px;
}

.terms a {
    color: #4e62b7
}

.newplanux .terms {
    margin-bottom: 40px;
}

@media all and (max-width: 768px) {
    .bottom-position {
        /* margin-top: 28px; */
        position: absolute;
        right: 23px;
        bottom: 19px;
        z-index: 99;
    }
}

/* Super savings Web view only  */
@media (min-width: 768px) {

    .supersavings-mobile-container .form-group {
        margin-right: 0;
        margin-left: 0;
        width: 25%;
        float: left;
    }

    .supersavings-mobile-container .form-group label {
        width: 100%;
        text-align: left;
    }

    .supersavings-mobile-container .form-group .control-field {
        margin-top: 20px;
        width: 100%;
    }

    .supersavings-mobile-container .form-group.tot_amt_div {
        clear: both;
        width: 50%;
        float: right;
        max-width: 430px;
        margin-top: 20px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div label {
        width: 33.3333%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div .control-field {
        width: 66.6666666%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container {
        overflow: hidden;
    }
}

@media (max-width: 767px) {

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
        padding-top: 0px;
    }
}

/* CSS Document */
@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('../../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Regular.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('../../fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'), url('../../fonts/AvenirNextLTPro-Demi.otf') format('opentype'),
    url('../../fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('../../fonts/AvenirNextLTPro-Demi.ttf') format('truetype'), url('../../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**Header**/
html, body {
    padding: 0px;
    margin: 0px;
}

html {

}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px !important;
    overflow-y: scroll;

    overflow-y: scroll;
}

:focus {
    outline: 0px !important;
}

h1, h2, h3, h4, h5, h6, a, span.plan_title, .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .breadcrumb > li, .breadcrumb > li a, .explore_box p, .btn {
    font-family: '' Open Sans ', sans-serif; Sans Narrow', sans-serif;
}

h1, h2, h3, {
    font-weight: 500;
}

h4, h5, h6, {
    font-weight: 700;
}

.newplanux h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

a { /*font-size:16px;*/
}

.btn {
    font-size: 14px;
}

.text12 {
    font-size: 12px !important;
    color: #000;
}

p, span, table, select, input {
    font-family: 'Open Sans', sans-serif;
}

p {
    text-align: justify;
}

.funds_header .menu_items {
    margin-left: 30px;
    margin-top: 15px;
}

section .container, footer .footer_container {
    padding-left: 25px;
}

.section_no_bar {
    margin-top: 90px;
}

table {
    background-color: #fff;
}

.dropdown-menu > li > a {
    font-size: 16px;
}

.table-super-saving > thead > tr > th {
    padding: 8px !important;
}

.breadcrumb > li {
    font-size: 16px;
}

.funds_header {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    background: #ffffff;
}

.funds_header .menu_items li a:hover, .funds_header .contact_info li a:hover {
    background: none;
    color: #8f6f2b;
}

.btn:focus, a:focus, .navbar-toggle {
    outline: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.funds_header .menu_items li.active a {
    color: #8f6f2b;
}

.funds_header .navbar-inverse .navbar-collapse {
    border-color: #e1e2e4;
    overflow-x: hidden;
}

.funds_header .navbar-inverse .navbar-toggle {
    background-color: #8f6f2b;
    border-color: #866725;
}

.navbar > .container .navbar-brand {
    margin-left: 0px;
}

.funds_header .navbar-inverse .navbar-nav > li > a {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
}

.txt-upper {
    text-transform: uppercase;
}

.bs-docs_nav {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
    background-color: #414141;
    border-color: #414141;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
}

.bs-docs_nav .nav li a {
    color: #d4d4d4;
    font-size: 16px;
    text-transform: uppercase;
}

.bs-docs_nav .nav li a:hover {
    background: none;
    color: #ffffff;
}

.bs-docs_nav .nav li.active a {
    color: #ffffff;
}

.bs-docs_nav .nav li.active {
    position: relative;
}

.bs-docs_nav .nav li.active:after {
    content: '';
    height: 12px;
    width: 13px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.icon-download {
    background: url(../../images-new/postLogin/download.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-help {
    background: url(../../images-new/postLogin/help.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.icon-chat {
    background: url(../../images-new/postLogin/chat.png) no-repeat;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: text-bottom;
}

.navbar-right .icon-download {
    margin-left: -6px;
}

.navbar-right .icon-help {
    margin-left: -6px;
}

.navbar-right .icon-chat {
    margin-left: -6px;
}

.icon-help {
    /*background:url(../../images-new/postLogin/help.png) no-repeat;
        width:20px;
        height:28px;
        display:inline-block;
        vertical-align:top;*/
}

.profile-container {
    border-radius: 30px;
    border: 3px solid #cccccc;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 5px;
}

.profile-container img {
    width: 100%;
}

.profile-name {
    color: #8f6f2b;
    display: block;
}

.contact_info {
    margin-top: 5px;
}

.contact_info .pos-rel {
    padding-top: 10px;
}

.contact_info li a {
    color: #5b5b5b;
}

.profile-info {
    margin-top: 15px;
    text-align: right;
}

.dis-inline {
    display: inline-block !important;
}

.pos-rel {
    position: relative;
}

.navbar-collapse {
    padding-left: 0px;
    /*max-height:550px;*/
    padding: 0 10px;
    max-height: none !important;
}

.navbar-header {
    padding: 0 10px;
}

.navbar-toggle {
    background-color: black;
    margin-top: -53px;
}

.navbar-toggle .icon-bar {
    background: #ffffff;
}

.back-btn {
    margin-top: 10px;
    padding-bottom: 2px;
}

.icon-back-btn {
    background: url(../../images-new/postLogin/back-btn.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.tablesize {
    width: 50%;
}

/* Dashboard CSS */

svg {
    max-height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.css_blink {
    background-color: #4A9E19;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    margin-left: 10px;
}

.css_blink:hover {
    text-decoration: none;
}

.css_blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.7;
        background-color: #00A9D5;
    }
    100% {
        opacity: 1.0;
    }
}

/*single menu header*/
.single-header-container .menu_items {
    float: none !important;
}

.single-header-container .txt-upper {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding-top: 30px !important;
}

.single-header-container .navbar-collapse li.active a {
    color: #8f6f2b;
}

.single-header-container .navbar-collapse li a:hover {
    background-color: transparent;
    color: #8f6f2b;
}

.single-header-container {
    -webkit-box-shadow: 0 8px 6px -6px #e4e4e4;
    -moz-box-shadow: 0 8px 6px -6px #e4e4e4;
    box-shadow: 0 8px 6px -6px #e4e4e4;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4d4d4; /*for ie8*/

}

.removepad {
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}

.navbar-collapse .navbar-nav.navbar-right:last-child, .bs-docs_nav .navbar-right {
    margin-right: 5px !important;
}

/*Breadcrum Styles*/
.breadcrumb {
    margin: 10px 0px 10px 0px;
}

.breadcrumb {
    background-color: transparent !important;
    padding: 0;
    line-height: 30px;
}

.breadcrumb > .active {
    color: #2f3436;
}

.clr-both {
    clear: both;
}

.over-auto {
    overflow: auto;
}

.border {
    border: 1px solid #dedede;
    padding: 15px 20px;
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
    background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

.right_sidebar {
    height: 634px;
    overflow-y: auto;
}

/**Explore Dropdown**/

.explore_box {
    border: 1px solid #d9d9d9;
    box-shadow: 1px 2px 6px 2px #e2e2e3;
    background: #fafafc;
    position: absolute;
    /*top: 96px;*/
    right: 0px;
    left: 0px;
    width: 980px;
    /*overflow: visible !important;*/
    margin: 0 auto;
    padding-bottom: 20px;
    z-index: 999999999;
}

.explore_box .col-md-5 {
    border-right: 1px dotted #d9d9d9;
    padding-left: 0px;
    padding-right: 0px;
}

.explore_box .col-md-2 {
    padding-left: 0px;
    padding-right: 0px;
}

.explore-arrow {
    left: 430px;
    position: fixed;
    top: 55px;
    /*right: 37.3%;*/
    z-index: 9999999999;
}

.explore_box .col-md-12:first-child {
    height: 30px;
    margin-top: 5px;
}

.explore_box .col-md-12 {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px;
}

.explore_box .heading {
    color: #000000;
    margin-left: 20px;
}

.explore_box p {
    color: #8f6f2b;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.funds_header .menu_items li a {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.dropdown-menu.explore_box li a {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}

.explore-ct .icon_cross {
    position: absolute;
    right: 9px;
    top: 10px;
    z-index: 99999;
    cursor: pointer;
}

.dropdown-menu.explore_box li a:hover {
    color: #8f6f2b;
}

.explore_cont {
    right: 0px;
    width: 880px;
    margin: 0 auto;
    float: none;
    top: 65px;
}

.navbar-nav > li.explore_link {
    position: static;
}

.explore_box .col-md-2 .col-md-12:first-child img {
    padding-right: 15px;
}

.navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
    display: none;
}

.img-responsive {
    margin-right: 30px;
}

.explore_box .col-md-5:first-child img {

    width: 100%;
}

.exploredropdown_container ul.bullets {
    padding-left: 20px;
}

.explore_box .col-md-12 .col-md-6:nth-child(2) {
    padding-left: 0px;
}

.dis-block {
    display: block;
}

.single-anchor-style {
    font-size: 16px;
}

/**Footer**/
.footer_bg {
    padding: 15px 0;
    background: #333333;
    width: 100%;
    margin-top: 20px;
}

.footer_container {
    color: #cccccc;
    font-size: 14px;
    line-height: 26px;
}

.footer_container li span {
    color: #fff;
}

.footer_container li a {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

.footer_container li.active a {
    color: #6298ec;
}

.footer_container .footer_static {
    font-size: 13px;
}

.footer_container .col-md-7 {
    padding-right: 14px;
}

/**header_no_bar***/
.header_no_bar .navbar-header {
    display: block !important;
}

.header_no_bar .bs-docs_nav .navbar-header {
    display: none !important;
}

.header_no_bar .bs-docs_nav {
    background: none;

}

.header_no_bar .divider {
    display: none;
}

.stp-inv-schemelist, .inv_swi_tran_div, .quick_trans_search_div, .vip_instr_div, .inv_val_ip_div, .VIP_add_scheme_div, .trigger_purchase_search_div, .trigger_calc_div {
    height: 470px
}

.vtp_instructions_div, .bonds_home_page_div {
    height: 570px;
    overflow-y: scroll;
}

.ttransupload_div, .ttransuploadstatus_div {
    padding-bottom: 70px !important;
}

.inv_switrans_action {
    height: 520px
}

.easy_inv_st_lt {
    height: 460px
}

.qk_trans_cur_stat_lst {
    width: 100%
}

.easy_trans_home {
    margin-bottom: 60px !important
}

.eq_transaction_div {
    margin-bottom: 60px;
}

.quick_transfer_home {
    height: 450px;
}

.trigger_setup_main_div {
    height: 470px;
}

.trigger_setup_main_radio_div {
    height: auto !important;
}

.sidebar-offcanvas {
    z-index: 101;
}

.padding-top-five {
    padding-top: 1px;
}

.offline_redempdf_table {
    margin-top: 30px
}

.offline_redempdf_table td {
    padding: 15px;
}

.fixed_deposit_list_div {
    padding-bottom: 50px;
    overflow-x: scroll;
}

.fixed_deposit_in_div {
    float: left;
    padding-top: 10px;
}

.fd_process_flow_div, .fd_faq_div {
    padding-bottom: 80px;
    overflow-x: scroll;
}

.fd_faq_table {
    display: block;
    padding: 10px;
}

.hdfc_fd_div, .dhfl_fd_div, .mahindra_fd_div, .NHB_fd_div, .fd_processflow_div, .corporate_fd_div, .shriram_fd_div, .icici_fd_div, .shriram_city_fd_div, .dhfl_swayamsidha_fd_div, .rdhdfc_fd_div, .lic_housing_fd_div, .hudconew_fd_div, .PNBH_new_fd_div, .fd_scheme_list_div, .fd_portfolio_div, .fd_confirmation_div, .fdCompare_fd_div {
    width: 100%;
    height: 580px;
    overflow: auto;
    padding: 0px 30px 0px 30px;
}

.hdfc_fd_invest_now_btn {
    margin-top: 20px;
}

.btst_Shares_div, .general_equity_ETFSip_div {
    margin-bottom: 40px
}

.quote_Details_table_2_div, .equity_Investor_Create_div {
    margin-bottom: 70px
}

.equity_input_fields {
    height: auto;
    width: auto
}

.white-bg-color, .white-bg-color > li.active {
    background: #ffffff !important;
}

.select_opt_font {
    font-size: 13px !important;
}

.equity_home_action_tab > li.active {
    font-size: 14px !important;
}

.btn_watch_list_ajax {
    width: 39px;
    padding: 4px;
    font-size: 14px !important
}

.watchlist_delete_icon, .md_delete_icon {
    color: #ec4758;
    font-size: 19px
}

.equity_today_pending_orders_div, .equity_today_pending_orders_div {
    padding: 5px 20px 15px 20px;
}

.equity_payment_gateway_two_grid {
    text-align: center
}

.equity_payment_gateway_other_title h3 {
    font-weight: bold;
}

.equity_payment_gateway_other_note {
    margin-left: 30px;
}

.equity_payment_gateway_other_row {
    margin-bottom: 60px;
}

.equity_h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.equity_basket_select_medium {
    width: auto;
    max-width: 300px;
    display: inherit;
}

.equity_md_fields {
    display: inherit;
    width: inherit;
}

.md_tiny_inputfield {
    width: 75px;
}

.pagination {
    display: inline;
}

.equity_own_basket_search_button {
    margin-bottom: 0px !important
}

.equity_own_basket_select_scheme_input {
    float: left;
}

.equity_own_basket_select_scheme_back {
    float: right;
}

.equity_own_basket_search {
    margin-top: 10px;
}

.equity_own_basket_scheme_add {
    clear: both;
}

.equity_own_basket_get_quote_text {
    font-size: 14px;
}

.equity_divs_overflow {
    overflow: auto;
}

.sip-label {
    text-align: left !important;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option, .general_equity_etfsip_inv_select, .general_equity_etfsip_inv_label {
    padding-left: 0px;
    padding-right: 0px;
}

.general_equity_etfsip_inv_option {
    padding-bottom: 10px;
}

.equity_gen_ETFSipList_div {
    overflow: auto;
}

.equity_general_etfsip_confirmation_buttons {
    float: right;
}

.market_watch_buy_add_buttons {
    width: 190px
}

.form_expand_button {
    cursor: pointer
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.faq-question {
    color: #179d82 !important;
}

.fd-process-flow-imgs > a > img {
    width: 25%;
}

.myacc_dashboard > li.active {
    border-left: none !important;
}

.inv_ind_reg_name {
    width: 250px;
}

.sips_first_payment {
    padding-left: 30px;
}

.table-small-checkbox, .table-small-checkbox label {
    padding-left: 5px
}

#indicesList a {
    color: #337ab7;
}

.display_inline {
    display: inline !important;
}

.no_wrap {
    white-space: nowrap;
}

#fancybox-overlay {
    z-index: 2002 !important;
}

#fancybox-wrap {
    padding: 0px !important;
}

@media (min-width: 1200px) {
}

@media (max-width: 768px) {
    .tablesize {
        width: 100%;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

}

.eq_trans_center {
    text-align: center
}

.equ_disp_order_popup {
    margin-top: 15px
}

.equity_own_basket_results_table {
    width: 100%
}

.equity_own_basket_search {
    overflow: auto
}

.margin-left-20 {
    /*	margin-left: 20px !important */
}

@media (min-width: 361px) and (max-width: 620px) {

    .colxstext {
        font-size: 12px !important;
    }
}

@media (min-width: 361px) and (max-width: 420px) {

    .alert.stp-inv-alerts.alert-info {
        width: 65% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 90px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 310px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px;
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
        margin-bottom: 450px
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }

}

@media (min-width: 361px) and (max-width: 390px) {
    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px !important;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important
    }
}

@media (min-width: 321px) and (max-width: 360px) {

    .alert.stp-inv-alerts.alert-info {
        width: 55% !important
    }

    .button-stpinv-scheme-list, .button-swinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 95px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 230px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 100px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 510px !important;
    }
}

@media (max-width: 320px) {
    .alert.stp-inv-alerts.alert-info {
        width: 48% !important
    }

    .button-stpinv-scheme-list, .button-swpinv-scheme-list, .button-stp-result, .button-swp-result, .inv-swsch-tran, .inv_swisch_con, .inv_swsch_rel, .easy_trans_home, .button_ContainerLast {
        margin-bottom: 105px !important;
    }

    .inv_swi_tran_div, .inv_switrans_action {
        height: 210px;
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        padding-bottom: 80px;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_dv, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div, .eq_trans_res_div {
        margin-bottom: 80px !important
    }

    .eq_trans_watchlist_div {
        margin-bottom: 560px !important
    }

}

@media (max-width: 420px) {
    .stp-hmobile-height {
        height: 660px
    }

    .inv_rdsch_sell {
        margin-bottom: 70px;
    }

    .inv_sellsch_disp {
        height: 580px;
    }

    .vtp_instructions_div {
        padding-bottom: 100px !important;
    }

    .trig_setup_main_div {
        height: 900px;
    }

    .bottom_invest_button {
        margin-bottom: 60px
    }

    .fixed_deposit_action_continue_button {
        margin-bottom: 80px !important;
    }

    .fdCompare_fd_div, .fd_confirmation_div {
        margin-bottom: 100px;
    }

    .equity_watchlist_div {
        overflow: auto;
    }

    .equity_ETF_Sip_div, .equity_pre_package_port, .equity_pre_package_port_table1_div, .btst_lp_div, .btst_Shares_div, .quote_Details_table_1_div, .quote_Details_table_2_div, .equity_own_basket_script_selection_div, .equity_own_basket_new_table3_div, .equity_payment_gatewayother_div, .equity_cash_transfer, .market_watch_div, .general_Equity_ETFSip_table_1_div, .equity_Investor_Create_div, .equity_transaction_report_div {
        overflow: auto
    }

    .btst_lp_div, .equity_payment_gateway_two_div, .equity_payment_gatewayother_div, .equity_payment_gateway_two_NEFT_3, .equity_cash_transfer, .bonds_home_page_div, .general_equity_ETFSip_div, .equity_Investor_Create_div, .equity_investor_created_status {
        margin-bottom: 100px !important;
    }

    .btst_Shares_div, .equity_pre_package_portfolio_height, .equity_pre_package_portfolio_details, .equity_prepackage_portfolio_confirm_height {
        margin-bottom: 70px !important
    }

    .quote_Details_table_2_div {
        margin-bottom: 80px !important;
    }

    .eq_trans_watchlist_div {
        margin-bottom: 460px
    }

}

@media (max-width: 768px) {

    .btn-group-xs > .btn, .btn-xss {
        border-radius: 3px;
        margin: 100px 0px 0px 0px;
        font-size: 12px;
        line-height: 1.5;
        padding: 1px 5px;
    }

    .stp-select {
        width: 195px !important;
    }

}

@media (max-width: 1024px) {

    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .sip_font_12 {
        font-size: 12px !important;
    }

}

@media (max-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;

    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {
        display: block;
    }

    /**/
    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 14px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

.bs-navbar-child-collapse {
    height: 400px !important;
}

a.list-group-item {
    font-weight: normal;
    font-size: 16px;
}

/* Landscape phones and down */
@media (max-width: 480px) {

    .right_sidebar {
        height: auto !important;
    }
}

/*for scrolling*/
/* Let's get this party started */
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px;
 border-radius: 10px;*/
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    /* background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);*/
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*-----------------------------------------Invest page start here---------------------------------------*/

@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;

}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
    width: 123px;
    font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

/*.radio_container {
        position: relative;
    margin-left: 100px;
    height: 365px;
    overflow: auto;
}*/
.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.libi .green {
    color: #7ed321;
}

.libi .red {
    color: #ff0000;
}

.equityMenuContent .nav-justified > li {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-justified > li a:hover {
    background-color: #f4f4f4;
    border-bottom: 0 !important;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    background: #3e4a55;
    border-bottom: 0 !important;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
/*::-webkit-scrollbar {
 width: 4px;
}*/

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0);
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
}

/* Handle */
/*::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 border-radius: 10px;*/
/*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
/*background: rgba(145,128,94,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(145,128,94,0.1);
    }*/
::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    /*background: rgba(145,128,94,0);*/
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}

*/

/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

/*-----------------------------------------Invest page end here---------------------------------------*/

/*-----------------------------------------Dashboard page start here---------------------------------------*/

/* CSS Document */
.dboardlink a {
    color: #000000;
    font-family: open sans;
    font-size: 13px !important;
    font-weight: normal;
}



.dboardlink thead {
    background-color: #f9f9f9;
}

.panel-default {
    border-color: #ffffff !important;
}

.dboardlink .form-control {
    padding: 1px 2px !important;
    font-size: 12px;
    height: 25px;
}

/*.panel-body{padding:0px 5px !important;}*/
.tab-pane .btn {
    font-size: 13px;
}

.panel-heading {
    padding: 5px 15px;
}

.dashboard_tabbed_view {
    background: #ffffff;
}

.newlook {
    font-weight: normal;
    text-decoration: underline;
    margin-right: 20px;
}

/*sprites begin*/
.Gain, .Loss, .Thumbs_up, .Thumbs_down, .Graph, .Graph_active {
    background: url(../../images-new/postLogin/dashboardsprite.png) no-repeat;
    display: inline-block;
}

.Gain {
    background-position: -5px -3px;
    width: 12px;
    height: 15px;
}

.Loss {
    background-position: -29px -3px;
    width: 12px;
    height: 15px;
}

.Thumbs_up {
    background-position: -5px -27px;
    width: 15px;
    height: 15px;
}

.Thumbs_down {
    background-position: -28px -29px;
    width: 15px;
    height: 16px;
}

.Graph {
    background-position: -55px -3px;
    width: 19px;
    height: 17px;
}

.Graph_active {
    background-position: -55px -28px;
    width: 20px;
    height: 17px;
}

.resp-vtabs .resp-tabs-container {
    border-right: 0px solid #000;
}

/*sprites end*/

/*alert styles begin*/
.alert {
    font-size: 15px;
    margin-top: 10px;
    position: relative;
}

.alert .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.green_text {
    color: #3e854e;
}

.green_text_home {
    color: #18b20c;
}

.btn_invest, .btn_invest:hover {
    color: #fff;
    border: 1px solid #336699;
    background: #336699;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

.btn_payment, .btn_payment:hover {
    color: #fff;
    border: 1px solid #40854f;
    background: #40854f;
    border-radius: 4px;
    padding: 3px 10px;
    margin-right: 10px;
}

/*alert styles end*/

/*plan new ux styles start*/

/*#canvas{
        display: flex;
        justify-content: center;
        align-items: center;
}*/

.section_margin {
    ext-align: center;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

.section_margin > h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 4px
}

.section_margin P {
    text-align: center;
}

.row-centered {
    width: 90%;
    margin: auto;
}

.planbox {
    background-color: #fff;
    box-shadow: -3px -1px 16px #A2A0A0;
    text-align: center;
    padding: 20px;
    margin: 10px auto;
    width: 210px;
    height: 230px;
    position: relative;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.planbox:hover {
    cursor: pointer;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    position: relative;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    box-shadow: 0px 0px 26px #888888;
    z-index: 1;
}

.newplanux .home_readmore {
    text-transform: uppercase;
    background-color: #0d4c8f;
    color: #FFF;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative;
    top: -18px;
    z-index: 2;
    visibility: hidden;
}

.newplanux .boxed-wrapper-topdiv:hover .home_readmore {
    visibility: hidden; /* Hidden temporarily */
    display: inline-block;
    -webkit-transition: all ease 1.75s;
    transition: all ease 1.75s;
}

.main-menu-highlight {
    background-color: #5bd88d !important;
}

.main-menu-highlight a {
    color: #FFF !important;
}

/* Planbox animation on border */
.planbox:before, .planbox:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.planbox:before {
    border-top: 1px solid #2858A0;
    border-bottom: 1px solid #2858A0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.planbox:after {
    border-right: 1px solid #2858A0;
    border-left: 1px solid #2858A0;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.arrow-right {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #2858A0;
    transform: rotate(-45deg);
    position: absolute;
    top: -17px;
    right: -4px;
}

.planbox:hover:before, .planbox:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.planbox h3 {
    font-size: 18px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: normal;
    color: #414141;
}

.planbox p {
    font-size: 11px;
    text-align: center;
    color: #848484;
}

.im-centered {
    margin: auto;
    width: 90%;
}

.footerright {
    float: right;
    margin: 5px 4% 10px 30px;
}

.footerleft {
    float: left;
    margin: 5px 30px 10px 3%;
}

.footerright img, .footerleft img {
    margin: 0px 10px
}

.right img, .left img {
    margin: 0px 10px 0 0;
}

.showoff, .showoff2 {
    background: green none repeat scroll 0 0;
    color: #fff;
    margin: 2em 6em;
}

.showoff2, .showoff:hover {
    background: red none repeat scroll 0 0;
    border-color: red;
    border-radius: 1em;
    color: #000;
    transform: scale(2);
}

.showoff2:hover {
    background: green none repeat scroll 0 0;
    border-color: green;
    border-radius: 0;
    color: #fff;
    transform: scale(1);
}

.showbox {
    background-color: #fff;
    border: 2px solid green;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 4em 1em;
    text-align: center;
    width: 100px;
}

.showbox1 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox2 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox3 {
    float: left;
    margin: 4em 1em;
    width: 250px;
    height: 260px;
    border: 2px solid green;
    background-color: #fff;
    line-height: 60px;
    text-align: center;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.showbox1.slideright:hover {
    -webkit-transform: translate(3em, 0);
    -moz-transform: translate(3em, 0);
    -o-transform: translate(3em, 0);
    -ms-transform: translate(3em, 0);
    transform: translate(3em, 0);
}

.grid {
    padding: 20px 20px 100px 20px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid li {
    display: inline-block;
    width: 240px;
    margin: 0;
    padding: 20px;
    text-align: left;
    height: 400px;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #2c3f52;
    color: #ed4e6e;
}

.grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
}

.grid figcaption span:before {
    content: 'by ';
}

.grid figcaption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}

/* Pre loader for newplan ux */

#loading.newplan #page {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-linear-gradient(bottom left, #000000 10%, #2858A0 65%, #0C2F72 125%);
    background: linear-gradient(to top right, #000000 10%, #2858A0 65%, #0C2F72 125%);
    /* background: -webkit-linear-gradient(bottom left, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    /* background: linear-gradient(to top right, #fc737a 10%, #ff7c9d 65%, #ffc01a 125%); */
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

#loading.newplan #phrase_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 150px;
    overflow: hidden;
    width: 260px;
}

#loading.newplan #phrases {
    -webkit-animation: slide-phrases-upward 20s;
    animation: slide-phrases-upward 20s;
}

@-webkit-keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

@keyframes slide-phrases-upward {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    5% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    10% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    15% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px);
    }
    20% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    25% {
        -webkit-transform: translateY(-250px);
        transform: translateY(-250px);
    }
    30% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
    }
    35% {
        -webkit-transform: translateY(-350px);
        transform: translateY(-350px);
    }
    40% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
    45% {
        -webkit-transform: translateY(-450px);
        transform: translateY(-450px);
    }
    50% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
    }
    55% {
        -webkit-transform: translateY(-550px);
        transform: translateY(-550px);
    }
    60% {
        -webkit-transform: translateY(-600px);
        transform: translateY(-600px);
    }
    65% {
        -webkit-transform: translateY(-650px);
        transform: translateY(-650px);
    }
    70% {
        -webkit-transform: translateY(-700px);
        transform: translateY(-700px);
    }
    75% {
        -webkit-transform: translateY(-750px);
        transform: translateY(-750px);
    }
    80% {
        -webkit-transform: translateY(-800px);
        transform: translateY(-800px);
    }
    85% {
        -webkit-transform: translateY(-850px);
        transform: translateY(-850px);
    }
    90% {
        -webkit-transform: translateY(-900px);
        transform: translateY(-900px);
    }
    95% {
        -webkit-transform: translateY(-950px);
        transform: translateY(-950px);
    }
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
    }
}

#loadingCheckCircleSVG-0 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-1 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-2 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-3 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-4 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-5 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-6 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-7 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-8 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-9 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-10 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-11 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-12 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-13 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-14 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-15 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-16 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-17 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-18 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-19 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
    fill: white;
    opacity: 0;
}

#loadingCheckCircleSVG-20 {
    -webkit-animation: fill-to-white 5000ms;
    animation: fill-to-white 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
    fill: white;
    opacity: 0;
}

@-webkit-keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fill-to-white {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

#loadingCheckSVG-0 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}

#loadingCheckSVG-1 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

#loadingCheckSVG-2 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

#loadingCheckSVG-3 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

#loadingCheckSVG-4 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

#loadingCheckSVG-5 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

#loadingCheckSVG-6 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

#loadingCheckSVG-7 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}

#loadingCheckSVG-8 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}

#loadingCheckSVG-9 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
}

#loadingCheckSVG-10 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
}

#loadingCheckSVG-11 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}

#loadingCheckSVG-12 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 10.5s;
    animation-delay: 10.5s;
}

#loadingCheckSVG-13 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 11.5s;
    animation-delay: 11.5s;
}

#loadingCheckSVG-14 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 12.5s;
    animation-delay: 12.5s;
}

#loadingCheckSVG-15 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
}

#loadingCheckSVG-16 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 14.5s;
    animation-delay: 14.5s;
}

#loadingCheckSVG-17 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 15.5s;
    animation-delay: 15.5s;
}

#loadingCheckSVG-18 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 16.5s;
    animation-delay: 16.5s;
}

#loadingCheckSVG-19 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 17.5s;
    animation-delay: 17.5s;
}

#loadingCheckSVG-20 {
    -webkit-animation: fill-to-coral 5000ms;
    animation: fill-to-coral 5000ms;
    -webkit-animation-delay: 18.5s;
    animation-delay: 18.5s;
}

@-webkit-keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

@keyframes fill-to-coral {
    0% {
        fill: white;
    }
    10% {
        fill: #0C2F72;
    }
    100% {
        fill: #0C2F72;
    }
}

/* Pre loader for newplan ux  ends */

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translate(15px, 15px);
    -moz-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
    margin-top: 70px;
}

.cs-style-1 figcaption span {
    display: block;
}

.cs-style-1 figcaption a {
    margin-top: 30px;
}

/* plan new ux - Homepage */

.newplanux .disabled .color-blue {
    color: #333333;
}

.newplanux .color-blue {
    color: #0454a0;
}

.newplanux .color-green {
    color: #56d98b;
}

.newplanux .planhome_big_font {
    font-size: 16px;
}

.newplanux .terms_condition {
    font-size: 12px;
    font-weight: 300;
}

.newplanux .checkbox.bordered-note {
    padding: 10px 30px;
}

.newplanux .checkbox.bordered-note label {
    font-weight: normal;
}

.pickyourgoal .form-control.full-bordered {
    display: inline-block;
    border: 1px solid #ccc;
    border: 1px solid #ccc !important;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    width: auto;
    min-width: 100px;
    margin: 0px 10px;
}

.newplanux .terms_condition a {
    color: #0d4c8f;
    font-weight: bold;
}

.newplanux h1.section-title {
    padding: 40px 0px;
    margin: 0px;
    font-size: 20px;
    text-transform: uppercase;
}

.newplanux h1.section-title .subhead {
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

.newplanux h1.section-title span {
    display: block;
    font-size: 70px;
    font-weight: bold;
}

.newplanux .grey-yellow-bg {
    background-color: #ddcfbd;
}

.newplanux .grey-blue-bg {
    background: #0c488b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0d4b8e, #0c2c6f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d4b8e, #0c2c6f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d4b8e, #0c2c6f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d4b8e, #0c2c6f); /* Standard syntax */
    border: 1px solid #fff;
    border-top: 0;
    border-bottom: 0;
}

.newplanux .grey-green-bg {
    background-color: #c5d6bf;
}

.newplanux .box-section {
    margin-bottom: 0px;
    overflow: hidden;
}

.newplanux .boxed-container {
    padding: 25px 30px 20px;
    z-index: 2;
    position: relative;
    min-height: 240px;
}

.newplanux .boxed-container img.hover {
    display: none;
}

.newplanux .boxed-wrapper:hover img.normal {
    display: none;
}

.newplanux .boxed-wrapper:hover img.hover {
    display: block;
    margin: 0 auto;
}

.newplanux .boxed-wrapper-topdiv #background {
    position: absolute;
    width: calc(100% - 30px);
    background: transparent;
    height: 100%;
    left: 15px;
    z-index: 1;
    top: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.newplanux .boxed-wrapper-topdiv:hover #background {
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
    background: #48cb7d;
    height: calc(100% - 38px);

}

.newplanux .caption {
    margin: 25px 0 20px;
    font-size: 14px;
    color: #56d98b;
    text-transform: uppercase;
}

.newplanux .caption span {
    text-transform: none;
}

.newplanux .box-section a, .newplanux a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*.newplanux .box-section .boxed-wrapper{
        border: 1px solid transparent;

}*/

.form-control.no-border {
    border: 0px !important;
}

.newplanux .box-section .boxed-wrapper:hover:before, .newplanux .box-section .boxed-wrapper:hover:after {
    bottom: 38px;
}

.newplanux .box-section .boxed-wrapper:before,
.newplanux .box-section .boxed-wrapper:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .75s, -webkit-transform .75s;
    transition: opacity .75s, transform .75s;
}

.newplanux .box-section .boxed-wrapper:before {
    border-top: 1px solid #5AD88F;
    border-bottom: 1px solid #5AD88F;
    -webkit-transform: scale(0, 1); /* Saf3.1+, Chrome */
    -moz-transform: scale(0, 1); /* FF3.5+ */
    -ms-transform: scale(0, 1); /* IE9 */
    -o-transform: scale(0, 1); /* Opera 10.5+ */
    transform: scale(0, 1); /* IE8+ - must be on one line, unfortunately */

}

.newplanux .box-section .boxed-wrapper:after {
    border-right: 1px solid #5AD88F;
    border-left: 1px solid #5AD88F;

    -webkit-transform: scale(1, 0); /* Saf3.1+, Chrome */
    -moz-transform: scale(1, 0); /* FF3.5+ */
    -ms-transform: scale(1, 0); /* IE9 */
    -o-transform: scale(1, 0); /* Opera 10.5+ */
    transform: scale(1, 0); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover:before,
.newplanux .box-section .boxed-wrapper:hover:after {
    opacity: 0;
    -webkit-transform: scale(1); /* Saf3.1+, Chrome */
    -moz-transform: scale(1); /* FF3.5+ */
    -ms-transform: scale(1); /* IE9 */
    -o-transform: scale(1); /* Opera 10.5+ */
    transform: scale(1); /* IE8+ - must be on one line, unfortunately */
}

.newplanux .box-section .boxed-wrapper:hover {
    /* -webkit-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    -moz-box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);
    box-shadow: 2px 2px 16px 4px rgba(82,79,82,1);	*/
}

.newplanux .boxed-wrapper-topdiv:hover .boxed-container .caption {
    color: #505050;
}

.newplanux .boxed-container .hover_visible_text {
    /*opacity: 0;
    font-size: 13px;
    min-height: 50px;
    -webkit-transition:0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,20px,0);
-moz-transform: translate3d(0,20px,0);
-ms-transform: translate3d(0,20px,0);
-o-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);*/
    color: #FFF;
}

.newplanux .boxed-container:hover .hover_visible_text {
    /*opacity: 1;
    -webkit-transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
transition: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(0,5px,0);
-moz-transform: translate3d(0,5px,0);
-ms-transform: translate3d(0,5px,0);
-o-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0);*/
    color: #fff;
}

.newplanux .equiv_height {
    min-height: 400px;
}

.newplanux .white-container {
    background-color: #FFF;
}

.newplanux .white-rightcontainer {
    background-color: #FFF;
    margin-right: 15px;
}

.setgoal_container .warning_msg {
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}

.setgoal_container .warning_msg i {
    margin-right: 5px;
}

/* Steper part */
.newplanux .goal_section {
    padding: 20px;
}

.newplanux .goal_part {
    padding: 10%;
}

.newplanux .goal_part > img {
    margin-bottom: 20px;
}

.newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
    font-size: 24px;
    margin: 15px 0px;
}

.newplanux .goalswap_link {
    margin: 20px 0px;
    font-size: 14px;

    text-decoration: underline;
    display: inline-block;
    position: relative;
    bottom: -30px;
}

.newplanux .setgoal_container {
    text-align: left;
}

.newplanux .right-section p {
    text-align: left;
    margin-top: 10px;
}

.newplanux .wizard-content {
    padding-top: 25px;
}

.newplanux .left-section.blue-bg {
    background-color: #0d4c8f;
    color: #FFF;
    min-height: 400px;
}

.newplanux .right-section h3 {
    margin-top: 0px;
}

.newplanux .right-section h3 + p {
    font-size: 16px;
}

.newplanux .white-bg {
    background-color: #FFFFFF;
}

.newplanux .left-section {
    margin-left: 15px;
    padding: 15% 8% 7%;

}

.newplanux .padd-rzero {
    padding-right: 0px;
}

.newplanux .left-section.blue-bg p {
    color: #fff;
}

.newplanux .left-section a {
    color: #ccc;
    font-size: 18px;
}

.newplanux .setgoal_container .container {
    padding-left: 15px;
}

.newplanux .setgoal_container .option-section {
    padding-left: 20px;
}

.newplanux .option-section .radio {
    margin-bottom: 10px;
}

.newplanux .option-section select.hide-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .right-section.portfolio .option-section {
    margin-top: 30px;
}

.newplanux .form-control {
    padding: 6px;
    padding-left: 0;
}

.newplanux .input-group.date .input-group-addon {
    padding: 6px 12px;
    font-size: 18px;
    color: #0d4c8f;
}

.carousel-count-submit {
    text-transform: capitalize;
}

.pickyourgoal .carousel-control.left span, .pickyourgoal .carousel-control.right span {
    top: -3px;
    position: relative;
}

.graph-section .left-section {
    padding-bottom: 30px !important;
}

.newplanux #container1 .highcharts-container {
    /*left: -28px;
top: -15px;*/
    font-size: 20px;
}

.newplanux .highcharts-data-labels {
    font-size: 20px;
}

.newplanux .incremental_box {
    width: 200px;
    margin: 0 auto;
}

.newplanux .incremental_box input {
    text-align: center;
    font-size: 24px;
}

.newplanux.onetime #monthlyAmount {
    background-position: 24px 14px;
}

.newplanux .incremental_box .btn {
    border: 0px;
    padding: 0px 10px;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}

.pickyourgoal .incremental_box .form-control {
    border-bottom: 0px !important;
}

.newplanux .forum-container .equity-name {
    padding-left: 0px;
}

.newplanux .forum-container .border-1 {
    border-left: 5px solid #134e8d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-2 {
    border-left: 5px solid #4d4d4d;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-3 {
    border-left: 5px solid #5cd88e;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-4 {
    border-left: 5px solid #48a0f2;
    height: 25px;
    float: left;
}

.newplanux .forum-container .border-black {
    border-left: 5px solid #4d4d4d;
    padding-left: 15px;
}

.newplanux .forum-container .border-blue {
    border-left: 5px solid #084e8f;
    padding-left: 15px;
}

.newplanux .forum-container .border-green {
    border-left: 5px solid #3cb86d;
    padding-left: 15px;
}

.newplanux .forum-container .forum-item-title {
    font-size: 11px;
    font-weight: bold;
}

.newplanux .schemelist_footer {
    font-size: 13px;
    font-weight: 600;
}

.rowheight {
    height: 50px;
}

.newplanux .forum-container .forum-sub-title {
    color: #6f6f6f;
    font-size: 11px;
}

.newplanux .forum-container .pointing_arrow {
    color: #134E8D;
    font-size: 18px;
    font-weight: normal;
}

.newplanux .forum-container .carousel-control.left {
    right: 180px;
}

.newplanux .forum-info small {
    font-size: 70%;
}

.newplanux .align-center {
    text-align: center;
}

.newplanux span.views-number {
    font-weight: bold;
    font-size: 13px;
}

.wizard > .steps li.active {
    border-left: 0px;
}

.newplanux .align-right {
    text-align: right;
}

.newplanux .perform_link {
    text-decoration: underline;
    margin-top: 10px;
    display: block;
    font-weight: 600;
}

.newplanux #sip-setup .ibox-content1 {
    width: 70%;
    margin: 0 auto;
    max-width: 400px;
}

.pickyourgoal .agile-list .success-element span {
    color: #6f6f6f;
}

.newplanux .pickyourgoal #task10 {
    padding: 10px 20px 5px;
    /* background-color: #f3f3f3; */
    background: #e2e2e2;
    border-bottom: 1px solid #fff;
}

.newplanux .pickyourgoal #task10 span {
    color: #6f6f6f;
}

.newplanux #sip-setup .pie_progress {
    right: 0px;
    margin: 0 auto;
    top: -2px;
    left: -7px;

}

.Windows .newplanux #sip-setup .pie_progress {
    left: 0px
}

.MacOS .newplanux #sip-setup .pie_progress {
    left: -3px
}

.newplanux .graph-container {
    position: relative;
    margin-bottom: 10px;
}

#sip-setup .highcharts-container {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#sip-setup .pie_progress {
    width: 250px;
}

#confirmation .page-heading i {
    font-size: 50px;
    color: #dbdbdb;
    margin: 0px 15px;
    position: relative;
    top: 8px;
}

#confirmation .breadcrumb > li + li:before {
    content: "";
}

#confirmation .breadcrumb h3 span {
    font-weight: normal;
}

#confirmation .bredcrumb_label {
    color: #6f6f6f;
    line-height: 16px;
}

#confirmation .breadcrumb h3 {
    color: #000;
}

#confirmation .breadcrumb {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

.newplanux .graph-section {
    background: #fff;
    text-align: left;
    padding: 6% 5%;
    /* margin-left: 15px; */
}

.newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
    padding: 15px;
}

.pickyourgoal .custom-btn {
    padding: 5px;
    width: auto;
    padding: 7px 25px !important;
}

.pickyourgoal .form-control.border-none {
    border: 0px !important;
    padding: 0;
}

.newplanux .nav > li > a:hover, .newplanux .nav > li > a:focus {
    background-color: transparent;
}

.newplanux .indicator_image {
    width: 14px;
}

.newplanux .wizard > .steps .active a .indicator_image {
    display: inline-block !important;
}

#confirmation .ibox-content table > thead {
    background-color: #0d4c8f;
}

#confirmation .ibox-content .table thead > tr > th {
    color: #FFF;
    text-align: left;
    padding-left: 20px !important;
    border-bottom: 0px;
    border-right: 1px solid #FFF;
}

.newplanux #confirmation .table tbody > tr > td {
    padding-left: 20px !important;
    background-color: #e8e8e8;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

#confirmation .pull-right .custom-btn {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.newplanux .pickyourgoal .down-arrow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.newplanux .pickyourgoal .account-name {
    margin-top: 10px;
    font-size: 18px;
    padding-left: 0;
    color: #333333;
}

.newplanux .pickyourgoal select.refername {
    display: none;
    margin-left: 10px;
    margin-right: 10px;

}

.newplanux #confirmation .table tbody > tr > td.down-arrow {
    position: relative;
    outline: 1px solid #FFF;
    padding: 0 !important;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow select {
    padding-left: 15px;
    padding-right: 15px;
}

.newplanux #confirmation .table tbody > tr > td.down-arrow::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6d696d;
    border-style: solid;
    border-width: 0 0 15px 15px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}

.newplanux .cs-input {
    border: 1px solid #a2a2a2 !important;
    width: 100%;
    height: 34px;
    padding-left: 10px;
}

.newplanux .graph-heading {
    font-weight: 600;
    margin-bottom: 15px;
}

.newplanux .terms_link a {
    color: #428bca;
    font-weight: 400;
}

.newplanux .terms_link a:hover {
    text-decoration: none;
    color: #2a6496;
}

.pickyourgoal .wizard-step.active {
    z-index: 0 !important;
}

.sipsetup_success {
    text-align: center;
}

.sipsetup_success p {
    margin-bottom: 15px;
}

.sipsetup_success .videosize {
    width: 44%;
    height: 290px;
}

.newplanux .secondary_footer {
    margin-bottom: 10px;
    font-size: 22px;

}

.newplanux .secondary_footer a:hover {
    text-decoration: none;
}

.newplanux .secondary_footer a {
    color: #0d4c8f;
}

.newplanux .input_keynote {
    right: 0px;
    position: absolute;
    top: 15px;
    font-size: 11px;
    color: #888; /*#C4C4C4;*/
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

.expanddiv .panel {
    position: absolute;
    right: 42px;
    top: 80px;
    width: 0;
    height: 10px;
    background: red;
    position: absolute;
    background: #0d4c8f;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px 0px;
    height: 40px;
    z-index: 3;
    font-size: 16px;
}

.expanddiv .slider-arrow {
    padding: 20px 22px;
    width: 20px;
    background: #0d4c8f;
    color: #000;
    float: right;
    text-decoration: none;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 80px;
    color: #47a447;
    background-image: url(../../imagesux/backstarticon.png);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}

.expanddiv .slider-arrow.hide {
    display: block !important;
}

.expanddiv .panel {
    margin: 0px;
}

.expanddiv {
    margin: 0px 0px 0px 0px;
    position: relative;
}

.expanddiv .expandtext1 {
    text-decoration: none;
    color: #fff;
    margin: 0px 0px 0px 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: -11px;
    left: 20px;
}

.show_button {
    display: block;
}

.hide_button {
    display: none;
}

/* Modal */
#rightdiv3 h1.modal-head {
    font-size: 20px;
    margin-top: 0;
}

#rightdiv3 ul.videotextul {
    margin-bottom: 30px;
    line-height: 22px;
}

#rightdiv3 .graytext {
    font-weight: 600;
    margin-bottom: 5px;
}

#rightdiv3 .reg {
    margin-bottom: 10px;
}

#rightdiv3 .reg .upload_filelabel {
    margin-bottom: 10px;
}

.upload_filelabel label {
    cursor: pointer;
}

#rightdiv3 .reg .upload_filelabel span {
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 3px;
}

.support_doclist h4 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}

.support_doclist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.support_doclist li {
    margin-bottom: 7px;
}

.support_doclist li img {
    padding-right: 7px;
}

#rightdiv3 #picpupDate {
    box-shadow: none;
    padding-left: 10px !important;
    background-color: transparent;
}

#schemelist .tooltip {
    width: 102px;
    font-size: 12px;
}

/* Media Queries */
@media only screen and (min-width: 1024px) {
    body.nonreguserheader {
        height: auto !important;
        margin: 0px;
        padding: 0;
        overflow: visible;
    }

    .padding-top-five {
        padding-top: 5px !important;
    }
}

@media only screen and (max-width: 1280px) {
    .sipsetup_success .videosize {
        width: 50%;
        height: auto;
    }

    .ibox-content .nav.nav-tabs.wizard li a, .ibox-content .nav.nav-tabs.wizard li.active a {
        margin: 5px 5px !important;
        padding: 10px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .tab-pane .btn {
        font-size: 12px !important;
        padding: 5px 5px 5px 5px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .newplanux .caption {
        font-size: 11px;
    }

    .newplanux .boxed-container .hover_visible_text {
        font-size: 10px;
    }

    .newplanux h1.section-title2 .section-title2-span {
        font-size: 20px;
    }

    .newplanux h1.section-title2 {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
    }

    .newplanux .boxed-container {
        min-height: 210px;
    }

    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 15px;
    }

    .newplanux .goal_part .heading, .newplanux .setgoal_container .heading {
        font-size: 16px;
        font-weight: bold;
    }

    .newplanux {
        font-size: 12px;
    }

    .newplanux .left-section a {
        font-size: 14px;
    }

    .newplanux h3, .newplanux .h3 {
        font-size: 20px;
    }

    .newplanux .radio {
        font-size: 13px;
    }

    .newplanux .forum-container .border-black, .newplanux .forum-container .border-blue, .newplanux .forum-container .border-green {
        padding-left: 10px;
    }

    .newplanux .forum-container .forum-item-title {
        font-size: 11px;
        font-weight: 600;
        line-height: 18px;
    }

    .newplanux .forum-container .forum-sub-title {
        font-size: 10px;
    }

    .pickyourgoal .white-bg, .pickyourgoal .white-rightcontainer {
        margin-right: 0px !important;
    }

    .newplanux .graph-section {
        margin-left: 0px !important;
    }

    .pickyourgoal .forum-item {
        line-height: 18px !important;
    }

    .newplanux .perform_link {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .newplanux .incremental_box input {
        font-size: 22px;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 7px;
        margin-top: -10px;
    }

    .pickyourgoal .agile-list .success-element {
        max-height: 70px;
        min-height: 70px;
        padding: 7px 20px 5px 20px !important;
    }

    #confirmation .breadcrumb h3, #confirmation .page-heading i.rupee {
        font-size: 14px;
    }

    #confirmation .page-heading i {
        font-size: 40px;
    }

    #canvas {
        margin: 0px 0% !important;
    }

    .pickyourgoal .custom-btn {
        width: auto;
    }

    .pickyourgoal .breadcrumb {
        line-height: 15px;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding-left: 10px !important;
    }

    .sipsetup_success .videosize {
        width: 60%;
        height: auto !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    .newplanux .forum-container .pointing_arrow {
        font-size: 16px;
        line-height: 24px;
        padding: 0px 5px;
    }

    .sipsetup_success .videosize {
        width: 70%;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    body {
        height: auto !important;
        font-size: 12px;
    }

    .section_margin > h1 {
        font-size: 22px;
    }

    #canvas.newplanux {
        margin: 0px;
        padding: 0 2%;
    }

    .newplanux .boxed-container {
        padding: 20px;
    }

    .newplanux .footerright, .newplanux .footerleft {
        float: none;
        font-size: 11px;
        text-align: center;
        margin: 0px;
        padding-bottom: 25px;
    }

    .planbox h3 {
        font-size: 16px;
    }

    .newplanux h1.section-title {
        font-size: 14px;
        line-height: 22px;
    }

    .newplanux h1.section-title span {
        font-size: 42px;
        font-weight: bold;
    }

    /* Stepper - responsiveness */
    .pickyourgoal {
        padding: 0px !important;
    }

    .pickyourgoal .wizard-step {
        position: static;
        display: none;
    }

    .pickyourgoal .wizard-step.active + .wizard-step {
        display: none;
    }

    .pickyourgoal .wizard-step.active {
        display: block;
    }

    .newplanux .left-section {
        margin-left: 0px;
    }

    /* Navigation hiding on mobile devices */
    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        display: none;
        width: 100% !important;
    }

    .wizard-step-indicator.active {
        display: block !important;
    }

    /* Left and right arrows of stepper */
    .pickyourgoal .carousel-control.left {
        right: 75% !important;
        left: auto;
    }

    .pickyourgoal .num {
        padding: 5px 20px !important;
        width: auto !important;
        right: 40% !important;
    }

    /* Table content - center */
    .forum-item .equity-name, .forum-item .pointing_arrow, .perform_link {
        text-align: center;
    }

    .forum-item .equity-name {
        margin-bottom: 10px;
    }

    .forum-item .pointing_arrow .fa-chevron-right {
        display: none;
    }

    .pickyourgoal .forum-item {
        border-bottom: 1px solid #f1f1f1 !important;
    }

    .perform_link {
        margin-bottom: 15px;
        margin-top: -10px !important;
    }

    .pickyourgoal .custom-btn {
        margin: 15px 0px !important;
    }

    .pickyourgoal .left-section .pull-right .custom-btn {
        margin: 15px 10px !important;
    }

    .newplanux #confirmation .table tbody > tr > td {
        padding: 3px !important;
    }

    .pickyourgoal #confirmation .white-bg {
        padding: 20px !important;
    }

    #confirmation .breadcrumb h3 {
        font-size: 12px !important;
    }

    .pickyourgoal .breadcrumb > li, .newplanux .radio {
        font-size: 12px !important;
    }

    #confirmation .page-heading i {
        font-size: 30px !important;
        line-height: 0px;
    }

    .pickyourgoal .breadcrumb {
        line-height: 26px;
    }

    .newplanux .table tbody > tr > td {
        font-size: 11px;
    }

    #confirmation .form-control {
        font-size: 11px;
    }

    .newplanux #confirmation .table tbody > tr > td.down-arrow select {
        padding: 0px !important;
    }

    #your-portfolio .scrollable_content, .newplanux .scroll.mCustomScrollbar {
        height: auto !important;
    }

    .newplanux .form-horizontal .checkbox {
        padding-bottom: 12px;
        margin-top: 5px !important;
    }

    .sipsetup_success .videosize {
        width: 80%;
        height: auto;
    }

    .newplanux .forum-info.align-right, .newplanux .schemelist_footer .align-right {
        text-align: center !important;
    }

    #confirmation .page-heading i.rupee {
        font-size: 12px !important;
    }

}

/* New Plan ux scroll */

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px;
    max-width: 98%;
    height: 450px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scrollable_content.hidden {
    display: none;
}

.scrollable_content #mCSB_1_container {
    padding-left: 15px;
    padding-right: 15px;
}

#your-portfolio .white-bg.scrollable_content {
    padding: 3% 0% 2% 2%;
    margin: 0;
}

#your-portfolio #mCSB_1_container .white-bg {
    padding: 0;
    margin: 0;
}

#your-portfolio .scrollable_content {
    height: 400px;
}

/* Portrait tablet to landscape and desktop */
/*@media (min-width: 899px) {
        .newplanux .equiv_height {
            min-height: 600px;
        }
        #your-portfolio .scrollable_content {
            height: 600px;
        }
}*/

/* Mobile Header */
@media only screen and (max-width: 640px) {
    .header_top_fixed .nav_topfix li {
        text-align: right;
    }

    .sifnin_mo_align {
        padding-right: 0px !important;
    }

    .newplanux .padd-rzero {
        padding-right: 15px;
    }

    .newplanux .left-section.blue-bg {
        min-height: 320px;
    }

    .newplanux .setgoal_container .option-section {
        padding-left: 0px;
    }

    .newplanux .right-section h3 {
        padding-bottom: 15px;
    }

    .pickyourgoal .white-bg {
        min-height: 430px !important;
    }

    .newplanux .equiv_height {
        min-height: 350px;
    }

    .newplanux .setgoal_container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .newplanux .input_keynote {
        font-size: 9px;
    }
}

@media only screen and (max-width: 600px) {
    /* Modal Dialog box */
    .newplanux #myModal4 .modal-dialog {
        width: 95% !important;
    }

    .pickyourgoal .modal-content {
        margin: 15% 5% !important;
    }

    .pickyourgoal .modal-header, .pickyourgoal .modal-body {
        padding: 5% !important;
    }

    .pickyourgoal .modal-title {
        font-size: 22px !important;
    }

    .pickyourgoal .modal-footer .btn {
        padding: 15px 20px !important;
        font-size: 15px !important;
    }

    /* Confirmation breadcrumb */
    #confirmation .page-heading i.fa-angle-right {
        display: block;
        visibility: hidden;
    }

    .modal-dialog {
        width: 95% !important;
    }

    .newplanux .planhome_big_font {
        font-size: 13px;
    }

    .newplanux h1.section-title .subhead {
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }

    .planbox {
        width: 100%;
    }

    .nav > li.active > a {
        box-shadow: none;
        text-shadow: none;
    }

    .newplanux #sip-setup .ibox-content {
        width: 100%;
    }

    .newplanux .checkbox.bordered-note label {
        padding-left: 5px;
    }

}

@media only screen and (max-width: 599px) {
    /* .footer{position:static}*/
}

@media only screen and (max-width: 360px) {
    .onetime .min-amount {
        margin-top: 0px !important;
    }

    .newplanux .form-control {
        background-color: transparent !important;
    }

    .sipsetup_success .videosize {
        width: 95%;
        height: auto;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1280px) {
    .newplanux .wizard > .steps .active a, .wizard > .steps .active a:active, .newplanux .wizard > .steps a, .newplanux .wizard > .steps .done a {
        font-size: 14px;
    }
}

/* Caption Style 2 */
.cs-style-2 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
}

.cs-style-2 figcaption {
    height: 90px;
    width: 100%;
    top: auto;
    bottom: 0;
}

.cs-style-2 figcaption a {
    position: absolute;
    right: 20px;
    top: 30px;
}

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 4 */
.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}

.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.cs-style-4 figure > div {
    overflow: hidden;
}

.cs-style-4 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}

.cs-style-4 figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 5 */
.cs-style-5 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.cs-style-5 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cs-style-5 figure a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 6 */
.cs-style-6 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
    -webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
    height: 100%;
    width: 100%;
}

.cs-style-6 figcaption h3 {
    margin-top: 60%;
}

.cs-style-6 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

/* Caption Style 7 */
.cs-style-7 li:first-child {
    z-index: 6;
}

.cs-style-7 li:nth-child(2) {
    z-index: 5;
}

.cs-style-7 li:nth-child(3) {
    z-index: 4;
}

.cs-style-7 li:nth-child(4) {
    z-index: 3;
}

.cs-style-7 li:nth-child(5) {
    z-index: 2;
}

.cs-style-7 li:nth-child(6) {
    z-index: 1;
}

.cs-style-7 figure img {
    z-index: 10;
}

.cs-style-7 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 0 0px #2c3f52;
}

.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption {
    opacity: 1;
    height: 210%;
    box-shadow: 0 0 0 10px #2c3f52;
    cursor: pointer;
}

.cs-style-7 figcaption h3 {
    margin-top: 86%;
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

.cs-style-7 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

@media screen and (max-width: 31.5em) {
    .grid {
        padding: 10px 10px 100px 10px;
    }

    .grid li {
        width: 100%;
        min-width: 300px;
    }
}

/*plan new ux styles end*/

/*tabs styles begin*/
.red_text {
    color: #ff0000;
}

.bse, .nse {
    font-weight: bold;
}

.bse_values span:last-child, .nse_values span:last-child {
    margin-left: 10px;
}

.bse_values span:last-child i, .nse_values span:last-child i {
    margin-right: 10px;
}

.filter .btn-group:last-child .btn {
    margin-right: 10px;
}

.innertab .nav-tabs {
    border-bottom: 2px solid #DDD;
    background: #fff;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li.active > a:focus, .innertab .nav-tabs > li.active > a:hover {
    border-width: 0;
    background: transparent;
}

.plan_tabs .innertab .nav > li > a {
    padding: 0px 15px;
}

.innertab .nav-tabs > li > a {
    border: none;
    color: #666;
    background: transparent;
}

.innertab .nav-tabs > li.active > a, .innertab .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
    cursor: pointer;
}

.innertab .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.innertab .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.innertab .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.innertab > .nav-tabs > li > a {
    background: #fff !important;
    border: 0px solid #ddd !important;
    border-radius: 0;
    color: #333;
}

.plan_tabs {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.plan_tabs .nav-tabs {
    margin-bottom: 1px;
    /*margin-top:20px;*/
}

.plan_tabs .nav-tabs > li > a {
    border-radius: 0px;
    border: 1px solid #ddd;
    background: #ebebeb;
    color: #333;
}

.plan_tabs .nav-tabs2 {
    width: 95% !important
    border-bottom: 1px solid #ddd;
}

.plan_tabs .tab-pane2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: transparent #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 0px !important;
}

.plan_tabs .nav-tabs > li.active .plan_title {
    color: #336699;
}

.plan_tabs .nav-tabs > li.active > a {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(50%, #fdfdfd), color-stop(100%, #fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%, #fdfdfd 50%, #fcfcfc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc', GradientType=1); /* IE6-9 */
    border-bottom-color: transparent;
}

.plan_tabs .nav-tabs > li.active .Graph {
    background-position: -55px -28px;
}

.plan_tabs .nav-tabs > li {
    /*margin-right: 15px;;*/
}

.plan_tabs .nav > li > a {
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
}

.plan_title {
    color: #333;
    font-size: 14px;
}

.plan_tabs .Graph_active, .plan_tabs .Graph {
    margin-top: 3px;
    margin-right: 7px;
}

.plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
    margin-left: 70px;
    margin-right: 7px;
}

.plan_tabs .tab-pane {
    background-color: #fff; /* Old browsers */
    border: 1px solid #ddd;
    border-top-color: transparent;
}

.plan_tabs .tab-pane .content {
    margin-left: 10px;
    margin-top: 30px;
    margin-right: 10px;
}

.tab-content2 {

    padding: 20px;
}

.plan_tabs .resp-arrow {
    margin-top: 15px;
}

.all_accounts_drop {
    margin-right: 5px;
    width: 225px;
}

/*mutual fund tab content styles begin*/
#mutual_funds .row:first-child {
    margin-top: 10px;
}

#mutual_funds .row:last-child {
    margin-top: 15px;
}

#mutual_funds .row:first-child .col-md-4 span {
    margin-left: 20px;
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div {
    margin-bottom: 7px;
}

#mutual_funds .row:first-child .col-md-3 {
    margin-top: 10px;
}

#mutual_funds .row:first-child .col-md-5 div span:first-child {
    font-weight: bold;
}

#mutual_funds .row:first-child .col-md-5 div .blue_text {
    color: #5b93d8;
}

#mutual_funds .row:first-child .col-md-5 div:first-child span:last-child {
    margin-left: 40px;
}

#mutual_funds .row:first-child .col-md-5 div:last-child span:last-child {
    margin-left: 20px;
}

#mutual_funds .row:first-child .col-md-5 div span:last-child i {
    margin-left: 10px;
}

#mutual_funds .btn_mutualfund_option {
    margin-right: 10px;
    float: right;
}

.tabs_mutual_fund ul.resp-tabs-list {
    width: 8% !important;
    margin-left: 15px;
    border-right: 1px solid #ddd;
    margin-right: -1px;
}

.tabs_mutual_fund .resp-tabs-container {
    width: 88% !important;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item {
    background: #ffffff;
    text-align: center;
    padding: 20px 0px 0px 0px !important;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item p {
    margin-top: 10px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-item img {
    border: 3px solid #cecece;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active img {
    border: 3px solid #19b394;
    border-radius: 50%;
}

.tabs_mutual_fund .resp-tabs-list li {
    border-left: none;
    border-right: none;
    border-top: none;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active p {
    color: #1ab394;
}

.tabs_mutual_fund .resp-tabs-list p {
    text-align: center;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    word-wrap: break-word;
    padding: 0 5px;
}

.tabs_mutual_fund .resp-tabs-list .resp-tab-active {
    background: #FFF;
}

.tabs_mutual_fund li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-left: none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.tabs_mutual_fund .resp-accordion p {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.tabs_mutual_fund .resp-accordion img {
    float: left;
}

.tabs_mutual_fund .resp-accordion {
    overflow: auto;
}

.portfolio .row {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
}

.portfolio .header, .list_view .header {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.portfolio .profile_name, .list_view .profile_name {
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
    color: #303030;
}

.portfolio .portfolio_links, .list_view .portfolio_links {
    color: #31708f;
}

.portfolio .inner_tabs li.active a, .list_view .inner_tabs li.active a {
    color: #31708f;
    background: #eaeaea;
    border: 1px solid #cccccc;
    box-shadow: inset 0px 0px 1px 1px #d8d8d8;
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
    font-weight: bold;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a {
    color: #747474;
    font-weight: bold;
    margin-right: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0px 10px 3px 10px;
}

.portfolio .inner_tabs li:hover a, .list_view .inner_tabs li:hover a {
    padding: 0px 10px 3px 10px;
    /*border-radius: 50px;*/
}

.list_view .inner_tabs li a {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.list_view .panel-group .panel {
    border-radius: 0px;
    margin-bottom: 15px;
}

.list_view .panel-default > .panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    overflow: auto;
    border-radius: 0px;
    padding: 10px;
}

.non-collapsible-panel {
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.caret-up {
    border-bottom: 6px solid #000;
    border-left: 6px solid transparent;
    border-top: 0 dotted;
    border-right: 6px solid transparent;
}

#verticalTab .resp-tabs-container .panel-body {
    border: 1px solid #d9edf7;
}

/*.caret{margin-top:10px !important;}*/
span.list_view .portfolio_links {
    margin-right: 5px;
}

.portfolio .inner_tabs li a, .list_view .inner_tabs li a, .portfolio_links a {
    font-size: 16px;
    font-weight: normal;
}

.list_view .portfolio_links {
    font-size: 14px;
    font-weight: normal !important;

}

.port-inve-create {
    margin-right: 10px;
}

.table .blue_text {
    color: #3d7fd0;
    font-size: 16px;
}

.table th {
    vertical-align: middle !important;
    /* color:#606060; */
    color: #676a6c;
}

.portfolio .inner_tab_content .tab-pane, .list_view .inner_tab_content .tab-pane {
    border: none;
    background: none;
}

  #titlediv{display:none;}  

/*mutual fund tab styles end*/

/*media queries begin*/
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
        /*padding-right: 8px;
padding-left: 9px;*/
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 2024px) and (min-width: 768px) {
    .formcontrolbig {
        width: 50%;
        min-width: 300px;
    }

}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 768px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}



    
  
    


@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

/*media queries end*/

/*-----------------------------------------Dashboard end here---------------------------------------*/

/*-----------------------------------------Easy-responsive-tabs start here---------------------------------------*/

body {
    margin: 0px;
    padding: 0px;
    color: #363636;

}

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    list-style: none;
    cursor: pointer;
    float: left;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    color: #565656;
    font-family: 'Open Sans', sans-serif;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
    color: #565656;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    /*padding: 15px;*/
    padding: 5px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 5px 14px 6px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
}

h2.resp-accordion {
    font-size: 16px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/*-----------------------------------------Easy-responsive-tabs end here---------------------------------------*/

/*-----------------------------------------Dashboard-index start here---------------------------------------*/
/* CSS Document */

.info-container h4, .bot-table-container .table-responsive th span {
    text-transform: uppercase;
}

.bot-table-container .table-responsive th span {
    color: #996633;
}

.info-container p {
    margin-bottom: 20px;
}

.info-container .panel {
    margin-top: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 0;
    border-radius: 0;
}

.info-container .panel .panel-heading {
    overflow: auto;
}

.txt-green {
    color: #1f572c;
    font-size: 15px;
}

.grid_container {
    margin: 10px auto;
}

.grid_container .row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info_bottom {
    text-align: center;
}

.info_bottom p {
    margin-bottom: 0;
    padding-top: 10px;
    margin-right: 15px;
}

.info_bottom p .btn {
    color: #336699;
    font-weight: bold;
    margin-left: 15px;
}

.widget-header {
    color: #996633;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
    display: block;
    text-transform: capitalize;
}

.widget-container .border {
    overflow: auto;
}

.widget-container h5 {
    font-size: 16px;
}

.bot-table-container {
    margin-top: 20px;
}

.bot-table-header {
    background: #3f3f3f;
    overflow: auto;
    padding: 0px 10px;
    background-color: #3f3f3f;
    background-image: -moz-linear-gradient(top, #454545, #343434);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#343434));
    background-image: -webkit-linear-gradient(top, #454545, #343434);
    background-image: -o-linear-gradient(top, #454545, #343434);
    background-image: linear-gradient(to bottom, #454545, #343434);
    background-repeat: repeat-x;
    border-color: #3f3f3f;
    line-height: 35px;
    margin-bottom: 10px;
}

.bot-table-header h4 {
    color: #ffffff;
}

.bot-table-header a {
    color: #a7a7a7;
}

.widget {
    position: relative;
    padding-bottom: 30px;
}

.widget .widget-link {
    position: absolute;
    /*bottom: 15px;*/
    bottom: 10px;
    right: 20px;
    font-size: 16px;
}

.bot-table-container .table thead {
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    ...
}

/*-----------------------------------------Dashboard-index end here---------------------------------------*/

/*-----------------------------------------Manage start here---------------------------------------*/
@charset "utf-8";
/* CSS Document */
#horizontalTab {

}

.table_align th {
    text-align: center;
}

td {
    vertical-align: middle !important;
}

.valign-middle td {
    vertical-align: top !important;
    padding-top: 10px !important;
}

.table > .borderless > tr > th {
    border-bottom: none !important;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !importANT;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    margin: 13px 0 0 -70px;
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 10px;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    /*margin: 0 10px;*/
    margin: 0 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.invest_menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    right: 41px;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

.invest_menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -22px;
    right: 40px;
    width: 0;
    height: 0;
    border-color: transparent transparent #c1c1c1 transparent;
    border-style: solid;
    border-width: 11px;
}

.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

/*SIP investment*/
.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/*scroll bar*/
::-webkit-scrollbar {
    width: 12px;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    background-color: #eedede;
}

/* Track */
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);*/
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);*/
    background: #bcbcbc;
    -webkit-box-shadow: inset 0 0 6px rgba(145, 128, 94, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
    /* background: rgba(255,0,0,0);*/
    background: rgba(145, 128, 94, 0);
}

/*wizard*/
.wizard > .steps > ul > li {
    position: relative;
}

.wizard > .content {
    background: #fff;
    border: 1px solid #d4d4d4;
}

/*
.wizard > .steps > ul > li:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps > ul > li:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #cccccc;
right: -24px;
z-index:100;
}
.wizard > .steps .current a {
background:#ddd4bf;
text-align: center;
}

.wizard > .steps .current a:before {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #ddd4bf;
right: -23px;
z-index:150;
}

 .wizard > .steps .current a:after {
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:after {
        position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #eee;
right: -23px;
z-index:100;
}
.wizard > .steps .done a:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 24px solid #808080;
right: -23px;
z-index:150;
}
*/
/*media */
@media (max-width: 1024px) {
    .row.summary .col-md-2 {
        text-align: left;
    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .rightBorderInvest {
        text-align: left;
        border-right: none;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        font-size: 14px !important;

    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .wizard > .content {
        overflow-y: scroll !important;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .back-btn {
        margin-top: 10px;
        margin-right: 10px;
        padding-bottom: 2px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }
}

.modal-dialog {
    /*background-color: #FFF;*/
}

/*-----------------------------------------Manage end here---------------------------------------*/

.star, .form_star_new {
    font-family: arial;
    font-size: 18px;
    color: #ff0000;
}

.error_mesg {
    font-family: arial;
    font-size: 12px;
    color: red;
    font-weight: bold
}

.bank_mesg {
    font-family: arial;
    font-size: 12px;
    color: green;
    font-weight: bold
}

.minMessageFont {
    color: #667788;
    margin-top: 3px;
    font-size: 11px;
}

.values {
    text-align: right;
}

.headerleft {
    text-align: left;
}

.Show {
    display: block;
}

.Hide {
    display: none;
}

.ebt {
    float: left;
    margin: 6px 0 0 10px;
}

.ebt_expand {
    margin: 7px 0 0 10px;
}

div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    width: 460px;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

table.dataTable th:active {
    outline: none;
}

.pagination, .pagelinks {
    height: 26px;
    margin: 18px 0;
    font-family: arial;
    background-color: #c2c2c2;
}

.pagination ul {
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
    display: inline;
}

.pagination a {
    float: left;
    background-color: #fafafa;
    font-size: 11px;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

.pagination a:hover, .pagination .active, .display_tag_pagination a {
    background-color: #c7eefe;
}

.sorted {
    background-color: #ddf4fb;
}

/*.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
.pagination .next a{border:0;}*/
.pagelinks > strong {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    border-right: 1px solid;
    border-right-color: #ddd;
    border-right-color: rgba(0, 0, 0, 0.15);
    *border-right-color: #ddd;
    text-decoration: none;
    background-color: #c7eefe;
}

<!--
reports start-- >
.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*insurance*/

.insh3 {
    color: #428bca;
}

.inshul {
    list-style-image: url("../../images-new/tickinsurance.png");
    line-height: 35px;
}

.insrightbox {
    background-color: #f1e6da;
    padding: 0px 10px 0px 10px;
    float: right;
    margin: 10px 2px 0px -3px;
}

.insrightbox img {
    padding: 10px 10px 0px 0px;
}

.insmain-tab > li > a {
    padding: 5px 10px;
    background-color: #428bca;
}

.insnav-tabs > li.active > a, .insnav-tabs > li.active > a:hover, .insnav > li.active > a:focus {
    background-color: #428bca;
    height: 81px;
    width: 275px;
    border-radious: 0px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li.active > a:focus {
    border-radius: 0px;
    background-color: #428bca;
    height: 81px;
    width: 275px;
    color: #fff;
    margin: 0px;
}

.insnav-tabs > li > a {
    background-color: #e7e7e7;
    height: 81px;
    width: 275px;
    font-size: 20px;
    color: #414141;
    margin: 0px;
    border-radius: 0px;
}

.insnav-tabs > li > a > img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.insnav-tabs {
    border-bottom: 1px solid #428bca;
}

.insright_sidebar {
    height: auto;
    overflow-y: auto;
}

.sidebar-menu-insurance {
    background-color: #FFF;
}

/* thanku page*/

.topmsgtext {
    font-size: 18px;
    font-family: MyFontFamily
}

.topmsgtextcolor {
    color: #8f6f2b;
    font-family: MyFontFamily;
    font-size: 18px;
}

.radiocolor {
    color: #8f6f2b;
    margin: 0px 20px 10px 0px;
    font-family: MyFontFamily !important;
    font-size: 17px !important;
    font-weight: normal !important;
}

.thankcheckbox {
    text-align: center;
}

.thanktable td a {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 15px;
}

.thanktable td {
    font-family: MyFontFamily;
    font-weight: normal;
    font-size: 14px;

}

.thanktable th {
    font-family: MyFontFamily;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.thanktablehead {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.thankfont {
    font-family: MyFontFamily !important;;
    font-weight: normal !important;
    font-size: 14px;
}

.thankfont2 {
    font-family: MyFontFamily !important;;
    font-weight: normal;
    font-size: 16px;
}

.thankarrow {
    margin-right: 10px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-below > nav nav-tabs ul li {
    margin: 0px 0px 0px 15px
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 34px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 0px 0 0 0px;
    height: 60px;
    -moz-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}

.tab-panewidth {
    margin: 0px 0px 0px 150px;
    padding: 5px 20px 0px 20px;
    border-top: 0px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.tab-content {
    background-color: #fff;
}

.tabnav {
    height: 50px;
}

.thankh3 {
    margin: 0px;
}

.prebutalign {
    width: 200px;
    float: clear;
    margin: auto;
}

.smallbox {
    padding: 0px 2px 0px 0px;
    margin: 0px;
    font-size: 10px;
}

.tab-pane.tab-pane2 {
    padding: 10px 0px !important;
}

/* thanku page end*/

/* smart sip recomdation*/

.recom-info {
    background-color: #e8ecef;
    border-radius: 2px;
    border-color: #BCE8F1;
    color: #3A87AD;
    padding: 18px;
}

.recom-whitediv {
    background-color: #fff;
    border: 1px solid #d8dfe4;
    height: auto;
    padding: 18px;
    margin: 0px;
}

.recom-margin {
    padding: 5px;
}

.recom-fontcolor {
    color: #188cd5;
    font-size: 24px;
    font-weight: normal;
}

.recom-orange {
    background-color: #69b339;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-padding {
    padding: 0px 0px 0px 5px;
}

.recom-orange {
    background-color: #69b339;
}

.recom-margin2 {
    margin: -10px 0px 0px 0px;
}

.recom-orange a:hover {
    background-color: #4a8822;
}

.recom-headetext {
    font-size: 15px;
    font-weight: bold;
    color: #414141;
}

.recom-red {
    color: #e32e2a;
}

.recom-black {
    color: #414141;
    font-weight: normal;
    font-size: 18px;
}

.recom-normaltext {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #848484 !important;
    font-weight: normal;
    padding: 5px;
    margin: 0px;
    text-align: justify;
}

.recom-hr {
    margin: 0px;
    padding: 0px;
}

/* currency symbol*/

@font-face {
    font-family: 'WebRupee';
    src: url('../../css/WebRupee.V1.0.eot');

    src: local('../../css/WebRupee'), url('../../css/WebRupee.V1.0.ttf') format('truetype');
}

.WebRupee {

    font-family: 'WebRupee';
}

/* currency symbol*/

/* loan page start*/

.tabmargin {
    margin: 15px;
}

/* loan page end*/

/*report modal styles begin*/
#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/

/*Media screen queries begin*/
@media (max-width: 768px) {
    .generate_report_form {
        padding: 20px;
    }
}

<!--
reports start-- >
.equityfooter {
    font-size: 11px ! importent;
}

.panel-default > .custom-panel {
    background: none repeat scroll 0 0 #36a9e1;
    border-radius: 2px 2px 0 0;
    color: white;
    border-color: #e9e9e9;
    font-weight: normal !important;
}

.custom-panel {
    padding: 10px 15px;
}

.custom-panel-body a {
    font-family: 'Open Sans', sans-serif !important;
}

.custom-panel a {
    font-weight: normal !important;
    font-family: 'Open Sans', sans-serif !important;
    text-decoration: none !important;
}

.custom-panel-body {
    padding: 15px !important;
    border: 1px solid #c2c2c2;
}

.form-inline-top {
    margin-top: 10px;
}

.select-custom {
    padding-left: 0;
}

.check-lm {
    margin-left: 10px;
}

.formcontrol_lm {
    padding: 6px 2px;
}

.custom-label, .fc-fo {
    font-size: 12px;
}

.acc-head {
    font-weight: normal;
    text-transform: uppercase;
}

.tc {
    padding-left: 20px;
    float: left;
    font-weight: normal !important;
}

.tb {
    margin-bottom: 10px !important;
}

.btnCustomPri {
    background: none repeat scroll 0 0 #75a94c;
    border: 1px solid #5c833c;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif !important;
}

.btnCustomPri:hover {
    background: none repeat scroll 0 0 #87ba5e;
    border: 1px solid #5c833c;
}

.custompanel-default {
    border-color: #c2c2c2 !important;
}

.custom-panel-head {
    background: none repeat scroll 0 0 #75a94c;
    padding: 10px 15px;
}

.custompanel-default td {
    text-align: center;
}

.custompanel-default th {
    font-weight: bold;
}

.tdfont {
    font-size: 24px;
}

.highbox {
    box-shadow: 1px 1px 2px 1px #e4e6eb;
    border-top: 2px dotted #d2b469;
    border-bottom: 2px dotted #d2b469;
    padding: 10px;
    background-color: #fffefa;
    width: 90%;
    margin: 0 auto;
}

.highbox h3 {
    margin: 0;
    color: #b07d11;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -1px;
}

.highbox h4 {
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #89610c;
    line-height: 16px;
    margin-bottom: 15px;
    width: 80%;
}

.highbox p {
    margin: 0;
    margin-bottom: 10px;
}

.highbox label {
    color: #89610c;
    font-weight: normal;
    font-size: 12px;
}

.highbox label a {
    font-family: 'Open Sans', sans-serif;
}

.highbox .hint {
    font-size: 12px;
}

.highbox .table-bordered {
    border: 1px solid #d8cdb4;
}

.highbox .table-bordered > thead > tr > th, .highbox .table-bordered > tbody > tr > th, .highbox .table-bordered > tfoot > tr > th, .highbox .table-bordered > thead > tr > td, .highbox .table-bordered > tbody > tr > td, .highbox .table-bordered > tfoot > tr > td {
    border: 1px solid #d8cdb4;
}

.contentmargin {
    margin: 1px 8px 8px 8px;
}

.footer_static2 {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px !important;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static2black {
    line-height: 13px !important;
    text-align: left;
    font-size: 11px;
    margin: 5px 0px 5px 0px;
    color: #c2c2c2;
}

.footer_static3 {
    font-size: 11px;
    color: #c2c2c2;
}

.footerwhitetext {
    color: #fff;
}

.equitytmargin {
    margin: 1px 8px 8px 0px;
}

/*Profile Dashboard start*/
.pr_width {
    width: 85% !important
}

.pr_panel-heading {
    padding: 0 25px;
    background: #f5f5f5
}

.pr_panel-body {
    padding: 25px 25px !important
}

.pr_panel-default {
    border-color: #dddddd !important;
    margin-top: -1px !important;
    border-radius: 0 !important
}

.pr_section_margin_style {
    margin-top: 127px !important;
    padding-top: 40px;
    background: #e4e4e4;
    margin-bottom: -20px;
    padding-bottom: 30px
}

.pr_inrbox {
    border: 1px solid #dadada;
    padding: 13px;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    -moz-box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
    box-shadow: -1px 1px 3px 0px rgba(217, 217, 217, 1);
}

.pr_boxtop {
    padding-top: 27px
}

.pr_input {
    box-shadow: none !important;
    transition: none !important;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    color: #000000;
}

.pr_checklabel {
    float: left;
    padding-right: 7px
}

.pr_form-group {
    margin-bottom: 3px
}

.pr_browntxt {
    color: #a3752a;
    font-size: 13px
}

.pr_subtxt {
    text-align: right;
    font-size: 11px;
    font-style: italic;
    float: right;
    padding: 3px 0 0 0;
    color: #2788a9
}

.pr_subtxt1 {
    font-size: 11px;
    font-style: italic;
    float: right;
    color: #aaaaaa;
    font-weight: normal
}

.pr_hr {
    border-color: #e4e4e4;
    margin: 15px 0 10px 0;
}

.pr_hr1 {
    border-color: #af8d46;
    margin: 4px 0 10px 0;
}

.pr_h4 {
    padding: 15px 0
}

.pr_pblue {
    color: #167396 !important;
    margin-top: -6px
}

.pr_rowtop {
    padding-top: 15px
}

.pr_edit a {
    background: #af8d46;
    color: #fff;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 12px
}

.pr_edit a:hover {
    color: #fff;
}

.pr_chart {
    padding: 25px 0
}

.pr_p_payment {
    font-size: 32px
}

.pr_bg {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr_bg.png) repeat;
}

.pr_h3 {
    font-size: 30px;
    margin-bottom: 0;
    color: #aaaaaa;
    padding-top: 15px
}

.pr_table th {
    background: #f2f0eb;
    color: #a27d24;
    text-align: left !important;
    font-weight: normal;
    font-size: 13px
}

.pr_table th {
    border: 1px solid #e5dac0 !important
}

.pr_table td {
    border: 1px solid #e5dac0 !important
}

.bs-example .pr_panel-heading a:hover, a:focus {
    color: #1695c0;
    text-decoration: none
}

.bs-example .pr_panel-heading a {
    color: #000;
    text-decoration: none
}

.bs-example .panel-title {
    font-size: 18px
}

.pr_smallbutton {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    background: #1495bf;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border: none;
    font-weight: bold
}

.pr_smallbutton:hover {
    background: #037d9f;
    text-decoration: none;
}

.pr_primarybutton {
    background: #1495bf;
    background-image: -webkit-linear-gradient(top, #1495bf, #066583);
    background-image: -moz-linear-gradient(top, #1495bf, #066583);
    background-image: -ms-linear-gradient(top, #1495bf, #066583);
    background-image: -o-linear-gradient(top, #1495bf, #066583);
    background-image: linear-gradient(to bottom, #1495bf, #066583);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    padding: 3px 18px 6px 18px;
    border: solid #1495bf 1px;
    text-decoration: none;
}

.pr_primarybutton:hover {
    background: #066583;
    background-image: -webkit-linear-gradient(top, #066583, #1495bf);
    background-image: -moz-linear-gradient(top, #066583, #1495bf);
    background-image: -ms-linear-gradient(top, #066583, #1495bf);
    background-image: -o-linear-gradient(top, #066583, #1495bf);
    background-image: linear-gradient(to bottom, #066583, #1495bf);
    text-decoration: none;
}

.select-style {
    padding: 4px 0;
    margin: 0;
    border: 1px solid #b5ced5 !important;
    border-radius: 0 !important;
    height: 33px !important;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/arrow-pr.png") no-repeat 97% 50%;
}

.select-style select {
    padding: 0 8px;
    width: 100%;
    color: #000000;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
}

#goal .select-style select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: medium none !important;
    box-shadow: none;
    color: #000000;
    padding: 0 8px;
    width: 140%;
}

.select-style select:focus {
    outline: none;
}

.checktick input[type=checkbox] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.checktick input[type=checkbox] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.checktick input[type=checkbox] + label:hover,
.checktick input[type=checkbox]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.checktick input[type=checkbox]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.radiotick input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.radiotick input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.radiotick input[type=radio] + label:hover,
.radiotick input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.radiotick input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-checkbox1.jpg) no-repeat;
    height: 22px;
    width: 22px;
    display: block;

    position: relative;
}

.prmale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prmale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prmale input[type=radio] + label:hover,
.prmale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content
*/
.prmale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-male.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

.prfemale input[type=radio] {
    display: none;
}

/*
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/
.prfemale input[type=radio] + label {
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female1.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

/* Provide a border when hovered and when the checkbox before it is checked */
.prfemale input[type=radio] + label:hover,
.prfemale input[type=radio]:checked + label {

}

/*
- Create a pseudo element :after when checked and provide a tick
- Center the content

*/
.prfemale input[type=radio]:checked + label:after {
    content: ''; /*content is required, though it can be empty - content: '';*/
    background: url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images/pr-female.jpg) no-repeat;
    height: 33px;
    width: 75px;
    display: block;

    position: relative;

}

@media only screen and (max-width: 800px) {
    .pr_clear {
        clear: both
    }

    .pr_form-group {
        margin-bottom: 15px
    }

}

@media only screen and (max-width: 640px) {
    .pr_width {
        width: 100% !important
    }

}

/*Profile Dashboard start*/

<!--
css from peepal added on July

11
2014
.

-->
.info-container .panel-heading a:hover {
    color: #fff;
}

/*Dashboard landing styles end*/

/*Plan styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.inner-tab {
    background-color: #efefef;
    background-image: -moz-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#efefef));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef);
    background-image: -o-linear-gradient(top, #f9f9f9, #efefef);
    background-image: linear-gradient(to bottom, #f9f9f9, #efefef);
    background-repeat: repeat-x;
    padding: 5px 0px 0px 16px;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef', GradientType=0);
}

.inner-tab > li {
    margin-bottom: 0;
}

.inner-tab > li.active {
    border-bottom: 2px solid #315138;
    background-color: transparent !important;
}

.inner-tab > li.active a {
    color: #8f6f2b !important;
}

.inner-tab > li > a {
    border: 0px !important;
    background-color: transparent !important;
    color: #333333;

}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5, #SmartSol .col-md-10 .btn-primary {
    font-size: 16px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.inner-tab > li > a:hover {
    background: none;
}

.inner-tab li.active {
    position: relative;
}

.inner-tab li.active:after {
    content: '';
    height: 15px;
    width: 10px; /*changed on 16dec2013*/
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    border-right: 5px solid transparent; /*changed on 16dec2013*/
    border-bottom: 5px solid #315138;
    border-left: 5px solid transparent; /*changed on 16dec2013*/
}

.content-detail-container .col-md-10 span {
    display: block;
    text-align: justify; /*added on 16dec2013*/
}

.content-detail-container .row {
    margin-bottom: 15px;
}

.blogs-box .glyphicon-user {
    font-size: 17px;
    z-index: 99;
}

.blogs-box {
    overflow: auto;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.blogs-box h5, h5 {
    color: #333;
    margin-bottom: 5px;
}

.blogs-box p {
    margin-bottom: 5px;
}

.blogs-box .badge {
    position: absolute;
    top: -9px;
    left: 9px;
    border-radius: 5px;
    padding: 2px 6px;
    font-size: 10px;
}

.blog-date {
    font-style: italic;
}

.blogs-notification {
    margin-right: 20px;
    position: relative;
}

.plan-anchor {
    position: absolute;
    right: 20px;
    bottom: 4px;
    font-weight: bold;
}

/*added on 16Dec2013*/
.plan-anchor:hover {
    color: #8f6f2b;
}

.bradcrum_content_container {
    clear: both;
}

.left_box {
    margin: 0 -30px 0 0;
    height: 250px;
}

.right_box {
    background-color: #d2dae3;
    background-image: -moz-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dbe4ee), to(#d2dae3));
    background-image: -webkit-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: -o-linear-gradient(top, #dbe4ee, #d2dae3);
    background-image: linear-gradient(to bottom, #dbe4ee, #d2dae3);
    background-repeat: repeat-x;
    height: 250px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe4ee', endColorstr='#d2dae3', GradientType=0);
}

.tab_info_container .row {
    margin-bottom: 25px;
}

.tab-content-container {
    padding-bottom: 32px;
}

#SmartSol .col-md-2 img {
    width: 100%;
}

#SmartSol .col-md-10 .btn-primary {
    margin-top: 10px;
}

.tab-content-container .blogs-box {
    margin-top: 0;
}

.blogs-box.first-item {
    margin-top: 0px;
}

.platinum-tab-container .col-md-5 h5 {
    margin-top: 0;
}

.platinum-tab-container .right_box {
    height: auto;
}

#Port .border {
    padding: 10px 20px;
    margin-bottom: 10px;
}

#Port .border h5 {
    margin-top: 6px;
}

/*.tab-pane li >  a:hover,p a:hover,.btn-check:hover
{color: #8f6f2b;}	*/
.tab-pane {
    margin-top: -1px;
}

.btn-check {
    line-height: 30px;
}

/*Plan styles end*/

/*Manage styles begin*/
/*class added 16Dec2013*/
.formAlign {
    margin-top: 7px;
}

/*class added 16Dec2013*/
.formAlignText {
    margin-top: 14px;
}

/*class added 16Dec2013*/
.formAlignBox {
    margin-top: 0;
}

/*class added 16Dec2013*/
.PaddingLeft {
    padding-left: 0px !important;
}

.confirm_well {
    background: #CEE5EB;
    padding: 15px 15px 5px 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.table_align th {
    text-align: center;
}

/*header*/
.table_align .glyphicon-star {
    color: #8d7117;
}

.dropdown-menu .subMenu {
    display: none;
}

.containerAlign {
    padding-top: 20px;
}

.sub_head_bg li a {
    display: block;
    padding: 10px 10px 8px 10px;
    color: #565656;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}

.sub_head_bg .list-inline li:hover {
    border-bottom: 3px solid #315138 !important;
}

.sub_head_bg .list-inline li.active {
    border-bottom: 3px solid #315138 !important;
}

text-align:left

;
.single-header-container .navbar-toggle {
    margin-top: 20px;
}

.sub_head_bg {
    width: 100%;
    height: 40px;
    height: 45px \9; /*added on 17Dec2013*/
    font-size: 14px;
    background: #e4e4e4; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4, #e4e4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #e4e4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e4e4 0%, #e4e4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0); /* IE6-9 */
}

/*<!--.sub_head_bg :after {
        content: '';
height: 12px;
width: 13px;
display: inline-block;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0px;
border-right: 7px solid transparent;
border-bottom: 7px solid red;
border-left: 7px solid transparent;
}-->*/

.nav.navbar-nav.subMenu a {
    color: #666666;
    font-size: 16px;

}

.dropdown-menu.subMenu {
    display: none;
    background: none;
    box-shadow: none;
    border: none;
    padding-top: 11px;

}

.dropdown-menu.subMenu a {
    margin: 0 3px;
    padding-bottom: 10px;
}

.dropdown-menu.subMenu a :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}

.nav .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #428bca;
}

.sipHeight {
    padding-top: 80px;
}

.dropdown-menu.subMenu :after {
    content: '';
    height: 12px;
    width: 14px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: -12px;
    left: 30px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e4e4e4;
    border-left: 7px solid transparent;
}

.open > .dropdown-menu.sub {
    display: -webkit-box !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 11px;
}

.dropdown-menu.subMenu:before {
    left: 28px;
}

.dropdown-menu.subMenu:after {
    left: 29px;
}

.nav .dropdown .open .dropdown-menu .subMenu {
    display: -webkit-inline-box;
}

.open > .dropdown-menu .dropdown-menu .subMenu {
    display: inline-flex;
}

/*button menu*/
.dropdown-menu.invest_menu {
    /*margin: 13px 0 0 -70px;*/ /*changed on 17dec2013*/
    text-align: left;
}

.my_invest h3 {

    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #8f6f2b;
    margin-top: 0;
}

.FormInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 45%;
    float: left;
    margin: 0 20px 0 0;
    border: 1px solid #ccc;
}

.RadioInlineBg {
    background: antiquewhite;
    padding: 18px;
    border-radius: 5px;
    width: 100%;
    /*float: left;*/
    margin: 0;
    border: 1px solid #ccc;
}

.col-md-6.wizardRadio label {
    font-weight: normal;
}

.caret.caret_custom {
    margin-left: 5px;
    border-top-color: #333;
    border-bottom-color: #333;
}

.col-sm-9.btn_menuContainer {
    text-align: right;
}

.btn {
    position: relative;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.col-sm-6.sensexValue {
    margin-top: 6px;
}

/*changed on 17dec2013*/
/*
.invest_menu:after{
content: '';
display: block;
position: absolute;
top: -20px;
right: 41px;
width: 0;
height: 0;
border-color: transparent transparent #ffffff transparent;
border-style: solid;
border-width: 10px;
}
.invest_menu:before {
content: '';
display: block;
position: absolute;
top: -22px;
right: 40px;
width: 0;
height: 0;
border-color: transparent transparent #c1c1c1 transparent;
border-style: solid;
border-width: 11px;
}
*/
.col-xs-9.btn_menuContainer.btn-group {
    margin: 0 10px;
}

.totalInvestHeader {
    color: #565656;
    margin-bottom: 10px;
    overflow: hidden;
}

/* tab header*/
.popover.fade.right.in {
    top: 23.5px;
    /*left: 47%!important;*/ /*changed on 17dec2013*/
    display: block;
}

.total_invest {
    font-weight: bold;
}

/*added on 17dec2013*/
.invest_title {
    text-align: left;
    margin-left: 10px;
    border-right: none;
}

.rightBorderInvest {
    border-right: 1px solid #999;
    text-align: center;
}

.col-sm-3.rightBorderInvest_last {
    text-align: center;
}

.up_share_link {
    color: #008200;
    font-weight: normal;
    padding: 0px 0;
}

.trigger_Condition {
    list-style: none;
    float: left;
    display: inline-block;
}

.trigger_Condition li {
    list-style: none;
    float: left;
    width: 100px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition li:first-child {
    text-align: center;
    margin-top: 8px;
}

.trigger_Condition_second li {
    list-style: none;
    float: left;
    width: 75px;
    padding: 0 5px;
    margin: 0 10px;
}

.trigger_Condition_second li:first-child {
    text-align: center;
    margin-top: 8px;
}

.keepTrigger {
    padding-top: 15px;
}

.equalTo {
    text-align: center;
    margin-top: 8px !important;
}

.row.summary .col-md-2 {
    text-align: right;
}

.resp-tab-item {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
}

.resp-tab-item.resp-tab-active {
    background: #ffffff;
    font-weight: bold;
    color: #565656;
}

.table.invest_first_tbe {
    width: 60%;
    font-size: 15px;
}

.up_share {
    background: url(../images/share_up.png) top left no repeat;
    width: 20px;
    height: 20px;

}

#horizontalTab h3 {
    font-size: 18px;
    font-weight: bold;

}

.table_align .table > tbody > tr > td {
    vertical-align: middle;
    /*text-align:center;*/
}

.form-control.select_drop, .btn.btn-default.select_drop {

    min-width: 80px;

}

.table_padding {
    padding: 8px 0 !important;
}

.switch_trigger {
    text-align: left !important;
}

.trigger_date {
    border: 0;
}

.row.summary {
    line-height: 30px;
}

display:block

;
.TableInsideTable th {
    /*border-bottom:0!important;*/
}

.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.totalInvestHeader .col-sm-3 :last-child {
    border: 0;
}

/*.table_align th:last-child {
width: 123px;
font-size:14px;
}*/
.table_align th {
    background: #d9edf7;
}

.form-control.select_drop.btn-sm {
    font-size: 14px;
}

.manage_section {
    margin-top: 172px;
}

.formCustom .form-group {
    width: 122px;
}

.formCustom_right .form-group {
    width: 80px;
}

.col-sm-3.control-label.formAlign.widthTriggerBase {
    width: 192px;
    padding-right: 0;
    padding-left: 0;
}

/*SIP investment*/
.well .payment_confirm {
    line-height: 22px;
    margin-bottom: 10px;
}

.pay_acc_details {
    overflow: hidden !important;
    border-radius: 5px !important;
    box-shadow: none;
    padding: 0px 15px 7px 9px !important;
}

.SipInvestment h2 {
    font-size: 18px;
    color: #363636;
    font-weight: bold;
}

.resp-tabs-container.TabCustonContainer {
    padding-top: 25px;
}

.BasicInfo {
    border-radius: 5px;
    padding: 30px 25px;
}

.BasicInfo h4 {
    font-size: 18px;
    font-weight: bold;
}

.radio_container {
    position: relative;

}

.radio_container .popover {
    font-size: 12px;
}

.radio {
    font-size: 14px;
}

#radioBlock .radio {
    padding: 10px 27px;
}

.btn.btn-default.customBtn {

    font-size: 14px;
    padding: 7px 25px;
    margin-left: 25px;
}

.btn.btn-link.customBtn {

    font-size: 14px;
    padding: 7px 25px;
}

.highlightRadio {
    background: #e1f3e5;
    border: 1px solid #a7a7a7;

    padding: 10px;
}

.popoverCustom.right .arrow {
    top: 20px;
    left: -11px;
    margin-top: -11px;
    border-right-color: #e5e5e5;
    border-left-width: 0;

}

.popoverCustom .arrow {
    border-width: 11px;
}

.popoverCustom .arrow, .popoverCustom .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popoverCustom.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";

}

.container.SipInvestment p span {
    font-weight: bold;
}

.container.SipInvestment .well .form-horizontal {
    padding-top: 20px;
}

.popoverCustom.right {
    margin-left: 50px;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%, #e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%, #e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */

}

.popoverCustom {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 376px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.popoverCustom .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.table_align .table tr td:last-child {
    min-width: 100px;
}

.col-sm-10.Panalign {
    margin-top: 8px;
}

.LastTotal {
    text-align: right !important;
}

.popoverCustom .popover-content {
    padding: 9px 14px;
    height: 200px;
}

.btn.btn-default.searchBtn {
    margin-top: 36px;
    line-height: 22px;
}

.schemeSearch h4 {

}

.schemeSearch h3 {

}

.alert-info {
    color: #000 !important;
}

.alert-success , .alert-info {
    background-color: #F0F0F0;
    border-color: #F0F0F0;
    color: #8C8C8C;
}

.green {
    color: #930;
}

.accountDetail {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin: 25px 0px;;
}

.color-txt {
    color: #8f6f2b;
    font-size: 12px;
}

.wizard > .content > .body label {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-top: 6px;
}

.wizard > .content > .body label.align-left {
    text-align: left;
}

.radioWidth {

    padding-left: 50px;
}

.wizard > .content > .body p {
    text-align: initial;
}

/* wizard*/
.nav.nav-tabs.wizard li a {
    background: #E7ECF1;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #B1BDCC;
    font-weight: bold;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li.active {
    background: #FFF;
}

.nav.nav-tabs.wizard li.active a {
    background: #B4E1F8;
    margin: 5px 20px;
    border: 0;
    border-radius: 5px;
    color: #62A3C9;
    font-size: 13px;
    font-family: open sans;
}

.nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
    margin-left: 0;
}

.tab-content.wizardContent {
    /* border:1px solid #dcdada; */
    padding: 20px;
    /*overflow: auto;*/
    border-radius: 10px;
}

.nav.nav-tabs.wizard {
    border-bottom: 0;
}

.button_ContainerLast {
    margin: 10px;
    margin-right: 0;
}

/*Manage styles end*/

/*Report styles begin*/
.reports_container {
    padding: 5px 15px 80px 15px !important;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/

.reports_container {
    padding: 5px 15px 80px 15px;
}

.reports_container .nav-tabs > li.active > a {
    background: #fff;
}

/*Reports tab styles begin*/
.reports_container .nav-tabs > li > a {
    border-radius: 0px;
    color: #565656;
    font-size: 16px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    background-color: #e7e7e7;
    padding: 5px 15px;
}

.reports_container .nav-tabs > li {
    margin-right: 10px;
}

.reports_container .tab-content > .tab-pane {
    border: 1px solid #ddd;
    border-top: transparent;
}

.reports_container .badge {
    margin-left: 10px;
    vertical-align: top;
    background-color: #8f6f2b;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: normal;
}

/*Reports tab styles end*/

/*Generate report tab content styles begin*/
.report_type_drop, .date_ctrl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*added on 17dec2013*/
.report_type_drop:focus, .date_ctrl:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.report_type_container {
    margin-top: 20px;
    margin-right: 10px;
    position: relative;
}

.report_tooltip {
    border: 1px solid #f4f4f4;
    border-radius: 6px;
    position: absolute;
    width: 235px;
    top: 45px;
    left: 104px;
    right: 0px;
    margin: auto;
    z-index: 1000;
    background: #fff;
    box-shadow: 2px 2px 5px 0px #f1f3f4;
}

.report_tooltip a {
    font-size: 16px;
}

.report_tooltip .tooltip_header:before {
    content: '';
    height: 12px;
    width: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -12px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #f4f4f4;
    border-left: 9px solid transparent;
}

.report_tooltip .tooltip_header {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}

.report_tooltip .tooltip_content {
    padding: 10px;

}

.mar_right {
    margin-right: 10px;
}

.mar_left {
    margin-left: 20px;
}

/*Generate report tab content styles end*/

/*report modal styles begin*/
/*added on 17Dec2013*/
#report_modal {
    overflow: hidden;
}

#report_modal .modal-content {
    border-radius: 0px;
}

#report_modal .modal-dialog {
    width: 55%;
}

#report_modal .close {
    opacity: 1;
    margin-top: 4px;
}

#report_modal .print_save {
    color: #333;
    margin-top: 5px;
}

#report_modal .modal-header {
    background: #e9e9e9;
}

#report_modal .print_save span {
    margin-right: 5px;
}

#report_modal .print_save i {
    margin-right: 50px;
    cursor: pointer;
}

#report_modal .modal-body {
    padding: 15px 30px;
}

#report_modal .modal-body .table {
    margin-top: 15px;
}

#report_modal .modal-body .table th {
    background: #e9e9e9;
}

#report_modal .modal-body .row:nth-child(2), #report_modal .modal-body .row:last-child {
    margin-top: 20px;
}

/*report modal styles end*/
/*Report styles end*/

/*My account styles begin*/
.main-tab > li {
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#e7e7e7));
    background-image: -webkit-linear-gradient(top, #efefef, #e7e7e7);
    background-image: -o-linear-gradient(top, #efefef, #e7e7e7);
    background-image: linear-gradient(to bottom, #efefef, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #e7e7e7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e7e7e7', GradientType=0);
}

.main-tab > li > a {
    border-radius: 0;
    color: #565656;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    margin-right: 0;
    padding: 5px 15px;
}

.main-tab > li a:hover {
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    background: none !important;
}

.main-tab > li.active {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: -o-linear-gradient(top, #ffffff, #f9f9f9);
    background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
    background-repeat: repeat-x;
    border-color: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}

.main-tab > li.active > a {
    font-weight: bold;
    background-color: transparent;
}

.main-tab li.pull-right {
    background-color: transparent;
    background-image: none;
}

.main-tab li.pull-right .btn-group .btn {
    margin-left: 7px;
    padding: 4px 12px;
}

.main-tab > li > a:focus, .inner-tab > li > a:focus {
    outline: 0;
}

.panel-title .profile-container {
    margin-left: 0;
}

.color-gold {
    color: #8f6f2b;
}

.accordian-container .panel-title {
    font-size: 14px;
    font-weight: normal;
}

.accordian-container .panel-title .color-gold {
    font-size: 15px;
}

.activated-container {
    width: 60%;
    margin: auto;
}

.activated-container ul {
    margin: 0;
    padding: 0;
    border: 1px solid #bfbfbf;
}

.activated-container ul li {
    list-style: none;
    text-align: center;
    padding: 6px 0px;
}

.activated-container .active {
    background-color: #439131;
    color: #ffffff;
}

.icon-collapse-out {
    background: url(../images/collapse-out.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.icon-collapse-in {
    background: url(../images/collapse-in.png) no-repeat;
    display: inline-block;
    width: 8px;
    height: 15px;
}

.tab-pane {
    margin-top: -1px;
}

.icon-collapse-in_btn {
    position: absolute;
    right: 0;
    bottom: 3px;
}

.accordian-container .panel-title span.dis-block {
    margin-bottom: 8px;
}

.well a:hover, .info-control-container a:hover {
    color: #8f6f2b;
}

.alert-btn, .alert-btn:hover {
    color: #479557;
}

.alert-btn {
    margin-left: 12px;
    font-size: 12px;
}

.info-container h5 {
    margin-right: 10px;
}

.panel-label-width {
    width: 32%;
    text-align: right;
    margin-right: 15px;
}

/*added on 17dec2013*/
input.panel-label-width, textarea.panel-label-width {
    text-align: left;
}

input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
    width: 39%;
    margin-left: 10px;
}

.info-container {
    margin-bottom: 15px;
}

.info-control-container {
    margin-bottom: 5px;
}

.info-control-container a {
    margin-left: 5px;
}

.dis-inline-block {
    display: inline-block;
}

.well {
    overflow: auto;
    padding: 0px 9px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0;
}

.panel-collapse .panel-body {
    padding: 15px 0;
}

span.show-txt {
    margin-left: 10px;
}

.main-tab > li > a, .inner-tab > li > a, .blogs-box h5, h5, .platinum-tab-container .col-md-5 h5 {
    font-size: 16px;
}

.well a {
    line-height: 35px;
}

.well i, .alert-btn i {
    margin-right: 5px;
}

.activated-container.pending .active {
    background-color: #d78910;
}

.tab_btn_conatiner {
    position: absolute;
    top: -12px;

    right: 0;
}

.tab_btn_conatiner .pull-left {
    margin-right: 10px;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    border: 1px solid #cccccc;
}

.btn:focus {
    outline: none;
}

#Investor .border {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    background-repeat: repeat-x;
}

/**/
.panel-heading .glyphicon-chevron-up:before {
    content: "\e113";
}

.panel-heading .collapsed .glyphicon-chevron-up:before {
    content: "\e114";
}

#Acc .table-responsive {
    padding-top: 10px;
}

/*My account styles end*/

.supersavings-boxed-container {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 15px;
}

.supersavings-mobile-container p {
    margin-bottom: 15px;
}

.supersavings-mobile-container .control-label {
    color: #8e6e31;
}

/* Media queries begin */
@media (max-width: 1200px) {
    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 31.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }
}

@media (max-width: 1024px) {
    .explore-arrow {
        left: 45%;
    }

    .dropdown-menu.explore_box.explore_cont.explore_mobile_view .row {
        margin-left: 0px;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .plan_tabs .nav-tabs > li {
        margin-right: 8px;
    }

    .plan_tabs .nav > li > a {
    }

    .row.summary .col-md-2 {

    }

    .formCustom_right .form-group {
        width: 80px;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    /*class added 16Dec2013*/
    .formAlignBox {
        margin-top: 7px;
    }

    /*class added 16Dec2013*/
    .wizard > .content {
        overflow-y: scroll;
    }

}

@media (max-width: 1024px) and (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }

    .bse_values span:last-child i, .nse_values span:last-child i {
        margin-right: -6px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn_invest, .btn_payment {
        margin-top: 10px;
    }
}

@media (max-width: 992px) {
    .plan_tabs .nav-tabs > li {
        width: 48%;
    }

    #mutual_funds .row:first-child .col-md-5 div {
        margin-left: 20px;
        margin-top: 20px;
    }

    #mutual_funds .btn_mutualfund_option {
        float: left;
        margin-left: 20px;
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    #mutual_funds .row:first-child .col-md-4 {
        width: 30.333333%;
    }

    #mutual_funds .row:first-child .col-md-5 {
        width: 38.666667%;
    }

    #mutual_funds .row:first-child .col-md-3 {
        width: 30%;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 21px;
        margin-right: 7px;
    }
}

/*added on 17dec2013*/
@media (max-width: 992px) and (min-width: 768px) {
    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_cont {
        width: 500px;
    }

    .explore-arrow {
        left: 55%;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_cont .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .header_no_bar .bs-docs_nav {
        background-color: #414141;
    }

    .plan_tabs .Thumbs_up, .plan_tabs .Thumbs_down {
        margin-left: 10px;
        margin-right: 7px;
    }

    .btn_invest, .btn_payment {
        margin-top: 10px;
    }

    /*class added 16Dec2013*/
    .FormInlineBg {
        width: 100%;
    }

    .containerAlign {
        padding-top: 100px;
    }

    .radio_container {
        position: relative;
        margin-left: 50px;
    }

    .back-btn {
        margin-top: 0px;
    }

    .row.summary .col-md-2 {
        text-align: left;
    }

    .wizard > .steps a {
        font-size: 15px;
        font-weight: normal;
    }

    .formCustom .form-group {
        width: 100%;
    }

    .formCustom_right .form-group {
        width: 100%;
    }

    .generate_report_form {
        padding: 20px;
    }

    .rightBorderInvest {

    }

}

@media (max-width: 767px) {
    .sub_head_bg {
        display: none;
    }

    .dropdown-menu.subMenu {
        display: block;
    }

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
    }

    .manage_section {
        margin-top: 70px;
    }

    .btn_menuContainer {
        margin-bottom: 10px;
    }

    .btn {
        font-size: 16px;
        margin: 5px 0;
    }

    .sipHeight {
        padding-top: 0px;
    }

    .containerAlign {
        padding-top: 0px;
    }

    .back-btn {
        margin-top: 10px;
        padding-bottom: 2px;
        margin-right: 10px;
    }

    .icon-collapse-in_btn {
        position: absolute;
        top: 6px;
        bottom: 89%;
    }

    .accordian-container .panel-title [class*="col-"] {
        margin-bottom: 15px;
    }

    .activated-container {
        margin: 0;
    }

    .left_box {
        margin: 0;
    }

    .right_sidebar {
        margin-top: 10px;
    }

    .btn-check {
        margin-left: 14px;
        margin-top: 5px;
    }

    #SmartSol .col-md-2 img {
        width: auto;
    }

    .widget {
        min-height: 131px;
        margin-bottom: 11px;
    }

    .right_sidebar {
        height: auto;
    }

    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .explore_box .col-md-5:first-child img {
        width: auto;
    }

    .explore_box .col-md-5 {
        border-right: 0px solid red;
    }

    .pad_bot15 {
        padding-bottom: 15px;
    }

    .explore-ct .icon_cross {
        top: 10px;
    }

    .explore_box .col-md-12 .col-md-6:nth-child(2) {
        padding-left: 18px;
    }

    .list-unstyled span {
        display: none;
    }

    .manage_section .breadcrum_container {
        margin-top: 0;
    }

    .navbar-nav {
        margin: 7.5px 0px;
    }

    .sub_head_bg .list-inline li:hover {
        border-bottom: none !important;
    }

    .sub_head_bg .list-inline li.active {
        border-bottom: none !important;
    }

    .funds_header .navbar-header, .funds_header .navbar-collapse {
        display: inline-block;
    }

    .funds_header .navbar-collapse {
        height: auto !important;
    }

    .funds_header .navbar-toggle {
        display: none;
    }

    .funds_header .navbar-collapse ul li, .funds_header .menu_items {
        float: left;
    }

    .funds_header .contact_info {
        float: right;
        padding-left: 68px;
    }

    /** header_no_bar*/
    .header_no_bar .navbar-toggle {
        display: block;
        margin-top: 23px;
    }

    .header_no_bar .divider {

    }

    header {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .nav.nav-tabs.wizard li {
        width: 50%;
    }

    .single-header-container {
        position: fixed;
        width: 100%;
        background: #ffffff;
        z-index: 999999;
    }

    .contact_info .pos-rel {
        padding-left: 15px;
    }

    .bs-docs_nav .nav li.active:after {
        content: '';
        height: 0;
        width: 0;
        display: inline-block;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .profile-info {
        margin-right: 20px;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view {
        position: absolute;
        background-color: #fff;
        /*overflow-y: scroll;*/
        top: -80px;
        padding: 0;
        width: 100%;
        z-index: 99999999999;
    }

    .exploredropdown_container img {
        display: none;
    }

    .explore_mobile_view a.icon_cross img {
        display: block;
        position: absolute;
        right: 10px;
        top: 14px;
    }

    .exploredropdown_container {
        background-color: #f2f2f2;
        overflow-y: scroll;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0 8px 6px -6px #dddddd;
        -moz-box-shadow: 0 8px 6px -6px #dddddd;
        box-shadow: 0 8px 6px -6px #dddddd;
    }

    .navbar-nav .open .dropdown-menu.explore_mobile_view h3 {
        display: block;
        text-align: center;
        padding-bottom: 15px;
        margin-bottom: 0px;
        border-bottom: 1px solid #dfdfdf;
    }

    .explore-ct {
        /*height: auto;
        overflow: auto;*/
    }

    .empty_div {
        height: 0 !important;
        margin-bottom: 0px !important;
    }

    .explore_box .col-md-2 {
        padding-left: 20px;
    }

    .right_sidebar {
        height: auto !important;
    }

    .breadcrum_container {
        margin-top: 80px;
    }

    .funds_header .menu_items {
        margin-left: 0;
    }

    .manage-header-container .subMenu {
        position: inherit;
        width: 100%;
    }

    .manage-header-container .dropdown-toggle .caret {
        display: none;
    }

    .manage-header-container .dropdown-menu.subMenu :after {
        content: none;
    }

    .section_margin_style {
        margin-top: 0px;
    }

    .footer_container .footer_static {
        float: left !important;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 562px) {
    .alert {
        padding: 32px 25px;
    }

    .plan_tabs .nav-tabs > li {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .bs-navbar-child-collapse {
        height: 400px !important;
    }

    .right_sidebar {
        height: auto !important;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .inner-tab {
        padding: 0;
    }

    .inner-tab.nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .breadcrum_container {
        margin-top: 80px;
        margin-bottom: 46px;
        overflow: hidden;
    }

    .tab-container {
        margin-top: 10%;
    }

    .mob_margin {
        margin-left: 0px !important;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;

    }

    .SipInvestment .breadcrum_container {
        overflow: visible !important;
    }

    .SipInvestment h2 {
        padding-bottom: 0px;
        padding-top: 15px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .plan-anchor {
        right: 0px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

@media (max-width: 320px) {
    .main-tab > li {
        margin-right: 4px;
    }

    .nav.nav-tabs.wizard li {
        width: 100%;
    }

    .main-tab > li > a {
        padding: 5px 10px;
    }

    .plan-anchor {
        right: 0px;
    }

    .inner-tab > li {
        float: none;
        text-align: center;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    /*added on 17dec2013*/
    .form-control {
        background-color: #f0f0f0 !important;
    }

    .info-control-container {
        padding: 0px 5px;
    }

    .panel-label-width {
        width: 39%;
    }

    input.panel-label-width, select.panel-label-width, textarea.panel-label-width {
        width: 90%;
    }

    /*.tab-container
                          {margin-top:58% !important;}*/
    .tab_btn_conatiner {
        position: absolute;
        top: -45px;
        left: 0;
    }

    .tab_btn_conatiner .pull-right {
        float: none !important;
    }

    .main-tab li.pull-right {
        position: absolute;
        top: -38px;
    }

    .wizard > .steps > ul > li, .wizard > .actions > ul > li {
        float: none !important;
        width: 100% !important;
    }

    .nav.nav-tabs.wizard li a, .nav.nav-tabs.wizard li.active a {
        margin: 5px 0px;
    }
}

.wizardp {
    margin: 0 0 10px 0px
}

.padwrap {
    padding: 5px 20px !important;
}

.mtop {
    margin-top: 5px !important;
}

.radio_container_custom {
    position: inherit !important;
    margin-left: 0 !important;
}

.alertmodel {
    padding: 10px 20px;
    background-color: #f8f8f8;
    font-size: 12px !important;
    margin-bottom: 20px;
}

.smallalert {
    border: 1px dotted #c67a55;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    background-color: #fffcee;
}

.newbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    margin-top: 10px !important;
}

.newbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
    background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
    background-color: #68a54b;
    text-decoration: none !important;
    color: #ffffff !important;
}

.newbutton:active {
    position: relative;
    top: 1px;
}

.btn-success:hover {
    color: #ffffff !important;
}

/*.tab-content.wizardContent{overflow:auto;}*/

/*.tab-pane .btn{font-size:16px;margin-bottom:3px;}*/
.euin {
    padding: 0px;
    font-size: 12px !important;
}

.help-block {
    font-size: 11px !important;
}

input, select { /*border:1px solid #c2c2c2 !important;*/
}

.box {
    border-radius: 2px;
    box-shadow: 0 1px 0 1px #e4e6eb;
    border: 1px solid #c2c2c2;
}

.tablenew {
    border: 1 pxs solid #c2c2c2;
}

.tablenew {
    background-color: #f8f8f8 !important;
}

.tablenew td.righttab {
    text-align: right !important;
    font-weight: bold;
}

.bs-example {
    background-color: #f8f8f8;
    padding: 10px;
}

.bs-example2 {
    padding: 15px;
}

/*.trans_home_txt a, a{
        color: #333;
}*/
.trans_home_txt a:hover, a:hover {
    color: #23527c;
}

.sortable a {
    color: #676a6c;
}

/*---sortable images display tag---*/

.sorted a, .sortable a {
    background-position: right;
    display: block;
    width: 100%;
}

.sortable a {
    background-image: url(../../images/arrow_off.png);
    background-repeat: no-repeat;
}

.order1 a {
    background-image: url(../../images/arrow_down.png);
    background-repeat: no-repeat;
}

.order2 a {
    background-image: url(../../images/arrow_up.png);
    background-repeat: no-repeat;
}

.resp-tabs-list > li.resp-tab-active .plan_title {
    color: #336699;
    text-decoration: none
}

.resp-tabs-list > li.resp-tab-active a:hover {
    text-decoration: none;
}

.resp-tabs-list > li.resp-tab-item a:hover, a:link, a:visited, a:active {
    text-decoration: none;
}

.checkbox a:hover, .checkbox a:link, .checkbox a:visited, .checkbox a:active {
    text-decoration: none;
    color: #337ab7;
}

/*watchlist*/

.box .box-content {
    background: none repeat scroll 0 0 white;
    border-radius: 0 0 2px 2px;

    padding: 20px 10px 0px 10px;
}

.boxblue .blue {
    color: #36a9e1;
}

.boxgreen .green {
    color: #bdea74;
}

.boxgreen.green .title {
    background: none repeat scroll 0 0 #a1d054;
    padding: 10px;
    color: #000;
    font-weight: bold;
}

.boxgreen.greenemptyheight {
    margin: 25px 0px 0px 0px;
}

.boxgreen .content {
    background: none repeat scroll 0 0 #e8facc;
    padding: 10px 10px 10px 15px;
}

.boxblue {
    border-radius: 2px;
    margin: 0 0 30px;
}

.boxblue.blue .title {
    background: none repeat scroll 0 0 #36a9e1;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

.boxblue .content {
    background: none repeat scroll 0 0 #e4e6eb;
    padding: 10px 10px 10px 15px;
}

.value {
    color: #383e4b;
    padding: 10px;
}

.watchheader {
    color: #967939;
    vertical-align: middle !important;
    font-weight: bold;
}

.watchlistinputselect {
    width: 95%;
    font-size: 12px;
}

ul.watchlist li {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    font-size: 13px;
    list-style: none outside none;
    padding: 7px 0px 0px 0px;
    margin: 3px 0px 0px -20px;
    height: 43px;

}

ul.watchlist .col-md-7 {
    padding: 0px;
}

.watchlist.label {
    border-radius: 0.25em;
    color: #ffffff;
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    padding: 0.4em 0.7em 0.4em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;

}

.watchtableheader {
    margin: 0px 0px 0px -20px;
}

.watchlist label[href]:hover, watchlist label[href]:focus {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.watchlisthr {
    margin: 3px 0px 0px 0px;
    height: 2px;
    border: 2px;
    background-color: #999;
}

/* invest page css*/

.recompagebg {
    background-color: #f4f4f4;
    min-height: 286px;
    padding-bottom: 1px;
}

.recomwhitebox {
    height: 244px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    margin: 10px 10px 20px 0px;
    padding: 15px;
}

.recomwhiteboxinput {
    margin: 2px 0px 7px 0px;
}

.recomwhiteboxinputsmall {
    margin: 2px 0px 7px 0px;
    width: 200px;
}

.recomwhitebox > hr {
    margin: 10px 0px 5px 0px;
}

.recompagetabouter {
    margin: 10px 10px 0px -20px;
}

.recompagetabheader {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #428bca;
    font-weight: normal;
}

table.recompagetabheader {
    margin: 13px;
    width: 96%;
}

table.recompagetabheader span {
    font-family: 'Open Sans', sans-serif;
}

table.recompagetabheader thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    background-color: #d9edf7;
}

table.recompagetabheader thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #414141;
    font-weight: normal;
}

table.recompagetabheader > thead > tr > th, .recompagetabheader > tbody > tr > th, .recompagetabheader > tfoot > tr > th, .recompagetabheader > thead > tr > td, .recompagetabheader > tbody > tr > td, .recompagetabheader > tfoot > tr > td {
    border: 1px solid #428bca;
}

table.recompagetabheader {
    border: 1px solid #428bca;
}

table.amctable td {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

table.amctable span {
    font-family: 'Open Sans', sans-serif;;
    font-size: 13px;
}

table.amctable thead > tr > th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #8f6f2b;
    font-weight: bold;
    background-color: #f3f1ec;
}

table.amctable thead > tr {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
}

table.amctable > thead > tr > th, .amctable > tbody > tr > th, .amctable > tfoot > tr > th, .amctable > thead > tr > td, .amctable > tbody > tr > td, .amctable > tfoot > tr > td {
    border: 1px solid #dcd7c7;
}

table.amctable {
    border: 1px solid #dcd7c7;
}

.searchinput {
    width: 300px;
    margin: 0px 10px 8px 0px;
}

.btnorange {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #bd850e, #90702a);
    background-image: -moz-linear-gradient(top, #bd850e, #90702a);
    background-image: -ms-linear-gradient(top, #bd850e, #90702a);
    background-image: -o-linear-gradient(top, #bd850e, #90702a);
    background-image: linear-gradient(to bottom, #bd850e, #90702a);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #89723f 2px;
    text-decoration: none;
}

.btnorange:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.btngreen {
    background: #198c19;
    background-image: -webkit-linear-gradient(top, #198c19, #1e681e);
    background-image: -moz-linear-gradient(top, #198c19, #1e681e);
    background-image: -ms-linear-gradient(top, #198c19, #1e681e);
    background-image: -o-linear-gradient(top, #198c19, #1e681e);
    background-image: linear-gradient(to bottom, #198c19, #1e681e);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    border: solid #387638 2px;
    text-decoration: none;
}

.btngreen:hover {
    background: #1d6a1d;
    background-image: -webkit-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -moz-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -ms-linear-gradient(top, #1d6a1d, #24a324);
    background-image: -o-linear-gradient(top, #1d6a1d, #24a324);
    background-image: linear-gradient(to bottom, #1d6a1d, #24a324);
    text-decoration: none;
    color: #fff;
}

.btngreensearch {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding: 5px 25px 5px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensearch:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btngreensquare {
    background: #188818;
    background-image: -webkit-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -moz-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -ms-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: -o-linear-gradient(top, #1f8c1f, #1c6e1c);
    background-image: linear-gradient(to bottom, #1f8c1f, #1c6e1c);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    text-decoration: none;
    border-top: solid #666666 1px;
    border-top: solid #638463 1px;
    border-left: solid #3d673d 1px;
}

.btngreensquare:hover {
    background: #188718;
    background-image: -webkit-linear-gradient(top, #188718, #188818);
    background-image: -moz-linear-gradient(top, #188718, #188818);
    background-image: -ms-linear-gradient(top, #188718, #188818);
    background-image: -o-linear-gradient(top, #188718, #188818);
    background-image: linear-gradient(to bottom, #188718, #188818);
    text-decoration: none;
    color: #fff;
}

.btnorangesquare {
    background: #bd850e;
    background-image: -webkit-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -moz-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -ms-linear-gradient(top, #9e6b19, #8d6019);
    background-image: -o-linear-gradient(top, #9e6b19, #8d6019);
    background-image: linear-gradient(to bottom, #9e6b19, #8d6019);

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #fff;
    font-size: 12px;
    padding: 2px 25px 2px 25px;
    border: solid #143a14 1px;
    border-top: solid #98825d 2px;
    border-left: solid #846737 2px;
    text-decoration: none;
}

.btnorangesquare:hover {
    background: #90702a;
    background-image: -webkit-linear-gradient(top, #90702a, #bd850e);
    background-image: -moz-linear-gradient(top, #90702a, #bd850e);
    background-image: -ms-linear-gradient(top, #90702a, #bd850e);
    background-image: -o-linear-gradient(top, #90702a, #bd850e);
    background-image: linear-gradient(to bottom, #90702a, #bd850e);
    text-decoration: none;
    color: #fff;
}

.recomgobtn {
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    font-family: Arial;
    color: #000;
    font-weight: bold;
    font-size: 14px;

    background: #c1c0c0;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

.recomgobtn:hover {
    background: #e0e0e0;
    text-decoration: none;
}

.recomnav .nav-tabs > .active > a,
.recomnav .nav-tabs > li > a:focus
.recomnav .nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 #fff;
    background: #000 ! importent;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #333;
    border-bottom: -1px;
}

.recomnav .nav-tabs > li > a {
    background: none repeat scroll 0 0 #fff;
    background: #fff ! importent;
    border: 0px solid #ddd;
    border-radius: 0;
    color: #333;

}

.recomlfmrgn {
    margin-left: 10px;
}

.h5 {
    color: #1f5c0f;
    font-size: 14px;
    font-weight: bold;
}

.tab-contentinvesthome {
    overflow: auto;
    width: auto;
    height: 275px;
}

.tableheight {
    overflow: auto;
    width: auto;
    max-height: 510px;
}

.formCustom .form-group2 {
    width: 192px;
}

.paddingzero {
    padding: 0px;
}

.col-md-4small {
    margin-top: 13px;
    width: 4%;
}

.smtable {
    margin: 5px !important;
    height: 30px;
    width: 98% !important;
    padding: 15px !important;
}

.dashheader {
    padding: 12px 0px 0px 0px;
    margin: 0px 0px 4px 0px;;
    font-size: 18px
}

.easytransferul {
    list-style-image: url("../../imagesux/easytransferbullet.png");
}

.circle-text {
    width: 10%;
    margin: -30px 0px 0px -30px;
}

.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #3b3a3a;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.circle-text div {
    float: left;
    width: 100%;
    padding-top: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    text-align: center;
    color: white;
}

.color-swatch {
    border-radius: 3px;
    float: left;
    height: 90px;
    margin: 15px 10px;
    padding: 15px;
    color: #fff;

}

.color-swatches .gray-darker {
    background-color: #222;
}

.color-swatches .gray-dark {
    background-color: #333;
}

.color-swatches .gray {
    background-color: #555;
}

.color-swatches .gray-light {
    background-color: #999;
}

.color-swatches .gray-lighter {
    background-color: #eee;
}

.color-swatches .brand-primary {
    background-color: #337ab7;
}

.color-swatches .brand-success {
    background-color: #5cb85c;
}

.color-swatches .brand-warning {
    background-color: #f0ad4e;
}

.color-swatches .brand-danger {
    background-color: #d9534f;
}

.color-swatches .brand-info {
    background-color: #4099b4;
}

.color-swatches .bs-purple {
    background-color: #563d7c;
}

.color-swatches .bs-purple-light {
    background-color: #c7bfd3;
}

.color-swatches .bs-purple-lighter {
    background-color: #e5e1ea;
}

.color-swatches .bs-gray {
    background-color: #f9f9f9;
}

/* invest page css*/

/*New Dashboard */

.newplanux .Dash_market_panel {
    background-color: #f6f6f6;
    border-bottom: 1px solid #cecece;
}

.Dash_market_panel h4 {
    font-size: 17px;
    color: #b6b6b6;
}

.point {
    color: #3e3e3e;
    font-size: 18px;
}

.md_head {
    color: #1ab394;
    font-size: 12px;
}

.Dash_market_panel .green {
    color: #7ed321;
}

.Dash_market_panel .red {
    color: #ff0000;
}

.Dash_info_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    padding-bottom: 13px
}

.Dash_info_panel h3 {
    color: #3e3e3e;
    margin-top: 10px;
}

.Dash_graph_panel {
    background-color: #f4f4f4;
    border-bottom: 1px solid #cecece;
    padding-bottom: 30px
}

.Dash_product_panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cecece;
}

.DashRight_panel_top {
    background-color: #9bc75e;
    height: 255px;
    border-bottom: 1px solid #cecece;
    padding-left: 0;
}

.DashRight_panel_bot {
    text-align: center;
}

.DashRight_panel_bot h3 {
    margin-top: 10px;
}

.dash_side_head {
    background-color: #fff !important;
    float: left;
    color: #559fe3;
    border-bottom: 1px solid #eeeeee;
    font-size: 16px;
    padding: 10px 5px 5px 15px;
    margin-bottom: 20px;
    width: 100%;
}

.dash_side_head a {
    text-decoration: none;
}

/* Gamification */
.game-note1 {
    color: rgb(77, 179, 139);
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

.game-note2 {
    color: #2a6496;
    font-weight: bold;
    font-size: 15px;
}

.number_count {
    float: right;
    color: #FFF;
    width: 30px;
    height: 30px;

    border: 2px solid #FFF;
    text-align: center;
    position: relative;
    top: -4px;
    padding-top: 3px;
    border-radius: 50%;
}

.md_align {
    margin-top: 10px;
}

.md_cent {
    text-align: center;
    padding: 0;
    border-left: 0px solid #cecece;
}

.linkbox {
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

.linkbox li {
    border-bottom: 1px solid #dadada;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    background-color: #23c6c8 !important;
}

.linkbox li a {
    color: #FFF;
}

.linkbox li p {
    font-size: 13px;
    font-weight: normal;
    margin-top: 0px;
    color: #ffffff;
    margin-bottom: 7px;
    padding-left: 35px;
}

.linkbox li:last-child {
    border-bottom: none;
}

.linkbox_1 {
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.linkbox_1 li {
    font-size: 12px;
    color: black;
    margin-bottom: 23px;
}

.linkbox_1 li p {
    font-size: 18px;
    color: #3e3e3e;
    text-align: center;
}

.pro_head {
    border-bottom: 1px solid #e7eaec;
    padding-bottom: 20px;
    margin-top: 0;
    padding-top: 15px;
    margin-bottom: 0;
}

.dash-box {
    padding-top: 30px;
    min-height: 200px;
}

.linkbox_2 {
    margin-top: 0px;
    padding: 0;
    list-style: none;
}

.linkbox_2 li {
    font-size: 12px;
    color: #3e3e3e;
    padding-bottom: 30px;
}

.linkbox_2 li p {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: bold;
    text-align: center;
}

.grey {
    background-color: #f9f9f9;
}

.white {
    background-color: #ffffff;
}

.imgArrow {
    position: absolute;
    left: -8px;
    top: 20px;
}

.imgMenu {
    position: absolute;
    right: 35px;
    top: 20px;
}

.equityMenuContent {
    width: 260px;
    height: 260px;
    background-color: #3e4a55;
    position: absolute;
    display: none;
}

.imgClose {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 99999;
}

.equityMenuContent .nav-pills > li.active > a, .equityMenuContent .nav-pills > li.active > a:hover, .equityMenuContent .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #ffffff;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.equityMenuContent .nav > li > a:hover, .equityMenuContent .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

.equityMenuContent .tab-content {
    background-color: #3e4a55;
    padding: 0 10px;
}

.equityMenuContent .nav > li > a {
    color: #707b84;
    font-size: 16px;
}

.equityMenuContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #ffffff;
}

.equityMenuContent ul li.libi {
    border: 1px solid #ffffff;
    margin-bottom: 5px;
    border-radius: 7px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

.equityMenuContent h4 {
    color: #ffffff;
    margin-top: 20px;
}

.DashRight_panel_top .tab-content { /*background-color:#fb928f;  padding:0 10px;*/
}

.DashRight_panel_top .nav > li > a {
    color: #69883f;
    font-size: 16px;
}

.DashRight_panel_top .nav-pills > li.active > a, .DashRight_panel_top .nav-pills > li.active > a:hover, .DashRight_panel_top .nav-pills > li.active > a:focus {
    border-radius: 0px !important;
    color: #454444;
    background-color: #9bc75e;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}

.DashRight_panel_top .nav > li > a:hover, .DashRight_panel_top .nav > li > a:focus {
    border-radius: 0px !important;
    border-bottom: 2px solid #ffffff;
    color: #454444;
}

/*New equity revamp  start*/

.equitytable {
    margin-bottom: 0px !important;
}

.equitytable th {
    font-weight: bold !important;
    color: #000;
    font-size: 13px;
    background-color: #fff !important;
    text-align: left !important;
}

.equitypara {
    font-size: 12px;
    font-weight: normal !important;
}

.selectbig {
    width: 175px;
}

.selectsmall {
    width: 94px;
}

.equitytable input {
    width: 175px;
}

.smalltable {
    border: 1px solid #ccc;
    width: 98% !important;
    background-color: #fff;
}

.clrtext {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.clrtext2 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #3a6b9b;
}

.clrtext3 {
    font-family: Arial Narrow;
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #2c7d0c;
}

.divborder {
    border: 1px solid #ccc;
    padding: 10px;
}

.smalltext {
    color: #000;
}

.paymentbox {
    background-color: #f2f2f2;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px
}

.paymentbluebox {
    background-color: #6699ff;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 12PX;
    padding: 15px;
}

.popcolum {
    padding-left: 0 !important;
    float: left;
}

.popcoluminput {
    height: 37px;
}

.market .nav-tabs {
    border-bottom: 2px solid #DDD;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li.active > a:focus, .market .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.market .nav-tabs > li > a {
    border: none;
    color: #666;
}

.market .nav-tabs > li.active > a, .market .nav-tabs > li > a:hover {
    border: none;
    background: transparent;
}

.market .nav-tabs > li > a::after {
    content: "";
    background: #19aa8d;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.market .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.market .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.market .tab-pane {
}

.market .tab-content {
    padding: 20px
}

/*New smartrecomdations start*/

.smartcenter {
    text-align: center;
    margin: auto;
}

.smartcenter p {
    text-align: center;
    margin: auto;
}

.smartcenterbg {
    background-color: #fff;
    width: 100%;
}

.smartheader {
    color: #967939;
    font-weight: bold;
}

.smartheader p {
    color: #000;
    font-weight: normal;
}

.smarthr {
    width: 50%;
    background-color: #ccc;
    border-color: #000
}

.smarthr2 {
    width: 200px;
    background-color: #ccc;
}

.smartfundtext {
    color: #167fda;
    font-size: 17px;
    font-weight: normal;
}

.smartfundtext p {
    color: #000;
    font-size: 13px;
}

.smartgreentext {
    color: #105a0d
}

.smartcenterlast {
    width: 233px;
    margin: 40px auto;
}

.expandtext {
    border: solid 1px #c3c3c3;
    width: 820px;
    margin: auto;
    cursor: hand;
}

.sspanel, .ssflip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    cursor: pointer;

}

.sspanel p {
    text-align: justify !important;
}

.sspanel {
    padding: 10px;
    cursor: hand;
    display: none;
    text-align: justify !important;
    font-size: 12px;
}

.input-number {
    font-size: 20px;
    height: 37px;
    padding: 0 12px;
    width: 150px;
}

@media only screen and (max-width: 768px) {

    .smartcenter {
        margin: -57px auto auto;
        text-align: center;
    }

    .input-number {
        margin-top: 5px;
    }

}

/*New smartrecomdations end */

@media only screen and (max-width: 640px) {
    .newdashtop {
        margin-top: 82px
    }

}

.Dash_graph_panel .highcharts-axis {
    display: none
}

/* custom inclusion of right, left and below tabs */

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 14px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.newdash_iname {
    margin-top: 24px;
    font-size: 12px;
    text-align: right;
    line-height: 15px;
    padding-right: 0;
}

.warning-triangle {
    width: 70px;
    margin-top: 25px;
}

.noInvestorText {
    font-size: 18px;
    font-weight: 400;
    margin-top: 25px
}

.el-buttons {
    margin-top: 25px;
    margin-bottom: 25px;
}

.elCancel {
    width: 175px;
    margin-right: 10px;
    font-weight: bold;
    color: #707070;
    height: 40px;
}

.elAddInvestor {
    width: 175px;
    margin-left: 10px;
    font-weight: bold;
    height: 40px;
    line-height: 25px;
    background-color: #55BE65 !important;
    border: 1px solid #55BE65 !important;
}

#investorListdata, #noInvestorList {
    display: none;
}

.eq-list-record label {
    font-weight: 500;
    color: #707070;
    vertical-align: middle;
}

.eqlistRadio {
    height: 20px;
    width: 20px;
    vertical-align: bottom;
    margin-right: 10px !important;
    vertical-align: sub;
}

.eqlist-header, .eqlist-footer {
    border: 0px !important;
}

.eqlist-footer {
    text-align: center;
}

.eqlist-proceed {
    width: 175px;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0px;
    margin-bottom: 10px;
}

.eqlist-modal-body {
    padding-bottom: 0px;
}

#investorList input[type="radio"]:checked + label::before {
    display: none !important;
}

@media only screen and (max-width: 980px) {

    .newdash_iname {
        text-align: center !important;
    }

}

/*---make payment new ui---*/

.mk-topbox {
    border: 1px solid #cfdcdf;
    padding: 5px 15px;
    font-weight: 400;
    color: #414141;
    font-size: 12px;
}

.mk-fsize {
    font-size: 24px
}

.mk-scheme {
    color: #428bca;
    font-size: 13px;
    line-height: 20px;
}

.mk-schemebtn {
    border-radius: 25px;
    border: 1px solid #9cc4e7;
    background: #dcefff;
    padding: 5px 15px;
    color: #1f629c;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal
}

#mk-tabs .nav-tabs {
    border-bottom: none
}

#mk-tabs .nav-tabs > li {
    margin-right: 10px;
    padding-left: 0px;
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) 10px 13px no-repeat #f8f8f8;
}

#mk-tabs .nav-tabs > li a, #mk-tabs .nav-tabs > li a:hover, #mk-tabs .nav-tabs > li a:focus {
    background: none;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: normal;
    padding-left: 25px;
    margin-left: 7px
}

#mk-tabs .nav-tabs > li.active {
    border: 1px solid #bfbfbf;
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) 10px 13px no-repeat #f8f8f8;
    position: static
}

#mk-tabs .nav-tabs > li.active a .arrow {
    background: url(//s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-top-arrow.png) 25px 27px no-repeat;
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 46px
}

#mk-tabs .nav-tabs > li.active > a, #mk-tabs .nav-tabs > li.active > a:hover, #mk-tabs .nav-tabs > li.active > a:focus {
    border: 0;
    background-color: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #22629a;
    font-weight: normal;
}

#mk-tabs .tab-content {
    border: 1px solid #428bca;
    margin-top: 5px;
    padding: 15px;
    padding-bottom: 0px;
    min-height: 330px;
}

.mk-pay-btn {
    background: #47a447;
    border-radius: 10px;
    border: 2px solid #d7caca;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px
}

.mk-blu-box {
    background: #428bca;
    padding: 30px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold
}

.mk-bm-box {
    border: 1px solid #cedbde;
    padding: 10px 20px 0 20px;
}

.mk-ra-lbl {
    font-weight: bold;
    font-size: 13px;
    color: #428bca;
    float: left;
}

.mk-ra-lbl span {
    font-weight: normal;
    font-size: 12px;
}

.mk-title {
    font-weight: bold;
    font-size: 14px;
    color: #414141;
    padding-bottom: 4px
}

.mk-p {
    font-size: 13px;
    color: #414141;
    padding-bottom: 15px;
    text-align: left
}

.mk-p-blue {
    font-size: 13px;
    color: #428bca;
    padding-bottom: 15px
}

.mk-neft-label {
    font-size: 12px;
    color: #428bca;
    font-weight: normal;
}

.mk-neft-input {
    height: 30px !important;
    border-radius: 0;
    box-shadow: none;
}

.mk-neft-input:focus {
    box-shadow: none
}

#mk-tabs .form-group {
    margin-bottom: 10px
}

.mk-neft-rtxt {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    margin-bottom: 5px;
    float: left;
    /* display: inline-block; */
    /* width: 25%; */
    margin-right: 30px;
}

.mk-neft-rtxt span {
    color: #428bca
}

.mk-show {
    float: left
}

.mk-foo {
    font-size: 10px;
    color: 5 a5a5a;
    padding-bottom: 0px
}

#mk-tabs .tab-pane {
    padding: 0
}

 .make-pay-radio input[type=checkbox] {
    display: none;
}

.make-pay-radio input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid #428bca;
    float: left;
    margin-top: 20px
}

.make-pay-radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #428bca;
    background-color: #fff;
    font-size: 1.8em;
    text-align: center;
    line-height: 15px;
    text-shadow: 0px 0px 3px #eee;
}

.make-pay-radio input[type=checkbox] + label:before {
    content: "";
    width: 25px;
    height: 15px;
    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico.png) no-repeat 0 50%
}

.make-pay-radio input[type=checkbox]:checked + label:before {
    content: "";
    width: 25px;
    height: 15px;

    padding-right: 25px;
    background: transparent url(https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/mk-select-ico1.png) no-repeat 0 50%
}

/*@media screen\0 {
.ie8910 {property:value;}
 .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
    display: block;
 }
 .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
        background: none;
 }
 .make-pay-radio input, .make-pay-radio label{
        float: left;
 }
}

@media \0screen {
    .ie8 {property:value;}
    .make-pay-radio input[type=radio], .make-pay-radio input[type=checkbox] {
          display: block;
         }
         .make-pay-radio input[type=checkbox] + label:before,.make-pay-radio input[type=checkbox]:checked + label:before  {
                background: none;
         }
         .make-pay-radio input, .make-pay-radio label{
                float: left;
         }

}*/

#mk-tabs select {

    /* styling */
    background-color: white;
    /* border: thin solid blue;*/
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  
}

/* arrows */

#mk-tabs select.classic {
    background-image: linear-gradient(45deg, transparent 50%, #555555 50%),
    linear-gradient(135deg, #555555 50%, transparent 50%),
    linear-gradient(to right, #c2c2c2, #c2c2c2);
    /*background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      100% 0;*/
    background-position: calc(100% - 15px) calc(1em + -2px),
    calc(100% - 10px) calc(1em + -2px),
    100% 0;
    background-size: 5px 5px,
    5px 5px,
    2.1em 2.1em;
    background-repeat: no-repeat;
    border-radius: 0;
    height: 30px;
}

#mk-tabs select.classic:focus {

    box-shadow: none
}

.mk_pymt_mobile_view {
    padding: 10px;
}

/*================ nonreguserheader ========*/

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .newplanux #confirmation .table thead > tr > th, .newplanux #confirmation .table tbody > tr > th, .newplanux #confirmation .table tfoot > tr > th, .newplanux #confirmation .table thead > tr > td, .newplanux #confirmation .table tbody > tr > td, .newplanux #confirmation .table tfoot > tr > td {
        padding: 15px 0 15px 8px ! import;
    }

    #confirmation .ibox-content .table thead > tr > th {
        padding-left: 8px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .make-pay-radio input[type=checkbox]:checked + label:before {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .mk-neft-border {
        border-right: 1px solid #c9c9c9
    }

    .mk-neft-pad {
        padding-right: 15px
    }

    .mk-neft-pad1 {
        padding-left: 0px;
        margin-top: 15px;
    }

    .mk-width {
        width: 90%;
        max-width: 1100px
    }

}

@media only screen and (max-width: 980px) {

    .mk-pay-btn {
        margin-bottom: 20px
    }

}

@media only screen and (min-width: 480px) {

    .mk-show {
        float: right
    }

}

@media only screen and (max-width: 480px) {
    .mk-ra-lbl {
        padding-left: 0
    }

    #mk-tabs .nav-tabs > li.active a .arrow {
        display: none
    }

    #mk-tabs .nav-tabs > li {
        margin-bottom: 10px;
        width: 100%
    }

    .mk-fsize {
        clear: both;
        font-size: 18px;
    }

    .mk_pay_arrow_img {
        display: none;
    }

}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .color-swatch {
        border-radius: 3px;
        float: left;
        height: auto;
        width: 100%;
        margin: 15px 0px;
        padding: 15px;
        color: #fff;
    }
}

/*	FATCA Form: Dashboard fancy box pop up - Start	*/
.select-style-popup {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #fff;

    background: #fff url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop.jpg") no-repeat 100% 0%;
}

.select-style-popup select {
    padding: 6px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup select:focus {
    outline: none;
}

.select-style-popup1 {
    padding: 0;
    margin: 0;
    border: 1px solid #a2a2a2;
    width: 100%;

    overflow: hidden;
    background-color: #eaeaea;

    background: #eaeaea url("https://s3-ap-southeast-1.amazonaws.com/fundsindia/images-new/popup-drop1.jpg") no-repeat 100% 0%;
}

.select-style-popup1 select {
    padding: 2px 8px;
    width: 100%;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-popup1 select:focus {
    outline: none;
}

.po-show {
    background: #eaeaea;
    padding: 12px 0 3px 0
}

.po-submit {
    border-radius: 3px;
    background: #5cb85c;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit2 {
    border-radius: 3px;
    background: #3a963a;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

.po-submit3 {
    border-radius: 3px;
    background: #2f2e2e;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 40px;
}

a:hover.po-submit {
    color: #fff;
}

.popover-content {
    font-size: 12px;
    color: #000;
    font-weight: normal
}

.popover-title {
    color: #000;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.popover {
    max-width: 550px;
}

.po-countr {
    color: #428bca;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px
}

.po-countr-mo {
    display: none !important
}

.logoutmobile {
    display: none;
}

@media only screen and (max-width: 768px) {

    .po-countr {
        color: #428bca;
        font-size: 12px
    }

    .logoutmobile {
        display: none;
        margin-left: 17px;
    }

    .navbar-nav > li > a {
        line-height: 17px;
    }

    .bs-docs_nav .nav li a {
        color: #d4d4d4;
        font-size: 15px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 767px) {

    .logoutmobile {
        display: block;
        margin-left: 17px;
    }

}

@media only screen and (max-width: 640px) {

    .select-style-popup {
        margin-bottom: 12px
    }

    .select-style-popup1 {
        margin-bottom: 12px
    }

    .po-show {
        background: #eaeaea;
        padding: 12px 15px 10px 15px;
    }

    .popover {
        max-width: 300px;
    }

    .po-countr-mo {
        display: block !important
    }
}

.po-warning {
    border-radius: 3px;
    background: #F0AD4E;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding: 5px 40px;
}

/*	FATCA Form - End	*/

.scrollable_content {
    overflow: auto;
    position: relative;
    padding: 20px 20px 52px 20px;
    max-width: 100%
}

.bottom-position {
    /* margin-top: 28px; */
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 9999;
}

.leftnav_active_page {
    background: #b6e2d9 !important;
}

.mf_search_funds_tab > li > a, .mf_search_funds_tab > li.active > a {
    padding: 10px 40px 10px 40px !important;
    border: none !important;
}

.newplanux .white-rightcontainer {
    margin-right: 0px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 20px;
}

#monthlyAmount {
    background-position: 6px 10px;
}

.pickyourgoal .custom-btn {
    margin: 7px 0px 0px 10px;
}

.terms a {
    color: #4e62b7
}

.newplanux .terms {
    margin-bottom: 40px;
}

@media all and (max-width: 768px) {
    .bottom-position {
        /* margin-top: 28px; */
        position: absolute;
        right: 23px;
        bottom: 19px;
        z-index: 99;
    }
}

/* Super savings Web view only  */
@media (min-width: 768px) {

    .supersavings-mobile-container .form-group {
        margin-right: 0;
        margin-left: 0;
        width: 25%;
        float: left;
    }

    .supersavings-mobile-container .form-group label {
        width: 100%;
        text-align: left;
    }

    .supersavings-mobile-container .form-group .control-field {
        margin-top: 20px;
        width: 100%;
    }

    .supersavings-mobile-container .form-group.tot_amt_div {
        clear: both;
        width: 50%;
        float: right;
        max-width: 430px;
        margin-top: 20px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div label {
        width: 33.3333%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container .form-group.tot_amt_div .control-field {
        width: 66.6666666%;
        float: left;
        margin-top: 0px;
    }

    .supersavings-mobile-container {
        overflow: hidden;
    }
}

@media (max-width: 767px) {

    /* Super Savings Mobile Section */
    .supersavings-mobile-container .control-label {
        text-align: right;
        color: #8e6e31;
        padding-top: 0px;
    }

    .xstext {
        font-size: 11px;
    }
}