.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: #004e95!important;
  border: 1px solid #004e95!important;
}

.ui-widget-header {
  background: #004e95!important;
}

.calculatorcontainer {
  background: #eee;
  padding: 10px;
  border-radius: 4px;
}

.emicalculatorcontainer {
  background: #eee;
}

#emicalculatordashboard,#emipaymentdetails {
  font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
}

#emicalculatordashboard {
  margin-bottom: 20px;
}

#emicalculatorform {
  margin-bottom: 0!important;
}

#emicalculatorinnerformwrapper {
  /*background: #eee;
  border-top: 1px solid #ccc;*/
}

#emicalculatorinnerform {
  padding: 10px 0;
}

#emicalculatorform div.sep {
  padding-top: 25px;
}

ul.loanproduct-nav {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  float: none;
  list-style: none outside none!important;
  margin: 0!important;
  padding: 0 0 0 10px;
}

ul.loanproduct-nav li {
  float: left;
  list-style: none outside none!important;
  margin: 0 -1px -1px 0!important;
  position: relative;
  z-index: 10;
}

ul.loanproduct-nav li a {
  border: 1px solid #ccc;
  display: block;
  overflow: hidden;
  padding: 15px 10px;
  background: #dedede;
  margin: 0!important;
  text-decoration: none;
  color: #333!important;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  outline: 0 none;
}

ul.loanproduct-nav li a:hover {
  background: #eee!important;
  margin: 0!important;
}

ul.loanproduct-nav li.active a {
  background: #eee;
  border-bottom-color: transparent;
}

#home-loan a {
  border-top-left-radius: 4px;
}

#car-loan a {
  border-top-right-radius: 4px;
}

#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: 9px;
  height: 18px;
  line-height: 18px;
  text-align: center;
}

.emischemes label {
  max-width: 110px;
  white-space: normal;
}

#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;
}

.fill-width {
  float: none!important;
  display: block!important;
  width: auto!important;
  overflow: hidden!important;
}

.fill-width input {
  border-radius: 4px!important;
}

.bbloanproducts {
  margin: 1px 0 0;
  padding: 0 0 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 {
  clear: both;
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  padding: 30px 0 0;
  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;
  font-size: 11px;
}

#emipaymenttable table td {
  text-align: center;
  padding: 5px;
  font-size: 11px;
  white-space: nowrap;
}

#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 #88a825!important;
  color: #fff;
}

#interestheader {
  background: none repeat scroll 0 0 #ed8c2b!important;
  color: #fff;
}

#balanceheader {
  background: none repeat scroll 0 0 #b8204c!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;
  font-size: 11px;
  white-space: nowrap;
}

.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;
}

.homepagebanner {
  margin: 0 0 15px!important;
}

.ecalprint {
  margin-right: 10px;
}

#ecalprintandshare a i {
  width: 32px;
  height: 32px;
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  color: #0072aa;
  margin-right: 5px;
  padding: 5px;
}

#ecalprintandshare a:hover i {
  color: #005077;
}

#loader {
  display: none;
  text-align: center;
  margin: 5px auto;
  font-size: 20px;
  overflow: hidden;
  vertical-align: middle;
}

#ecalprintandshare {
  margin: 20px auto 0;
  text-align: center;
}

#ecalprintandsharetext {
  font-size: 18px;
  font-weight: 700;
}

#ecalsharelink {
  margin: 10px auto 0;
  text-align: center;
  width: 300px;
}

#sharelink {
  font-weight: 700;
  color: #00F;
  background: #fff;
}

@media(min-width:480px) {
  ul.loanproduct-nav li a {
    border: 1px solid #ccc;
    display: block;
    overflow: hidden;
    padding: 15px;
    background: #dedede;
    margin: 0!important;
    text-decoration: none;
    color: #333!important;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    outline: 0 none;
  }

  .emicalculatorcontainer {
    border: 2px dashed #ccc;
    padding: 20px;
  }

  .emischemes label {
    max-width: none;
    white-space: nowrap;
  }

  #emipaymenttable table th {
    font-size: 16px;
  }

  #emipaymenttable table td,.monthlypaymentcontainer table td {
    font-size: 14px;
  }
}

@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-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: 3px dashed #ccc;
  }

  #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;
  }
}

@media print {
  body {
    visibility: hidden;
  }

  .calculatorcontainer {
    visibility: visible;
  }

  .bbloanproducts,#ecalprintandshare,#ecalsharelink {
    visibility: hidden;
  }
}


::-webkit-input-placeholder {
font-size:12px;
}

:-moz-placeholder { /* Firefox 18- */
font-size:12px; 
}

::-moz-placeholder {  /* Firefox 19+ */
  font-size:12px;
}

