body{ font-family: 'Open Sans', sans-serif;  background:#fafbfe; -webkit-font-smoothing: antialiased; font-size: 14px;}
.container { width:100%; /*max-width:1900px;*/  position: relative;}
.report-text{ color:#efa21d; font-size:14px;}
.calculater-report-section.conversion-section.text-center h2 {color: #fff;}
.calculater-report-section.conversion-section.text-center p{color:#8ba0b8;}
.calculater-report-section.conversion-section.text-center p span{color:#3cd657;}
.calculater-report-section.conversion-section.text-center p.button-cta{color:#8ba0b8;}
.hover-tool-tip a { padding: 0 10px;}
.col-sm-15:hover, .active-number { background: #2f971e none repeat scroll 0 0;}
.collected-data { float: left; width:100%;}
sup.light-text { color: #8ba0b8; font-size: 23px; font-weight: 300; left: -10px; margin-top: 0; position: relative; top: -26px;}

.active-white {display: block;font-size: 18px; font-weight: 300; text-align: center; width: 100%; padding: 10px 0;}
.content { box-sizing: border-box;float: left;height: 380px;margin: 20px 0;overflow: auto; position: relative; width: 100%; padding-right:0px; padding-bottom:35px;}
.footer p{ color:#4c5256; font-size:14px;}
.highcharts-background { fill: none;}

/* front end page style  */
/*  side bar front end page style goes here */
.side-bg{background:#ffffff; float:left; border-right: 1px solid #edeef1; /*position: absolute; left: 0;*/}
.side-bar-data ul.address,
.side-bg .wrapper-about {
border-top: 1px solid #ecf0f2;
}

.user-img { border: 1px solid #ecf0f2;}
.social li { border: 1px solid #ecf0f2;}
.side-bar-data .rank {border-top: 1px solid #ecf0f2;}
.side-bar-data h3{ color:#8794a6;}
.side-bar-data h3 span{color:#8794a6;}
.side-bar-data .rank h4 {color: #8794a6;}

.social li:hover { box-shadow: 0 0 80px #f2f7fa inset;}
.read_more_link {/*border-bottom: 1px solid #ecf0f2;*/}
/* Side bar end */
/* Mortage Cal. Style goes here */
.mortage-calculater input.leadpops-btn-calculate {background-color: #1daefc;}
.mortage-calculater {background: #ffffff;  border-bottom: 2px solid #edeef1;}

.border-div-section{/*border-bottom: 1px solid #5563dc;border-top: 1px solid #5563dc;float: left;width: 100%;*/ padding:15px 0 0; float: left;}
.mortage-calculater .col-sm-15:hover{ background:none; color:inherit}
.top-heading-cal{ padding:20px 0 10px; width:100%; border-bottom: 1px solid #e8eaf0;}
.top-heading-cal h3{ font-size:22px; color:#1a1a1a; font-weight:lighter; padding-left:0px;}
.top-heading-cal .bootstrap-select, .top-heading-cal .bootstrap-select{ padding-right:0px;}
.nav.lp-supercal-nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: #eee;
border-color: transparent;
<!--border-bottom: 1px solid #428BCE;-->
}
.top-heading-cal ul li.dropdown a{ background:#fff; color:#01aef0; border:none; box-shadow:0 0 0px;  /*border-top:0px solid #3a414d;*/border:1px solid #edeef1; border-top: 0;
border-radius: 0; }
.header .navbar-default .btn-default, .bootstrap-select button{color:#3bc654 !important;}
.top-heading-cal .btn-default:hover, .top-heading-cal ul li.dropdown a:hover { box-shadow: none; color: #1daefc;}
.mortage-calculater input { background: #f2f7fa repeat scroll 0 0;border: 0 none; border-radius: 3px !important; color: #707e92;font-size: 16px;height: 40px; padding-right: 30px; font-family:"Open Sans" ; font-weight:600 !important;
border-top: 1px solid #e8e8e8;}
.btn.lp-freq-btn{
background-color: #f2f7fa;
border-top: 1px solid #e8e8e8;
/*border-bottom: 1px solid #e8e8e8;*/
color: #707e92;
}
#lp-supercal-right-div .lp-supercal-top-heading-cal ul.lp-supercal-nav li.lp-supercal-dropdown a{
padding: 13px 15px 15px !important;
}
/*ssss*/
.btn.lp-freq-btn.active{
    color: #fff;
   /*background-color:#a8bac5;*/
    background-color:#01AEF0;
}
.lp-client-footer p a:hover,
.lp-client-footer p a:focus,
.lp-client-footer p a:active,
.lp-client-footer,
.lp-client-footer p a,
.lp-client-footer p {
color: #6a727c;
}
.lp-client-footer p span+span:before{
background-color: #6a727c;
}
.lp-our-footer {
border-top: 1px solid #edf3f7;
}
.top-heading-cal .bootstrap-select.btn-group .dropdown-menu.open { box-sizing: border-box; min-width: 96%; z-index: 1035; margin-left:15px;}
.bootstrap-select.btn-group .dropdown-menu{background:#323842;}
.cal-head-text, .cal-head-text-button {color: #8794a6;}
.expenses-title {
color: #8794a6;
}
.expenses-border {
border-bottom: 1px solid #edf3f7;
}
.mortage-calculater .cal-head-text-button label.btn-default.active { background: #01aef0 none repeat scroll 0 0; border: 2px solid transparent; }
.mortage-calculater .cal-head-text-button label.btn-default{ background: #a8bac5; border: 2px solid transparent;}
.mortage-calculater .cal-head-text-button label{ width: 20%;}

.icons-cal > span {color: #fff;}
/* overlayblue */
.overlay-blue { background: rgba(106, 148, 223, 0.9) none repeat scroll 0 0; border-radius: 5px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 999;}
.overlay-blue > h3 { color: #fff; position: relative; text-align: center;  top: 40%;}
.overlay-blue > h3 span {display: block; font-size: 34px; padding: 0 0 10px;}
/* EXPAND BUTTON */
.expand-div { clear: both; display: block; text-align: center; width: 100%;}
.expand-div.text-center > a {background: #fff none repeat scroll 0 0;  border-bottom: 2px solid #eff5f8; color: #8794a6;}
.expand-div.text-center > a span.caret { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px dashed; display: inline-block; height: 0; margin-left: 8px; vertical-align: middle;  width: 0;}
.top-heading-cal ul li.dropdown{ width: 100%;}
.top-heading-cal ul li.dropdown ul.dropdown-menu{ background: transparent; border: 0px;  padding: 0;}
.top-heading-cal ul li.dropdown ul.dropdown-menu li a { padding-top: 10px; text-align: left;}
.top-heading-cal ul li.dropdown a .caret{ float: right; margin-top: 10px;}
.icons-cal > span { background: #1daefc none repeat scroll 0 0;}
.icons-cal > span.danger { background: #a8bac5 none repeat scroll 0 0;}
.mortage-calculater .form-group.border-section{ border-bottom: 1px solid #eff5f8;}
/*.orange-button { padding-right: 0; text-align: right;  margin-top:15px;}*/
/*.detail-text{ margin-bottom:20px; margin-top:10px; padding-left: 0px;}*/
/*.orange-button button { background: #ef761d none repeat scroll 0 0; border: 0 none; border-radius: 2px; color: #fff; max-width: 100%; padding: 10px 20px; width: auto;}*/

.doller, .col-sm-15:hover span.doller, .col-sm-15:hover .knob_p {color: #707e92 !important;}
.box .knob-label {color: #8794a6;}
.leadpops-btn-calculate { background-color: #01aef0; color: #fff !important;}
/* monthly-payment style */
.monthly-payment { background: #fff none repeat scroll 0 0;}
.dark-bg h3, .dark-bg h3 span{ color: #01aef0;}
#user-data > h3 { border-bottom: 1px solid #edf3f7; color: #707e92;}
.monthly-payment .dark-bg { background: #f2f7fa;}
.dark-bg .payment h3{ font-size: 16px; font-weight: normal;}
.dark-bg .payment  h3, .dark-bg .payment p { position: relative;  top: 50%;   transform: translateY(-50%); font-family: open sans !important;}
.col-sm-2.text-center { border-left: 1px solid #e4ebef;}

.dark-bg .col-sm-2:first-child { border-left: 0 none;}
.monthly-payment h3.white-text { color: #707e92;}
/*.col-sm-15 span.light-text{ color: #01aef0;}*/
/*.dark-yellow span.light-text, .col-sm-15.dark-yellow:hover span.light-text, .col-sm-15:hover span.light-text, .dark-pink span.light-text, .col-sm-15.dark-pink:hover span.light-text, .dark-pink-light span.light-text, .col-sm-15.dark-
pink-light:hover span.light-text, .dark-pink-light h3{ color: #01aef0;}*/
/* Pie chart */
.pie-chart-left-area .box { background: #fff; margin:37px 0 20px; border: 0px solid #3a414d; box-shadow:0 1px 0px rgba(0, 0, 0, 0.1);}
.knob { color: #fff !important;}
.knob_p { color: #707e92;}
.total-payment {background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.total-payment > p {border-bottom: 1px solid #eff5f8;color: #707e92;}
.total-payment .lp-big-fill-medium-spec > span {color: #707e92;font-family: open_sansextrabold !important; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);}
.total-payment .lp-big-fill-medium-spec > span.light-text {font-family: open sans !important; font-weight: 300;}
.lp-supercal-footer,
.border-div {
    background: #fff none repeat scroll 0 0;border-radius: 5px; border-top: 1px solid #edf3f7; margin-bottom: 0px;
}
.report_hide { border: 0 none; border-radius: 0 0 5px 5px; margin-bottom: 20px; padding: 0 0 20px;}
.border-div .dark-bg {
border: 2px solid #f2f7fa;
float: left;
width: 100%;
}
.border-div .dark-bg .payment { margin: 10px 0; padding-bottom: 10px; height: 63px;}
.main-border {border-bottom: 2px solid #f2f7fa; float: left;  width: 100%;}

.border-div h3.text-center {color: #6a727c; font-size: 20px; font-weight: normal; padding: 0 0 25px;}
h3.text-center.lp-bi_monthly-heading {
padding-top: 18px;
}
.payment p { color: #94a2b5; font-size: 15px;}
.border-div .orange-button {border-top: 1px solid #edf3f7; margin-top: 25px; padding-top: 25px; text-align: center;}
.border-div .orange-button button{background:#1DAEFC; transition:all 0.5s ease; text-transform:uppercase; width: auto; height: 45px;}
.border-div .orange-button button:hover{color:#fff;}


.knob_p sup {color: #94a2b5;}
.box .knob-label h3, .dark-pink-light h3{ color: #01aef0;}
/* Data table style goes and chart*/
#user-data { background: #fff none repeat scroll 0 0; border-top: 0px;}
#calculator_dataTable { background: #fff none repeat scroll 0 0;}
#calculator_dataTable tr, #calculator_dataTable thead { border: 2px solid #f2f7fa;}
table.dataTable { border: 4px solid #f2f7fa;}
#calculator_dataTable th {color: #01aef0;}
#calculator_dataTable td { border: 0 none;padding: 15px; position: relative;  text-align: center; font-size:15px; color: #94a2b5;}
#calculator_dataTable td::before {background-color: #e4ebef; content: " "; }
#content-show > h3 { color: #fff; float: left; margin: 0; padding: 15px 7px;  width: 100%;}
/*#calculator_dataTable th:nth-child(8n+1)::before { display: none;}*/
#calculator_dataTable th::before { background-color: #e4ebef; content: " ";}
.shown + tr.no-padding-td .lp_table_slider::before {content: '';height: 2px;width: 10px;display: inline-block;position: absolute;background-color: #01aef0;left: 0;margin-top: -1px;z-index: 1;}
.shown + tr.no-padding-td .lp_table_slider::after {content: '';height: 2px;width: 10px;display: inline-block;position: absolute;background-color: #01aef0;right: 0;margin-top: -1px;z-index: 1;}
.shown + tr.no-padding-td .lp_table_slider:first-child::before{height: 0px;}
.shown + tr.no-padding-td .lp_table_slider:first-child::after{height: 0px;}

#show_payments .fa.fa-times { color: #ffc501;}
#claculationTable tr td table { width: 100%;}
.even.shown { background: #03a8c9 none repeat scroll 0 0;  color: #fff;}
#calculator_dataTable .even.shown, #calculator_dataTable .odd.shown { color: #fff; background: #05b9fe;}
#calculator_dataTable .even.shown td, #calculator_dataTable .odd.shown td{ color: #fff;}
#claculationTable tr td table tr{ background: #01aef0 none repeat scroll 0 0;  color: #fff;  border: 0px; border-bottom: 1px solid #5acaf5; border-top: 1px solid #5acaf5;}
#claculationTable tr td table tr td{ color: #fff;}
.even.shown { border: 0 none;}
#calculator_dataTable tr td table tr td::before{color:#5cd1fe;}
#calculator_dataTable .even.shown td::before, #calculator_dataTable .odd.shown td::before{color:#5cd1fe;}
.no-padding-td td { padding: 0;}
.no-padding-td > td table td { padding: 15px;}
.expand-show-hide{display: block; float: left;   width: 100%;}
.box-body .col-sm-15 {  padding: 0 15px; margin-bottom: 0px;}
.box-body .col-sm-15:hover { background:transparent}
#calculator_dataTable .even.shown td, #calculator_dataTable .odd.shown td, #claculationTable tr td table tr td { color: #fff;}
.btn-pressed { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5) inset;}
.header .navbar-default ul li ul.dropdown-menu li a { padding: 10px;}
#_uimc_ShareWithURLDiv .modal-dialog .modal-content {
  background: #fafbfe none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 0 !important;
}
#_uimc_ShareWithURLDiv .modal-header {
  border-bottom: 1px solid #ecf0f2;
  padding: 10px 0;
}

#_uimc_ShareWithURLDiv .modal-title {
  color: #8794a6;
  font-size: 25px;
  font-weight: lighter;
  margin: 0;
}
#_uimc_ShareWithURLDiv .alert-success {
background-color: rgba(25,62,41,0.9) !important;
}

#_uimc_ShareWithURLDiv .modal-footer {
  border-top: 1px solid #ecf0f2;
  padding: 10px 0;
}
#_uimc_ShareWithURLDiv .modal-footer button {
  <!--background: transparent none repeat scroll 0 0;-->
 <!-- border: 1px solid #ecf0f2;-->
  <!--color: orange;-->
  float: left;
}
.power-off, .power-off a, .power-off span{transition: all 0.5s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
/* Footer style*/
.footer.bottom-div { border-top: 1px solid #edf3f7; padding-top: 15px;}

/* max- width style goes here */
.share-area { float: right;position: relative;top: -10px;}
.share-area.share-area__left{float:left}
.divider.front-page { background: #393d45 none repeat scroll 0 0; margin-bottom: 0;}
.highcharts-legend-item text { font-size: 13px; font-weight: normal;}
.div-division { border-top: 1px solid #eff5f8;}

.print { border: 1px solid #ecf0f2;}
.print:hover { background: #1daefc none repeat scroll 0 0; border: 1px solid #1daefc;}
.lp-front__social {
border-top: 1px solid #ecf0f2;
}
.amountPrecentageSwitch .doller, .amountPrecentageSwitch .percentage {
color: #707e92 !important;
}
/* Media query css style for min 1400px screen */

@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 { padding:0 !important; font-size:22px !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: 1200px) {
.side-bg{ position:relative;}
}
@media only screen and (min-width:1140px) and (max-width: 1400px)  {
.icons-cal > span { height: 38px; margin: 0 1px;width: 38px;}
}

@media (max-width: 767px) {
.icons-cal > span {
  color: #fff;
  font-size: 18px;
  height: 36px;
  margin: 0 1px;
  padding: 5px 0;
  text-align: center;
  width: 38px;
}
.top-heading-cal h3 {
    font-size: 36px;
    line-height:50px;
}
.mortage-calculater .form-group {  border-bottom: 1px solid #eff5f8;}
h3.text-center.lp-bi_monthly-heading{
padding-bottom: 10px;
}
}
@media (max-width: 480px) {
.top-heading-cal h3 {
font-size: 28px;
line-height: 40px;
}
.border-div .orange-button.mt0{
  margin-top:0;
}
h3.text-center.lp-bi_monthly-heading{
padding-bottom: 35px;
padding-top: 0px;
}
}
@media only screen and (max-width:1280px) {
    .main-border {
        border-bottom: 0 none;
     }
}
@media only screen and (max-width:1024px) {
.lp-main-border:nth-child(2n+1){
border-right: 2px solid #f2f7fa;
}
}
.lp-supercal-modal-dialog .social_icons i{
color: black;
}