/*body {margin:0 auto;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:16px;} */
.calarea {border: 1px solid #ddd;border-radius: .3rem;}

/*New Chart*/
.chartcontainer { display: flex; align-items: center; justify-content: center;}
.chartcontainerNew { display: flex; align-items: center; justify-content: center;}
#chart,#FDChart,#EMIChart,#RDChart { /*height: 450px;*/ height: 330px; width: 330px; display:none; }
.chartBody{margin-top: -30px;}

.Callinkbox,.Calbox{width:37%; float:left; min-height:450px; background:#fff;padding:15px;}
.CallinkboxNew,.CalboxNew{width:40%; float:left; background:#fff;padding:0px;}
.Calbox {width:63%;}
.CalboxNew {width:58%;padding-left:2%;}

.CalboxNewsa {width:99%;padding-left:2%;}
.CallinkboxNew{padding-top:-15px;}
.calClear {clear:both;}
.calLinkholder{width:100%;padding-bottom:10px;}
.calLinks ,.calLinksActive{/*width:33.3%;*/width:25%;padding:20px 1%;font-size:18px;color:#162b68;text-align:center;font-weight:normal;float:left;
                           border:solid 1px #ddd;border-top:0;border-right:0;cursor:pointer;text-decoration:none;}

.calLinks:first-child{border-left:0;}
.Callinkbox a:link{text-decoration:none; }
.calLinksActive {background:#0089cf;color:#fff;}
.calLinksActive:hover{color:#fff;}

.calLinks:hover {background:#d5dffb;}

.Rangeblock {padding:0px 0 10px 0;min-height:50px;}
.Rangeblocksa{padding-right:10px;}

.Rangeblockbtn {padding:0px 0 5px 0;}
.Rangetext {text-align:left;font-size:15px;font-weight:normal;color:#555556;padding:10px 0;}
.Rangetxtbox {float:right;height:25px;border:solid 1px #00d09c;border-radius:5px;width:115px;}
.Rangeddl {height:auto;display:inline-block;width:auto;margin-bottom:10px;}
.RangeBtn, .RangeBtnApply {
    min-width: 148px;
    padding: 10px 20px;
    /*background: #989898;*/
    background: #757575;
    color: white;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    float: left;
    border-radius: .3rem;
    margin: 15px 5px;
    -webkit-transition: .2s;
    transition: opacity .2s;
    text-transform: uppercase;
}
.RangeBtnsa  {min-width:148px;padding:10px 20px;background: #989898;color:white;font-weight:600;

text-align:center;cursor:pointer;float:right;border-radius:.3rem;

-webkit-transition: .2s;transition: opacity .2s;text-transform:uppercase;}
a.RangeBtnApply {
    background: #5F7F1F;
    color: #fff;
}
.RangeBtn:hover {color:#fff;background: #6b6b6b;}
a.RangeBtnApply:hover {color:#fff;background: #639212;}



.Calamount,.CalamountNew {padding:0;color:white;text-align:center;margin:10px 0 0 0;font-size:15px;font-weight:normal;}
.CalamountNew{margin:0px 0 0 0;}
.CalamountTxt {padding:0;text-align:center;margin:5px 0 0 0;font-size:14px;font-weight:normal;}
#emitxt,#fdtxt,#rdtxt {display:none;}
.calstar {
    /*color:red;*/
    color: #E60000;
    font-weight: 600;
}
.CalamountBlock, .CalamountBlockNew {
    float: left;
    width: calc(95% / 3);
    margin: 5px;
    padding: 1% 0;
    background: #007AB8; /*background: #6b6b6b;*/
    border-radius: .3rem;
}
.CalamountBlock span,.CalamountBlockNew span {font-size:28px;line-height:40px;}
.CalamountBlockFull {float:left;width: 45%;margin: 5px;padding: 1% 0;background: #0394de;border-radius: .3rem;}
.CalamountBlockFull span {font-size:28px;line-height:50px;}
/*range*/

.calslider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border: 1px solid #e2e2e2;
  background: #e1e1e6;
  outline: none;
  opacity: 1.0;
  -webkit-transition: .2s;
  transition: opacity .2s;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.calslider:hover {
  opacity: 0.7;
}
.calslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #044062;
  background: #0089cf;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
  box-shadow: 0 1px 3px rgba(0,0,0,.2);    
  cursor: pointer;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  border-top: 1px solid #fff;
  border-color: rgba(255,255,255,.3);
}
@media only screen and (max-device-width: 480px)
{
    .Callinkbox {width:96%;float:none;min-height:10px;}
    .Calbox {width:96%;float:none;padding:5% 2%;min-height:100px;}
    .CallinkboxNew {width:96%;float:none;min-height:10px;}
    .CalboxNew {width:96%;float:none;padding:5% 2%;min-height:100px;}
    .CalamountBlock {float:none;width:98%;}
    .calLinks ,.calLinksActive{width:31%;padding:20px 1%;font-size:15px;}
    .calSpanActive{width:100%;padding:20px 1%;font-size:15px;}
    .calLinks ,.calLinksActive{width:30%;}
    .calSpanActive{width:100%;}
    .CalamountBlockNew{float:none;width:99%;}
    .CalamountBlockFull{float:none;width:99%;}
}
@media only screen and (max-device-width: 920px)
{
    .Callinkbox {width:100%;float:none;min-height:10px;}
    .Calbox {width:100%;float:none;padding:5% 2%;min-height:100px;} 
    .CallinkboxNew {width:100%;float:none;min-height:10px;}
    .CalboxNew {width:100%;float:none;padding:5% 2%;min-height:100px;} 
    
}
@media only screen and (min-device-width: 531px) and (max-device-width: 630px)
{
    .CalamountBlockNew {float:left;width: calc(94% / 3);margin: 5px;padding: 1% 0;background: #0394de;border-radius: .3rem;}
    .CalamountBlockNew span {font-size:24px;line-height:50px;}
    .CalamountBlockFull{float:left;width:99%;}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 530px)
{
    .CalamountBlockNew {float:left;width: calc(90% / 3);margin: 5px;padding: 1% 0;background: #0394de;border-radius: .3rem;}
    .CalamountBlockNew span {font-size:20px;line-height:50px;}
    .CalamountBlockFull{float:left;width:99%;}
}

/*------- 19-JUN-2021 --------*/
.calareaFull{border: 1px solid #ddd;border-radius: .3rem; border:none;}
.calSpanActive{width:100%;padding:10px 1%;font-size:18px;color:#162b68;text-align:center;font-weight:normal;float:left;
                           border:solid 1px #ddd;border-top:0;border-right:0;cursor:pointer;text-decoration:none; 
                           border-radius: .3rem;}
.calSpanActive {background:#0089cf;/*font-style:italic;*/color:#fff;}
.calSpanActive:hover{color:#fff;}
@media only screen and (max-device-width: 480px)
{
    .calSpanActive{width:100%;padding:20px 1%;font-size:15px;}   
    .calSpanActive{width:100%;}
}
.Calamount p {color:black;}
.Rangeddl2 {height:auto;display:inline-block;width:200px;margin-bottom:10px; float:right;}
.spTotM { font-size:16px; font-weight:bold;}
.spLabel{float:left; width:50%}
.RangeBtn2 {min-width:100px;padding:15px 20px;background: #7bad25;color:white;font-weight:600;text-align:center;
           cursor:pointer;float:right;-webkit-transition: .2s;transition: opacity .2s;text-transform:uppercase;border-radius:.3rem; margin-top:-3rem;}
.RangeBtn2:hover {color:#fff;}
.ptm{float:left;}
.chartBody2{height: 450px; width: 350px; }
.Rangeblock2 {/*padding:0px 0 20px 0;*/ min-height:50px;}
.btnC{text-align:right;}
@media only screen and (max-device-width: 570px)
{
    .spLabel{float:left; width:100%}
	.btnC{text-align:center;}
}
@media(max-width: 991px){
	.ptm{margin-bottom:20px; width:100%;}
	.RangeBtn2{
		float: none;
		width: 180px;
		margin: auto;
		margin-top:0rem;
	}
    .CallinkboxNew, .CalboxNew {
        width: 100%;
    }
}
.yearRange{
    padding:10px 5px;
    margin:0px;
    background-color:#ebebeb;
}
.yearRangeChild
{
    padding:5px 0px;
    margin:0px 0px;
}
.yearAmount { margin-bottom:10px; }
.card-body-new{flex:1 1 auto;min-height:1px;padding:0.30rem;}
/*--- 08-05-2023 ---*/
.apr-r-block {
    display: inline-flex;
    float: right;
    font-size:16px;
}
.apr-main {
    display: inline-flex;
    vertical-align: middle;
}
.aprpblock span{
    font-size:40px;
}
@media(max-width: 991px) {
    .apr-r-block, .apr-main {
        display: block;
    }
    .aprpblock span {
        font-size: 35px;
    }
}
@media(max-width: 575px) {
    .apr-r-block, .apr-main {
        display: block;
    }
    .aprpblock span {
        font-size: 35px;
    }
    .Calbox {
        width: 98%;
    }
    .Callinkbox {
        width: 98%;
    }
    .CalamountBlock, .CalamountBlockNew {        
        width: 98%;        
    }
}
.aprpblock {
    padding: 1% 0;
    background-color: #808080;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin: 5px;
}
.apr-i-block {
    float: right;
    background-color: #808080;
    padding: 1% 0;
    margin: 5px;
    color: white;
    text-align: center;
    font-size: 15px;
}
.apr-calbox {
    width: 100%;
    /*background-color: #d7ecf7;*/
    padding: 25px 10px;
    border-radius: 5px;
}
.apr-cal-btn{background-color:#0089cf;}
.intst-block {
    background: #005eb1;
}