:-ms-input-placeholder {  
  font-size:12px;
}


 .tg-themeform  select{    display: block;
    width: 100%;
    /* padding: 0 20px !important; */
    height: 39px;
    padding: 6px 10px;
    /* font-size: 16px; */
    /* line-height: 1.6; */
    color: #555;
	font-size:12px; 
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
	
	.tg-btn, .tg-btn span{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.tg-btn{
   color: #185799;
   padding: 0 35px;
   position:relative;
   text-align:center;
   border:2px solid;
   border-radius:3px;
   display: inline-block;
   vertical-align: middle;
   background: transparent;
   text-transform: uppercase;
   font:400 14px/50px 'Montserrat', Arial, Helvetica, sans-serif;
   margin: 0 auto;
border: 1px solid #fff;
    color: #fff; 
 display: block;
}
.tg-btn + .tg-btn{ margin:0 0 0 30px;}
.tg-btn:after{
   top:0;
   left:0;
   content:'';
   z-index:1;
   width:0;
   height:100%;
   position:absolute;
}
.tg-btn span{
   z-index:2;
   display:block;
   padding:0 15px;
   position:relative;
}
.tg-btn span:before{
   top:0;
   left:0;
   opacity:0;
   height:100%;
   content:'\f105';
   font-size:18px;
   line-height:46px;
   position:absolute;
   visibility:hidden;
   font-family:'FontAwesome';
   
}
.tg-btn:hover{color:#185799;}
.tg-btn:hover:after,
.tg-btn.active:after{width:100%;}
.tg-btn:hover span:before{
   left:100%;
   opacity:1;
   color:#185799;
   visibility:visible;
   -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.tg-btn span:before{ line-height:48px;}
/*.tg-btn{
   float:right;
   color:#fff;
   border-color:#fff;
}
.tg-btn{
   height:50px;
   padding:0 20px;
   line-height:46px;
}*/
/*.tg-btn span{ padding:0 9px;}
.tg-btn span:before{ line-height:46px;}*/

	.tg-btn, .tg-btn span{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.tg-btn{
   color: #185799;
   padding: 0 35px;
   position:relative;
   text-align:center;
   border:2px solid;
   border-radius:3px;
   display: inline-block;
   vertical-align: middle;
   background: transparent;
   text-transform: uppercase;
   font:400 14px/50px 'Montserrat', Arial, Helvetica, sans-serif;
   margin: 0 auto;
   display: block;
}
.tg-btn + .tg-btn{ margin:0 0 0 30px;}
.tg-btn:after{
   top:0;
   left:0;
   content:'';
   z-index:1;
   width:0;
   height:100%;
   position:absolute;
}
.tg-btn span{
   z-index:2;
   display:block;
   padding:0 15px;
   position:relative;
}

.tg-btn:hover{color:#185799;}
.tg-btn:hover:after,
.tg-btn.active:after{width:100%;}
.tg-btn:hover span:before{
   left:100%;
   opacity:1;
   color:#185799;
   visibility:visible;
}
.tg-btn span:before{ line-height:48px;}


.tg-btn + .tg-btn{ margin:0 0 0 30px;}
.tg-btn:after{
	top:0;
	left:0;
	content:'';
	z-index:1;
	width:0;
	height:100%;
	position:absolute;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.tg-btn span{
	z-index:2;
	display:block;
	padding:0 10px;
	position:relative;
}

.tg-btn:hover{color:#fff !important;}
.tg-btn:hover:after,
.tg-btn.active:after{width:100%;}
.tg-btn:hover span:before{
	left:100%;
	opacity:1;
	color:#fff;
	visibility:visible;
}

.tg-btn:after
{    background: #185799;}


/** Custom New Css
------------------------------------------**/

#emicalculatorform {
    margin-bottom: 0!important;
    left: 25px;
    border: 2px solid #faa61a;
    padding: 25px;
    border-radius: 0px;
    background: #f9f9f9;
}

#emiamount, #emitotalinterest {
    padding: 20px;
    text-align: center; 
    border-top: 0 none !important;
    background: #004e95;
    margin-bottom: 10px;
    width: 90%;
    margin-left: 30px;
    color: #fff;
}
#emipaymentsummary h4{
  color:#fff !important;
}

#emitotalamount{
  padding: 20px;
    text-align: center; 
    border-top: 0 none !important;
    background: #004e95;
    margin-bottom: 10px;
    width: 90%;
    margin-left: 30px;
    color: #fff;
}

.form-control, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea{
  border-radius:0px !important;
}
.tg-themeform  select{
  border-radius:0px !important;
}


@media (max-width:768px){
    #emicalculatorform{
      width: 95%;
      /*width:85%;*/
      margin-bottom: 20px !important;
      left:0px !important;
    }
    #emiamount, #emitotalinterest{
      margin-left:0px !important;
      width:95%;
    }
    #emitotalamount{
      margin-left:0px !important;
      width:95%;
    }
    /*fieldset{
      padding:0px 20px;
    }
    .form-control, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea{
      width:96% !important;
    }
    .Types.of.Loan{
      width:96% !important;
    }*/
    #emipaymentsummary{
      border:none !important;
    }
    .col-lg-12.col-md-12.col-sm-4.col-xs-12.formstrip {
        padding: 0px;
        margin-left: -10px;
    }
}