.emi-container {width:300px;min-height:630px;font-family:verdana}#osemi-header {background:#000;margin:-1px 0 0 -1px;height:38px;width:300px;padding:0;border:0 none;color:#fff;text-align:center;line-height:35px;font-size:20px}
#emi-container-full {width:100%;height: auto;font-family:verdana}#osemi-header {background:#000;margin:-1px 0 0 -1px;height:38px;width:300px;padding:0;border:0 none;color:#fff;text-align:center;line-height:35px;font-size:20px}
.osemi-term {padding-top:10px;float:left;width:50px;margin-bottom:8px}
.osemi-term input[type=text] {width:50px}
.osemi-tenurechoice {float:right;height:32px;margin: 0px -7px 0 5px;padding-top:5px;width:75px}
.emi-container table tr td {font-size:12px}
#emi-container-full table tr td {font-size:12px}
#container1 {margin-left: -43px;width:500px;margin-top:10px;height:250px;text-align:left;line-height:normal;z-index:0;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Helvetica, Arial, Verdana, sans-serif;font-size:13px;font-weight:400;color:#888}
.emi-container #interest_rate,.emi-container #tenure {margin:0 0 0 10px;width:45px}
#emi-container-full #interest_rate,.emi-container-full #tenure {margin:0 0 0 10px;width:45px}
#outstanding_principle {margin:0 0 0 10px;width:79px}
tr.intrate span,tr.outstanamount span {background:none repeat scroll 0 0 #EDEDED;border-bottom:1px solid #DBDAD7;border-left:0 none;border-right:1px solid #DBDAD7;border-top:1px solid #DBDAD7;display:inline-block;height:32px;line-height:32px;margin:0;padding:0;text-align:center;vertical-align:top;width:35px}
.emi-form input[type="text"] {background:none repeat scroll 0 0 #FFF;border:1px solid #DBDAD7;box-shadow:1px 1px 4px #F4F4F4 inset;font:normal 13px/1.5 Helvetica, Arial, Verdana, Sans-serif;height:32px;line-height:32px;padding:0 10px;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}
#osemi-summary {background:none repeat scroll 0 0 #FFF;border-bottom:1px solid #DBDAD7;clear:both;float:left;height:200px;margin:0;width:298px;overflow:hidden; }
#osemi-monthlypayment {background:none repeat scroll 0 0 #FFF;margin:0;padding:10px 0;text-align:center;border-bottom:1px dotted #DBDAD7;height:50px}#osemi-summary h4 {color:#222222;font:bold 14px/1.5 'open_sansregular' ;margin:0 auto;padding:0}
#osemi-summary {text-align:center}
.clear-style{clear:both;}
#osp_range{margin: 10px 0px 5px 0px;}
#osir_range{margin: 10px 0px 5px 0px;}
#emi-container-full #osemi-header {width:438px ;}
#emi-container-full .emi-form{width:50%;float:left;border: solid 1px #ccc;}
#emi-container-full #container{margin-left: 0px}
#emi-container-full #osemi-summary{width: 50%;float: left;clear: none ;border: solid 1px #ccc;border-radius: 10px;margin-left: 10px ;height: auto ;}
.entry #emipaymenttable table td, .entry #emipaymenttable table th  {padding: .35em 1.387em;}
.entry #emipaymenttable table th.pa,.entry #emipaymenttable table td.pa{background:#88a725;color:#fff;}
.entry #emipaymenttable table th.int,.entry #emipaymenttable table td.int{background: #ed8c2b;color:#fff;}
.entry #emipaymenttable table th.tp,.entry #emipaymenttable table td.tp{background: #eeeeee;color:#000;}
.entry #emipaymenttable table th.tbal,.entry #emipaymenttable table td.tbal{background: #A1A2C2;color: #fff;}
.entry #emipaymenttable table th.mthy,.entry #emipaymenttable table td.mthy{background: #95AFAF;color: #fff;}
 #emipaymenttable table tbody td,#emipaymenttable table tbody th {border-bottom: 1px solid #C7C7C7;}
 #osemi-mthbrekup{background: #4e4e4e;margin: -1px 0 0 -1px;height: 38px;width: 100%;padding: 0;border: 0 none;color: #fff;text-align: center;line-height: 35px;font-size: 20px;}
#emipaymenttable{width:100%;overflow: scroll}
 @media only screen and (max-width:700px){
    #emi-container-full #osemi-header{width:98.52% ;}
    #emi-container-full .emi-form{width:98%;margin-bottom: 10px;}
    #emi-container-full #osemi-summary{width:90% ;}
    }
@media only screen and (max-width:500px){#container{width:350px;height:250px;}}
@media only screen and (max-width:350px){#container{width:270px;height:250px;overflow: hidden;}}

#osemi-summary 
{
	overflow:visible;
	min-height:180px;
	padding-top:30px!important;
	
}
#osemi-summary p
{
	font-size:180%;
}
#osemi-monthlypayment,#osemi-totalinterest,#osemi-totalamount
{
	border-radius:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);		
	width:100%;
	min-height:130px;
	text-align:right;	
	padding:15px !important;
	padding-top:50px !important;
	position:relative
}
#osemi-totalamount
{

	padding-top:30px !important;

}

.icon_emi
{
	position:absolute;
	top:-20px;
	width:60px;
	height:60px;
	border-radius:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#fd9204;
	background-image:url(../image/icons/icon_per.jpg);	
}
.icon_rs
{
	background-color:#ec2634;
	background-image:url(../image/icons/icon_rs.jpg);
}
.icon_pay
{
	
	background-color:#0bbccf;
	background-image:url(../image/icons/icon_pay.jpg);
}
.icon_emibreakup
{
	left:15px;
	top:-25px;
	background-color:#ec2432;
	/*background-image:url(../image/icons/bg_emibreakup.jpg);*/
}
#container{width:100%; height:350px; }

.emi-container .title
{
margin:0px;
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
}

.chart_wrapper
{
	border:1px dotted #888;
	border-left:none;
	border-right:none;
	margin:15px 0px;	
	padding-top:15px;
}

#emipaymenttable
{
	border-radius:5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	padding:15px;
	overflow:visible;
	position:relative;
	height:auto;
	width:auto;
	margin-top:30px;
}
#osemi-mthbrekup
{
	background:none;
	color:#000;
	text-align:left;
	position:relative;
	padding-left:90px;
	padding-bottom:25px;

	}
#emipaymenttable table{width:100%;}
#emipaymenttable td.mthy, #emipaymenttable td.pa, #emipaymenttable td.int, #emipaymenttable td.tp, #emipaymenttable td.tbal
{
		background:none !important;
		color:#000!important;
}
#emipaymenttable th.mthy, #emipaymenttable th.pa, #emipaymenttable th.int, #emipaymenttable th.tp,#emipaymenttable th.tbal
{
	font-size:110%!important;
	background:none!important;
		color:#000!important;
		font-weight:400;
		border-bottom:1px dotted #888;
}


#emipaymenttable tr:last-child td.mthy, #emipaymenttable tr:last-child td.pa, #emipaymenttable tr:last-child td.int, #emipaymenttable tr:last-child td.tp, #emipaymenttable tr:last-child td.tbal
{
	border:none;
}