.ui-slider-horizontal {
 height:.4em!important
}
.ui-slider-horizontal .ui-slider-handle {
 margin-left:-.5em!important;
 top:-.35em!important
}
.ui-slider .ui-slider-handle {
 border-radius:50%!important;
 height:1.1em!important;
 width:1.1em!important;
 outline:0 none
}
.ui-widget-content {
 border:0 none!important;
 background:#ccc!important
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
 background:#ad790e !important;
 border:1px solid #ad790e !important
}
.ui-widget-header {
 background:#c2941e !important
}
.calculatorcontainer {
 background:#eee;
 padding:0px;
 border-radius:0px;
}
.emicalculatorcontainer {
 background:#eee;
 border:2px dashed #ccc;
 padding:20px
}
#emicalculatordashboard,#emipaymentdetails {
 font-family: Roboto;
 font-weight:700;
}
#emicalculatordashboard {
 margin-bottom:20px
}
#emicalculatorform {
 margin-bottom:0!important
}
#emicalculatorinnerformwrapper {
 background:#eee
}
#emicalculatorinnerform {
 padding:10px 0
}
#emicalculatorform div.sep {
 padding-top:25px
}
ul.loanproduct-nav {
 border-bottom:1px solid #ccc!important;
 padding-left:10px
}
ul.loanproduct-nav>li>a,ul.loanproduct-nav>li.active>a {
 background:#eee!important;
 outline:0 none;
 font-weight:500;
 border-bottom-color:#ccc
}
ul.loanproduct-nav>li>a:hover,ul.loanproduct-nav>li>a:focus {
 color:#333;
 border-bottom-color:#ccc
}
ul.loanproduct-nav>li.active>a,ul.loanproduct-nav>li.active>a:hover,ul.loanproduct-nav>li.active>a:focus {
 color:#333;
 border-color:#ccc #ccc transparent
}
#loanamountslider,#loaninterestslider,#loantermslider {
 margin-bottom:0!important
}
.add-check .active:before {
 position:relative;
 top:1px;
 display:inline-block;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:400;
 line-height:1;
 content:"\f00c"
}
.steps {
 border-color:transparent;
 border-style:none solid;
 border-width:0 1px;
 margin:0 0 35px!important;
 position:relative;
 width:100%
}
.tick {
 color:#ccc;
 font-size:11px;
 height:11px;
 left:0;
 line-height:11px;
 margin-left:-24px;
 position:absolute;
 text-align:center;
 width:48px
}
.marker {
 border:1px solid transparent;
 color:#333;
 font-size:11px;
 height:18px;
 line-height:18px;
 text-align:center
}
#emiamount p {
 font-size:24px!important
}
#emiamount,#emitotalinterest {
 padding:0 15px;
 text-align:center;
 border-bottom:1px dashed #ccc;
 border-top:0 none!important
}
#emitotalamount {
 padding:0 15px;
 text-align:center
}
#emipaymentsummary {
 border:1px solid #ccc;
 border-radius:4px;
 margin-bottom:20px
}
#emipaymentsummary h4 {
 font-size:16px;
 color:#666
}
#emipaymentsummary p {
 font-size:18px;
 font-weight:700
}
#emipaymentsummary span {
 padding:0 5px
}
#startmonthyear {
 background-color:#fff!important;
 cursor:default
}
#emipiechart {
 background:#eee;
 border-radius:4px;
 border:1px solid #ccc;
 text-align:center;
 margin-bottom:1px
}
#bbloanproducts {
 margin:1px 0 0;
 padding:10px 15px;
 text-align:center
}
#bbloanproducts p,#bbloanproducts a {
 text-align:center;
 font-weight:700
}
#bbloanproducts i {
 background:#fff;
 border-radius:50%;
 color:#0072aa;
 padding:5px;
 margin-left:5px
}
#bbloanproducts a:hover i {
 color:#005077
}
.show_element {
 display:block;
 visibility:visible
}
.hide_element {
 display:none;
 visibility:hidden
}
#emipaymentscheduleheader {
 background:#eee;
 border-radius:4px;
 border:1px solid #ccc;
 margin-bottom:20px;
 padding:10px 0;
 text-align:center
}
#emibarchart {
 display:none;
 clear:both;
 border-radius:4px;
 margin-bottom:20px;
 border:1px solid #ccc;
 padding:30px 0 20px;
 background:#eee
}
#emipaymenttable {
 margin:0;
 text-align:center
}
#emipaymenttable table {
 width:100%;
 background:#eee;
 border-collapse:separate;
 border-spacing:0;
 border-radius:4px
}
#emipaymenttable table th {
 background:#dedede;
 text-align:center;
 padding:5px
}
#emipaymenttable table td {
 text-align:center;
 padding:5px;
 font-size:14px
}
#emipaymenttable table tr th,#emipaymenttable table tr td {
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc
}
#emipaymenttable table tr th:first-child,#emipaymenttable table tr td:first-child {
 border-left:1px solid #ccc
}
#emipaymenttable table tr th {
 border-top:1px solid #ccc
}
#emipaymenttable table tr:first-child th:first-child {
 border-top-left-radius:4px
}
#emipaymenttable table tr:first-child th:nth-last-child(2) {
 border-top-right-radius:4px
}
#emipaymenttable table tr:nth-last-child(2) td:first-child {
 border-bottom-left-radius:4px
}
#emipaymenttable table tr:nth-last-child(2) td:nth-last-child(2) {
 border-bottom-right-radius:4px
}
#principalheader {
 background:none repeat scroll 0 0 #ad790e!important;
 color:#fff
}
#interestheader {
 background:none repeat scroll 0 0 #cba125!important;
 color:#fff
}
#balanceheader {
 background:none repeat scroll 0 0 #c59f00!important;
 color:#fff
}
.yearlypaymentdetails .toggle:before {
 position:relative;
 top:0;
 left:-3px;
 display:inline-block;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:400;
 line-height:1;
 content:"\f196"
}
.yearlypaymentdetails .toggle-open:before {
 position:relative;
 top:0;
 left:-3px;
 display:inline-block;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:400;
 line-height:1;
 content:"\f147"
}
.toggle {
 cursor:pointer
}
.toggle-hidden {
 display:none;
 visibility:hidden
}
.toggle-visible {
 display:block;
 visibility:visible;
 margin-bottom:0!important
}
td.paymentyear {
 text-align:center!important;
 font-weight:700!important
}
td.currency {
 border-left:0 none!important;
 text-align:right!important
}
td.monthyearwrapper {
 margin:0;
 padding:0!important
}
td.paidtodateyear,td.paidtodatemonthyear {
 border-left:0 none!important;
 text-align:right!important
}
.monthlypaymentdetails td {
 border:0 none!important
}
.monthlypaymentcontainer table td {
 background:#dedede
}
.monthlypaymentcontainer table tr th,.monthlypaymentcontainer table tr td {
 border-right:1px solid #ccc!important;
 border-bottom:1px solid #ccc!important
}
.monthlypaymentcontainer table tr td:first-child {
 border-left:1px solid #ccc!important
}
.monthlypaymentcontainer table tr th,.monthlypaymentcontainer table tr td {
 border-radius:0!important
}
.furtherreading {
 border-bottom:3px double #e8e8e8
}
.display-posts-listing {
 padding:0;
 margin:0
}
.listing-item {
 font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
 list-style:none;
 padding:10px 0!important;
 border-bottom:1px solid #ccc!important;
 margin:0!important
}
.listing-item:after {
 background:transparent!important;
 border-radius:0!important;
 color:#fff!important;
 content:""!important
}
.listing-item a {
 font-size:18px!important
}
span.date {
 float:right;
 text-transform:uppercase;
 display:inline-block;
 text-align:right;
 font-size:14px!important;
 color:gray;
 margin:0 0 0 15px
}
.sidebar .widget_nav_menu,.sidebar .widget_recent_entries {
 background:#eee!important;
 border:1px solid #ccc!important
}
.sidebar .widget_nav_menu h3,.sidebar .widget_recent_entries h3,.sidebar .widget_text h3 {
 border-bottom:3px double #ccc!important
}
.sidebar .widget ul li {
 border-bottom:1px dashed #ccc!important
}
.sidebar .widget ul li:last-child {
 border-bottom:0 none!important
}
@media(min-width:768px) {
 #emicalculatorinnerform {
  border-bottom:1px solid #ccc;
  padding:10px 20px
 }
 #emipaymentsummary {
  border:0 none
 }
 #emipiechart {
  border:0 none;
  border-left:1px solid #ccc;
  border-radius:0
 }
 #emicalculatorinnerformwrapper {
  border:1px solid #ccc;
  border-top:0 none;
  border-radius:4px;
  border-top-right-radius:0;
  border-top-left-radius:0
 }
 ul.loanproduct-nav {
  padding-left:0
 }
 #bbloanproducts {
  border-top:1px solid #ccc
 }
}
@media(min-width:992px) {
 .emicalculatorcontainer {
  border:none
 }
 #emicalculatorinnerform {
  padding:20px 20px 10px
 }
 #emipaymenttable table tr:first-child th:last-child {
  border-top-right-radius:4px
 }
 #emipaymenttable table tr:nth-last-child(2) td:last-child {
  border-bottom-right-radius:4px
 }
 #emipaymenttable table tr:first-child th:nth-last-child(2) {
  border-top-right-radius:0
 }
 #emipaymenttable table tr:nth-last-child(2) td:nth-last-child(2) {
  border-bottom-right-radius:0
 }
}
/*# sourceMappingURL=emicalculator.css.map */
