body.lp-embed-body{background:#282d35 none repeat scroll 0 0;}
#lp-widget-container{background:#282d35 none repeat scroll 0 0;}
/*  front end page style goes here */
.calculater-report-section.conversion-section.text-center h2 {color: #fff;}
.calculater-report-section.conversion-section.text-center p, .calculater-report-section.conversion-section.text-center p.button-cta{color:#8ba0b8;}
.calculater-report-section.conversion-section.text-center p span{color:#3cd657;}
/* front end page style  */
/*  side bar front end page style goes here */
.side-bg,#lp-supercal-side-bg{background:#323842;}
.user-img { border: 1px solid #424851;}
.side-bar-data h3,#lp-supercal-side-bg .lp-supercal-side-bar-data h3{ color:#8794a6;}
.side-bar-data .rank,#lp-supercal-side-bg .lp-supercal-side-bar-data .rank {border-top: 1px solid #424851;}
.side-bar-data .rank h4,#lp-supercal-side-bg .lp-supercal-side-bar-data .rank h4 {color: #8794a6;}
/*.side-bar-data p a{color:#1daefc;}*/
.side-bar-data ul.address li,#lp-supercal-side-bg .lp-supercal-side-bar-data ul.lp-supercal-lp-front__address li{color:#8794a6;}
.social li,#lp-supercal-side-bg ul.lp-supercal-lp-front__social li { border: 1px solid #424851;}
.social li:hover,#lp-supercal-side-bg ul.lp-supercal-lp-front__social li:hover { border-color: #282d35; box-shadow: 0 0 80px #282d35 inset;}
h3.text-center.lp-bi_monthly-heading {
padding-top: 13px;
}
/* Side bar end */
/* Mortage Cal. Style goes here */
#lp-supercal-mortage-calculater,.mortage-calculater { background: #323842 none repeat scroll 0 0;}
.mortage-calculater label,#lp-supercal-mortage-calculater label  { color: #fff;}
.top-heading-cal,#lp-supercal-right-div .lp-supercal-top-heading-cal{ border-bottom: 1px solid #393d45;}
.top-heading-cal .btn-default/*, .form-control*/, .top-heading-cal ul li.dropdown a,
#lp-supercal-right-div .lp-supercal-top-heading-cal ul.lp-supercal-nav li.lp-supercal-dropdown a
{ background:#323842; color:#1daefc; border:none; box-shadow:0 0 0px #3a414d;  /*border-top:1px solid #3a414d;*/ border:1px solid #3a414d;    border-top: 0;
border-radius: 0;}
#lp-supercal-right-div .lp-supercal-top-heading-cal ul.lp-supercal-nav li.lp-supercal-dropdown a{
padding: 13px 15px 15px !important;
}
.lp-supercal-footer{
    background: #323842;
    border-top: 1px solid #3a414d;
}
.lp-supercal-border-div.rpt-padd div{
border-top: 1px solid #424851 !important;
}
.header .navbar-default .btn-default, .bootstrap-select button{color:#3bc654;}
.top-heading-cal .btn-default:hover, .top-heading-cal ul li.dropdown a:hover { box-shadow: none; color: #1daefc;}
.mortage-calculater input,
#lp-supercal-mortage-calculater input{ background: #282d35 none repeat scroll 0 0;border-bottom: 1px solid #373e49;}
.btn.lp-freq-btn{
background-color: #01AEF0;
color: #fff;
}
.btn.lp-freq-btn {
background-color: #282d35;
border-color:#373e49;

}
.share-area {position: relative;top: -10px;}
.btn.lp-freq-btn.active {
background-color: #01AEF0;
}
.doller.lp-supercal-doller{color:#fff;}
.bootstrap-select.btn-group .dropdown-menu{background:#323842;}
.mortage-calculater .cal-head-text-button label.btn-default.active { background: #1daefc; border: 0px;  color: #fff;}
.mortage-calculater .cal-head-text-button label.btn-default{ background: #424853; border: 0px; color: #fff;}
.btn-pressed { background-color: rgba(255, 255, 255, 0.3); box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5) inset;}
/* EXPAND BUTTON */
.mortage-calculater input.leadpops-btn-calculate {background-color: #1daefc !important;}

.expand-div.text-center > a { background: #323842;}
.icons-cal,#lp-supercal-mortage-calculater .lp-supercal-icons-cal { color: #fff;}
.icons-cal > span, #lp-supercal-mortage-calculater .lp-supercal-icons-cal > span {background: #1daefc none repeat scroll 0 0;}
/*.icons-cal > span.danger,#lp-supercal-mortage-calculater .lp-supercal-icons-cal >span.danger { background: #424853 none repeat scroll 0 0;}*/
.mortage-calculater .input-group{ width:100%;}
.mortage-calculater .form-group.border-section,
#lp-supercal-mortage-calculater .lp-supercal-border-div-section .lp-supercal-border-section.form-group{ border-bottom: 1px solid #2d323b;}

.orange-button button { background: #ef761d none repeat scroll 0 0; color: #fff;}
/* monthly-payment style */
.monthly-payment,#lp-supercal-right-div .lp-monthly-payment { background: #323842 none repeat scroll 0 0;}
.monthly-payment p,#lp-supercal-right-div .lp-monthly-payment p{color:#94a2b5;}
#user-data > h3 { border-bottom: 1px solid #424851;}
.monthly-payment .dark-bg,#lp-supercal-right-div .lp-monthly-payment .dark-bg { background: #282d35 none repeat scroll 0 0;}
.dark-bg h3,#lp-supercal-right-div .lp-monthly-payment .dark-bg h3, .dark-bg h3 span,#lp-supercal-right-div .lp-monthly-payment .dark-bg h3 span { color: #01aef0;}
.col-sm-2.text-center { border-left: 1px solid #424851;}
/*.col-sm-15:hover span.light-text{color:#1daefc ;}
.col-sm-15 span.light-text { color: #1daefc ;}*/
/*.dark-blue h3, .dark-blue span.light-text {color: #1daefc;}*/
/* Pie chart */
.pie-chart-left-area .box,#lp-supercal-right-div #lp-supercal-pie-chart-area .lp-supercal-pie-chart-left-area .lp-supercal-box-solid { background: #323842; border-top: 1px solid #3a414d;}
.box .knob-label,#lp-supercal-right-div #lp-supercal-pie-chart-area .lp-supercal-pie-chart-left-area .lp-supercal-box-solid .knob-label { color: #94a2b5;}
/*.box .knob-label h3  { display: block; font-size: 21px;font-weight: 600;}*/

.knob-label .light-text,#lp-supercal-right-div #lp-supercal-pie-chart-area .lp-supercal-pie-chart-left-area .lp-supercal-box-solid .knob-label .light-text { color: #1daefc;}
.box .knob-label h3,
#lp-supercal-right-div #lp-supercal-pie-chart-area .lp-supercal-pie-chart-left-area .lp-supercal-box-solid .knob-label h3,
.dark-pink-light h3,
#lp-supercal-right-div #lp-supercal-pie-chart-area .lp-supercal-pie-chart-left-area .lp-supercal-box-solid .dark-pink-light h3
{ color: #01aef0;}
.knob { color: #fff !important;}
.total-payment,#lp-supercal-right-div #lp-supercal-pie-chart-area .lp-supercal-total-payment-area .lp-supercal-total-payment {background: #323842;}
.total-payment > p,#lp-supercal-right-div #lp-supercal-pie-chart-area .lp-supercal-total-payment-area .lp-supercal-total-payment p {border-bottom: 1px solid #424851;}
.border-div {background: #323842; border-top: 1px solid #3a414d;}
.border-div .dark-bg {
    border: 2px solid #282d35;
}
.main-border {border-bottom: 2px solid #282d35;}
.main-border {border-bottom: 2px solid #282d35;}
.border-div h3.text-center {color: #fff;}
.payment p { color: #94a2b5;}
.border-div .orange-button {border-top: 1px solid #424851;}
.border-div .orange-button button{background:#1DAEFC;}
/*.border-div .orange-button button:hover{background:#e91154;}*/
.print { border: 1px solid #3a414d; color:#1daefc;}
.print:hover { background: #1daefc none repeat scroll 0 0; border: 1px solid #1daefc;}
table.dataTable {border: 4px solid #282d35;}
.side-bar-data > p { color: #8794a6;}
.knob_p {color: #fff;}
.knob_p sup {color: #94a2b5;}
/* Data table style goes and chart*/
#user-data { background: #323842;border-top: 1px solid #3a414d;}
#calculator_dataTable {  color: #94a2b5;}
#calculator_dataTable { background: #323842 none repeat scroll 0 0 !important; color: #94a2b5;}
#calculator_dataTable tr, #calculator_dataTable thead { border: 2px solid #282d35;}
#calculator_dataTable th {color:#01aef0;}
#calculator_dataTable td {color: #94a2b5 !important;}
#calculator_dataTable td::before {color: #4b5059;}
#content-show > h3 { color: #fff;}
#calculator_dataTable th::before { color: #4b5059;}
#show_payments .fa.fa-times { color: #ffc501;}
.even.shown { background: #03a8c9; color: #fff;}
#calculator_dataTable .even.shown, #calculator_dataTable .odd.shown { color: #fff; background: #02a2df;}
#calculator_dataTable .even.shown td, #calculator_dataTable .odd.shown td{ color: #fff;}
#claculationTable tr td table tr{ background: #01aef0; color: #fff; border-bottom: 1px solid #4ec6f5 !important; border-top: 0px !important;}
#claculationTable tr td table tr td{ color: #fff;}
#calculator_dataTable tr td table tr td::before{color:#4ec6f5;}
#calculator_dataTable .even.shown td::before, #calculator_dataTable .odd.shown td::before{color:#4ebbd0;}
#calculator_dataTable .even.shown td, #calculator_dataTable .odd.shown td, #claculationTable tr td table tr td { color: #fff !important;}
.amountPrecentageSwitch .doller, .amountPrecentageSwitch .percentage, .lp-supercal-doller{
color: #fff ;
}
/* max- width style goes here */
.divider.front-page { background: #393d45 none repeat scroll 0 0; margin-bottom: 0;}
/* Media query css style for min 1400px screen */
.lp_table_slider::before {content: '';height: 2px;width: 10px;display: inline-block;position: absolute;background-color: #933cd6;left: 0;margin-top: -1px;z-index: 1;}
.lp_table_slider::after {content: '';height: 2px;width: 10px;display: inline-block;position: absolute;background-color: #933cd6;right: 0;margin-top: -1px;z-index: 1;}
.lp_table_slider:first-child::before{height: 0px;}
.lp_table_slider:first-child::after{height: 0px;}
@media (min-width: 1400px) {
.top-heading-cal h3 {font-size: 32px;}
.mortage-calculater input{  font-size: 20px; font-weight:bold; height:49px;}
.mortage-calculater label { color: #8794a6;  font-size: 18px;}
.total-payment > p { font-size: 28px; line-height: 31px;}
.total-payment > h3{ font-size:35px;}
.amountPrecentageSwitch .doller, .lp-supercal-doller { padding:0 !important;}
.amountPrecentageSwitch .percentage{ padding:0 !important; font-size:22px !important;}
.dark-bg .payment h3{ font-size:18px; font-weight:600;}
#calculator_dataTable td{ font-size:17px;}

}
@media (max-width: 480px) {
h3.text-center.lp-bi_monthly-heading{
font-size: 20px;
padding-top: 0px;
padding-bottom: 35px;
}
}
@media (max-width: 1280px) {
    .lp-main-border{
      border-right-color:#282d35;
      border-bottom: 0 none;
    }
}
@media only screen and (max-width:1024px) {
.lp-main-border:nth-child(2n+1){
border-right: 2px solid #282d35;
}
}
@media only screen and (max-width:767px) {
    .lp-mob-wrapper {
        border-top: 1px solid #424851;
        padding-top: 25px;
    }
    .lp-front__address {
        border-top: 1px solid #424851;
    }
    .side-bg {
        border-bottom: 1px solid #424851;
    }
    #lp-supercal-right-div .lp-supercal-top-heading-cal ul.lp-supercal-nav li.lp-supercal-dropdown a {
        padding: 22px 25px !important;
    }
}