/*/////finance Calculator*/
.finance_calculator{
    display: block;
    position: relative;
    max-width: 450px;
    left: auto;
    transform: unset;
    margin:0 auto;    
    text-align: center;
}
.finance_calculator .btn.btn-primary{
    max-width: 450px;
    width: 100%;
} 
.col_title{
    width: 40%;
    float: left;
    text-align: left;
}
.col_title_val{
    width: 60%;
    float: left;
    text-align: left;
}
.finance_calculator .form-horizontal .form-group{
    margin-left: 0px;
    margin-right: 0px;
}
.finance_calculator .panel-default > .panel-heading{
    background-color:#008456;
    border-color: #008456;
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
}
.amount_total{
    text-align: center;
}
.amount_total .time_period{
    display: block;
}
.interest_rate_increment_dec, .term_increment_dec{
    float: right;
}
.interest_rate_increment_dec .fa, .term_increment_dec .fa{
    background-color: #000;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding-top: 4px;
    font-size: 11px;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
}
.finance_val{
    font-size: 32px;
    color: #000;
    font-weight: bold;
    margin-right: 3px;
}
.amount_total .currency_symbol, .amount_total .amount{
    font-size: 60px;
    color: #000;
    font-weight: bold;
}
.term_con{
    font-size: 10px;
}
.modal-backdrop{
    z-index: inherit!important;
}
.modal-open #main-header{
    z-index: -1!important;
}
#financeModal .modal-body{
    padding: 0px;
}
.fancybox-overlay.fancybox-overlay-fixed{
    z-index: 9999;
    position: fixed;
    top: 30px;
    width: 100%!important;

}

.fancybox-wrap.fancybox-opened{

    background-color: #ffffff;
}
.fancybox-wrap.fancybox-opened .fancybox-inner{
    height: auto!important;
    max-height: 300px;
    width: auto!important;
}
.fancybox-wrap.fancybox-opened .fancybox-inner .cms_submit{
    margin-right: 20px;
}