﻿@charset "utf-8";
/* CSS Document */

* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	 margin:0px auto; padding:0px;
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
}

/*---------------------------------------------*/
a {
	font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
}

/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}
hr{ margin-top: 0.5rem;
border-color:#f3495f!important;}

body{background:#3a4385;}
.topmargin{margin-top:62px;}
.greybg{background:#f2f2f2!important; border-radius:15px!important;padding:0px 5px;}
.card-title{ text-transform: uppercase; color:#3a4385; font-size: 1.3rem; margin-bottom: .5rem !important;}
.card-body {padding:1rem 1rem .6rem 1rem !important;}
.card-body p{ color:#000!important; line-height:24px; text-align:left;}
.calc{margin-bottom:15px;}
.calc span{ font-size:15px!important; font-weight:bold;}
.calc p{ font-size:12px!important; margin-bottom:0 !important}
.calcrow h5{font-size: 1rem;}
.greydiv{ background:#e3e3e3; }
.lightbluediv{background:#d2e1f6;}
.whitediv{background:#fff; }
.redtxt{color:#bc353b;}
.pinktxt{color:#e65a6e;}

.redbg{background:#bc353b; color:#fff; font-size:1rem; padding-top: .1rem;}
.br-ltb{border-radius:6px 0 0 6px;padding-top: 10px;}
.br-rtb{border-radius:0 6px 6px 0;font-size: .85rem; padding: .2rem .5rem;}
.bluetxt{color:#3a4385;}

.main-title {
    font-weight: 600 !important;
}
.f-9 {
    font-size: .9rem;
}
 .slider.slider-horizontal .slider-track {
    height: 8px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}
.slider-track {
    position: absolute;
    cursor: pointer;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-image: linear-gradient(to bottom,#edfcff 0,#f9f9f9 100%);
}
 .slider-selection {
	background: #3a4385 !important;
}
.slider-success .slider-selection {
	background-color: #5cb85c !important;
}
.slider-primary .slider-selection {
	background-color: #428bca !important;
}
.slider-info .slider-selection {
	background-color: #5bc0de !important;
}
.slider-warning .slider-selection {
	background-color: #f0ad4e !important;
}
.slider-danger .slider-selection {
	background-color: #d9534f !important;
}
.slider.slider-horizontal {
    width: 100% !important;
    height: 20px;
}
.slider-handle {
	background-color: #fff !important;
	background-image: none !important;
	-webkit-box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important;
	-moz-box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important;
	box-shadow: 1px 1px 10px -2px rgba(0,0,0,0.75) !important;
	border:5px solid #3a4385;
}

.slider-strips .slider-selection {
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important;
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; 
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #bdbdbd !important;
    text-align: center;
    background-color: transparent !important;
    border-radius: 4px;
}
.tooltip.top .tooltip-arrow {
    display: none !important;
}
.slider .tooltip.top {
    margin-top: -25px !important;
}
.well {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: 100% !important;
	padding: 0;
}
.slider-ghost .slider-track {
	height: 5px !important;
}
.slider-ghost .slider-handle {
	top: -2px !important;
	border: 5px solid #f77500;
}
.slider-success.slider-ghost .slider-handle {
	border-color: #5cb85c;
}
.slider-primary.slider-ghost .slider-handle {
	border-color: #428bca;
}
.slider-info.slider-ghost .slider-handle {
	border-color: #5bc0de;
}
.slider-warning.slider-ghost .slider-handle {
	border-color: #f0ad4e;
}
.slider-danger.slider-ghost .slider-handle {
	border-color: #d9534f;
}
.slider.slider-disabled .slider-handle {
    background-repeat: repeat-x;
    border: 5px solid #dfdfdf;
    background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
}
.calcrow{margin:0px; padding:0px;}
@media only screen and (min-width: 768px) and (max-width: 994px) {
  .calcrow .col-md-4 {
   max-width: 100%!important; display:block!important;flex: 0 0 100%!important;
}
    #piechart_3d {
        width:300px !important;
    }
}
@media only screen and (min-width:320px) and (max-width: 767px) {
 
    #piechart_3d {
        width:300px !important;
    }
    .br-ltb{
        border-radius: 6px 6px 0 0 !important;
        padding-top: 0 !important;
    }
    .br-rtb {
        border-radius: 0 0 6px 6px !important;
    }
}
#chartdiv {
	width: 95%;
	height: 265px;
	position: relative;
	font-size: 11px;
}
.txtdiv {
	width: 50%;
	font-size: 0.7rem;
}
.fblue {
	color: #2A7DC8;
	font-size: 0.8rem;
  }
  .foran {
	color: #89483C;
	font-size: 0.8rem;
  }
 .inner-shadow{
	border: 1px solid #dddbdb;
-moz-box-shadow: inset 0 0 10px #cac7c7;
-webkit-box-shadow: inset 0 0 10px #cac7c7;
box-shadow: inset 0 0 10px #cac7c7;
padding: 5px 2px;
 }
 .greydiv h5{
	 line-height: 1.6rem;
 }
 .redbg img{
	 width:22px;
 }
 #cvs{
	 width:300px;
 }
.legendValue {
    position: relative;
    top: -2rem;
    font-size: 0.7rem;
}
.value-txt {
    padding-left: 4.5rem;
}
.value-txt-right {
    padding-left: .6rem;
}
#spanAnnuity {
    color: #3a4385;
    font-size: .75rem;
}  
#spanLumpsum {
    color: #3a4385;
    font-size: .75rem;
    
}
#spanAnnuitysymbol {
    padding-left: .9rem;
    color:#3a4385;
}
#spanLumpsumsymbol {
    padding-left: .9rem;
    color:#3a4385;
}
.fa-rupee:before, .fa-inr:before {
    padding-right: 3px;
}
#montlypension .fa-inr:before {
    font-size: 14px;
}
#contribution .fa-inr:before {
    font-size: 14px;
}
p.card-text {
    margin-bottom: .8rem;
}

.btn-dblue{
    line-height: 1rem !important;
    border-radius: 6px;
    background-color: #3a4385;
    color: #fff;
    text-transform: capitalize;
    width: 120px;
    padding: 8px;
    font-size: .9rem;
 }
 .btn-dblue:hover{
     color:#fff;
 }