@charset "utf-8";
/* CSS Document */
body {
    color: #666!important;
    font-size: 14px!important;
    line-height: 1.42857!important;
}
.my_option i.iactive{ background-position:right -13px top 5px; width:23px;}
.my_option{
    color:#ffffff!important;
}
.pull-right {
    color: #ffffff !important;
}
.multiselect {
width: 94%;
float:right;
}
.selectBox {
position: relative;
}
.selectBox select {
width: 100%;
font-weight: bold;
}
.overSelect {
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
}
#checkboxes {
display: none;
border: 1px solid #ddd;
position:absolute;
z-index:99999;
/*left: -32px;*/
right:15px;
}
.selecttable{
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
background:white;
}
.selecttable td, .selecttable th {
border: 1px solid #ddd;
text-align: left;
padding: 8px;
}
.selecttable tr:nth-child(odd) {
background-color: #e7f3ff;
}   
.caclulator {
    overflow: hidden;
    padding: 20px 0;
}
.caclulator .left-box {
    background: #fafafa none repeat scroll 0 0;
    overflow: hidden;
    padding-bottom: 10px;
}
.caclulator .full {
    border-bottom: 1px dashed #afafaf;
    overflow: hidden;
    padding: 5px 15px;
    width: 100%;
}
.caclulator .left-box h1 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #388bc5 24%, #1f71c2 100%) repeat scroll 0 0;
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 5px 15px;
}
.caclulator .left-box .full .one-half {
    float: left;
    width: 25%;
}
.caclulator .left-box .full a {
    color: #666;
    font-size: 14px;
    line-height: 1.42857;
}
.cal-name {
    border-bottom: 3px solid #666666;
    font-size: 18px!important;
    font-weight: bold;
    margin-bottom: 20px;
}
.cal-inner-left {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 0 0 4px rgba(206, 203, 203, 0.54);
    margin-bottom: 15px;
    overflow: hidden;
    
}
.cal-inner-left .box {
    border-bottom: 1px solid #dddddd;
    padding: 15px 30px;
    font-size: 14px;
    line-height: 1.42857;
}
.cal-inner-left .box p {
    font-weight: bold;
}
.cal-inner-left .user-input .form-control {
    margin-bottom: 20px;
    max-width: 250px;
}
/*.cal-inner-left .range {
    margin-bottom: 10px;
    width: 100%;
}
.cal-inner-left .range input[type="range"] {
    background-color: rgba(255, 0, 0, 0.5);
    height: 5px;
}*/
.sche-year {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #dddddd;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 5px;
}
.cal-inner-right .graph-info {
    border: 1px solid #666;
    border-radius: 5px;
    margin: 10px auto auto;
    max-width: 225px;
    padding: 10px;
    text-align: left;
}
.cal-inner-right .graph-info p {
    margin-bottom: 2px;
}
.bold {
    font-weight: bold;
    font-size: 14px;
}
.cal-inner-right .total-amt {
    background: #76b8f4 none repeat scroll 0 0;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle;
    width: 21px;
}
.cal-inner-right .total-amt {
    background: #76b8f4 none repeat scroll 0 0;
    display: inline-block;
    height: 11px;
    margin-right: 5px;
    width: 21px;
}
img {
    max-width: 100%;
}
.cal-inner-right .graphbox {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 0 0 4px rgba(206, 203, 203, 0.54);
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px;
}
.cal-inner-right .total-growth {
    background: #a4d035 none repeat scroll 0 0;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle;
    width: 21px;
}
.cal-inner-right ul a {
    color: #666666;
    font-size: 14px;
    line-height: 1.42857;
}
.cal-inner-right .glyphicon {
    margin-right: 5px;
}
.f-18 {
    font-size: 18px!important;
}
.cal-inner-right .box-inner {
    border-bottom: 1px solid #dddddd;
    padding: 12.5px;
}
.cal-inner-right ul {
    margin-bottom: 0;
}
.cal-inner-right ul a {
    color: #666666;
}
.cal-inner-right .glyphicon {
    margin-right: 5px;
}
.cal-inner-right .box {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 0 0 4px rgba(206, 203, 203, 0.54);
    margin-bottom: 15px;
    overflow: hidden;
}
.cal-inner-right .box {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 0 0 4px rgba(206, 203, 203, 0.54);
    margin-bottom: 15px;
    overflow: hidden;
}
.form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
label {
    display: inline-block!important;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
     font-size: 14px!important;
}
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px!important;
}
p{
     font-size: 14px!important;
    line-height: 1.42857!important;
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width:800px;
     
      background-color: #76B8F4;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 15px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 10px;
      -webkit-appearance: none;
      height: 20px;
      cursor: ew-resize;
      background: #3071A9;
      box-shadow: -80px 0 0 80px #3071A9;
    }

}
input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #3071A9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071A9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #3071A9;
}
#sippiechart {
  /*  border: 1px solid #DDDDDD;*/
    float: left;
    height: 170px;
    overflow: hidden;
    width: 100%;
    margin-bottom:10px;
    text-align:center;
}
.steps {
    border-color: rgba(0, 0, 0, 0);
    border-style: none solid;
    border-width: 0 1px;
    margin: 0 0 35px !important;
    position: relative;
    width: 100%;
}
.tick {
    color: #000000;
    font-size: 11px;
    height: 11px;
    left: 0;
    line-height: 11px;
    margin-left: -24px;
    position: absolute;
    text-align: center;
    width: 48px;
}
.slider-selection {
    background: #76B8F4;
}
.slider-track {
    background-color: #9A905D ;
    background-image: none;
}

.slider {
    margin-top: 20px;
}
.marker {
    color: #777;
    font-size: 0.9em!important;
    font-weight: bold;
    line-height: 1.3em;
}
.download_calc{
    padding:10px;
    text-align:center;
}

.equity table tr td {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    text-align: right;
     border-collapse: collapse;
}
.equity {
    padding: 0 7px;
    width: 98%;
}
.throw{
    background:#A2C3DC;
}
.fundtable tr:nth-child(2n) {
    background: rgba(206, 224, 243, 0.64) none repeat scroll 0 0;
}
 .tooltip1 {
            /*border-bottom: 1px dotted #000000; color: #000000; outline: none;*/
            cursor: help; text-decoration: none;
            position: inherit;
        }
        .tooltip1 span {
            margin-left: -999em;
            position: absolute;
        }
        .tooltip1:hover span {
            border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
            font-family: Calibri, Tahoma, Geneva, sans-serif;
            position: absolute; left: 1em; top: 2em; z-index: 99;
            margin-left: 0; width: 230px;
        }
        .tooltip1:hover img {
            border: 0; margin: -10px 0 0 -55px;
            float: left; position: absolute;
        }
        .tooltip1:hover em {
            font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
            display: block; padding: 0.2em 0 0.6em 0;
        }
        .classic { padding: 0.8em 1em; }
        .custom { padding: 0.5em 0.8em 0.8em 2em; }
        * html a:hover { background: transparent; }
        .classic {background: #FFFFAA; border: 1px solid #FFAD33;width:287px!important; }
        .critical { background: #FFCCAA; border: 1px solid #FF3334; }
        .help { background: #9FDAEE; border: 1px solid #2BB0D7; }
        .info { background: #9FDAEE; border: 1px solid #2BB0D7; }
        .warning { background: #FFFFAA; border: 1px solid #FFAD33; }
#emipiechart {
    float: left;
    height: 156px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}



@media (max-width: 767px){
.caclulator .full{
 padding: 0px !important;
 border-bottom: 0px dashed #afafaf;
}
.caclulator .left-box .full .one-half{
width:50%;
padding: 5px 10px;
border-bottom: 1px dashed #afafaf;
}
}

@media (max-width: 400px){
.caclulator .left-box .full .one-half{
width:100%;
}
}


.graw{
background:#f9f9f9;
}

.main-container .full{
width: 100%;
margin: 0 auto;
margin-bottom: 40px;
padding: 15px 0px;
background: url(/images/upper-shade1.gif) top repeat-x;
border: 1px solid #e2e2e2;
border-bottom: 1px solid #d4d4d4;
overflow: hidden;
font-family: 'Roboto Condensed';
}
    .fundperfonmance .one-4{
width: 33.33333333%;
float:left;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
.fundperfonmance .one-1{
width: 7.33333333%;
float:left;
padding-right: 15px;
padding-left: 15px; 
}
    
    .lb{
        background: #e7f3ff ;
    }
.fund span{
padding-top: 5px;
display:inline-block;
font-weight:bold;
}
.fund select{
width:150px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
vertical-align:top;
margin-left:5px;
}
.blue{
    color:#337ab7;
}
.blue a:link{
   color:#337ab7!important; 
}
.blue>a{
  color:#337ab7!important;   
}

.fund-detail, .fund-detailouter{
padding: 8px 0px;
border-bottom: 1px solid #dddddd;
}
.fund-detail:nth-child(2n+1) {
background: rgba(173,216,230, 0.64) none repeat scroll 0 0 !important;
}
.fund-detail:nth-child(2n) {
background: #ffffff !important;
}
.fundname{
position:relative;
}
.whythismf{
display:none;
}
.fundname:hover .whythismf{
display:block;
color:#337ab7;
border: 1px solid #337ab7;
padding: 2px 4px;
position: absolute;
right: 0px;
top:0px;
font-weight: normal;
border-radius: 2px;
}
.closewhythismf{
display:none;
}
.fundname:hover .closewhythismf{
display:none;
color:#337ab7;
border: 1px solid #337ab7;
padding: 2px 4px;
position: absolute;
right: 0px;
top:0px;
font-weight: normal;
border-radius: 2px;
}
.fundperfonmance .opendetail{
padding-top:15px;

}
.mt-10 {
    margin-top:10px;
}
.opendetail .extrainfo{
border-bottom: 1px solid #dddddd;
padding-bottom: 20px;
margin-bottom: 20px;
}
.fundperfonmance .grawhover{
border-bottom:1px solid #dddddd;
}
.fundperfonmance .grawhover:hover{
background:#f9f9f9;
}

@media (min-width: 992px){
.navbar-nav>li>a {
padding: 8px 12px !important;
}
}
@media (min-width: 768px){
.navbar-brand{
display:none;
}
.showmob{
display:none;
}
}
@media (min-width: 1200px){
.container {
width: 1020px !important;
overflow:hidden;
}
.navbar-nav>li>a {
padding: 8px 14px !important;
}
}


@media (max-width: 992px){
.navbar-nav>li>a {
padding: 8px 3px !important;;
font-size: 14px;
}
.fundperfonmance{
font-size:13px;
}

}


@media (max-width: 768px){
.right,.center {
text-align:center;
}
.wealth_e_logo{
margin-top:20px;
}
.navbar-inverse{
background:#2577c6 !important;
}
.navbar-nav {
margin: 7.5px  0px !important;
}
.navbar-nav>li>a{
border-right:0px !important;
}
.nav{
padding:0px 10px;
}
.n1, .n2{
display:none;
}
.fundperfonmance .one-1{
width:11.04%;
}
}

@media (max-width: 550px){
.n3, .n4 , .n5{
display:none;
}
.fundperfonmance .one-4{
width:46%;

}
.fundperfonmance .one-1{
width:18%;
}
}
.whythismf.whythismf1 {
    right: 98px !important;
    background: #FFFFAA;
}

.paddtb-10{
padding-top:10px;
padding-bottom:10px;
}
.container-inner{
max-width:1024px;
margin:auto;
border:2px solid black;
padding-left:15px;
padding-right:15px;
margin-top:10px;
}
.per-report .per-top{
background:#fbfbfb;
border-bottom:2px solid black;
margin-bottom:10px;
}
.per-report .per-top .border-right{
border-right:2px solid black;
}
.per-report .f-15{
font-size:15px;
}
.per-report .f-13{
font-size:13px;
}
.per-report .mb-0{
margin-bottom:0px;
}
.per-report .contact-detail{
color:#0000ff;
}
.per-report .logo{
font-size: 22px;
text-align: center;
font-weight: bold;
margin-top: 21px;
}
.per-report .report-head{
font-size: 22px;
color: #0070c0;
margin-top: 20px;
font-weight: bold;
text-align:center;
}
.per-report .birla-sun{
font-size: 16px;
color: #0070c0;
margin-top: 10px;
font-weight: bold;
text-align:center;
}
.per-report .max-600{
max-width:600px;
margin:auto;
}
.per-report .table{
margin-bottom:10px;
}
.per-report .table, .per-report th, .per-report td{
border: 1px solid #cacaca !important;
border-collapse: collapse;
margin-top: 10px;
font-size: 13px;
font-family: arial;
text-align: center;
vertical-align: middle !important;
padding:4px !important;
}
.per-report .table thead{
background: linear-gradient(#2678b7 , #23558d);
color:white;
}
.per-report .table .f-16 td{
font-size:16px;
font-weight:bold;
}
.per-report .fundtable .table tr:nth-child(even) {
background-color: #f1f1f1;
}
.per-report  .note{
font-style: italic;
text-align: left;
margin-bottom:15px;
}
.highcharts-button-symbol {
    display: none;
}