html {
    font-family: 'futura pt', Tahoma, Verdana, Arial, sans-serif;
    color:#192F58;
    overflow-y: scroll;
}
body {
    margin:0 0 30px 0;
    background:rgba(218,216,224,0.5);

}
#page{
    background:#ffffff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.letter_space3 {
    letter-spacing: 3px;
}
.hidden {
    display:none;
}
#page {
    margin: 0 auto 0 auto;
}
#banner{
    height:70px;
    background:#192F58;
}
.calc_title{
    font-size:16px;
    color:#ffffff;

    float:left;
    letter-spacing: 3px;
    font-family: 'futura light', Tahoma, Verdana, Arial, sans-serif;
}
.mwg_logo {
    width:62px;
    height:40px;
    background:transparent url("../images/mwg_logo.png") no-repeat;
    float:right;

}
#step1 .btn_back{
    visibility: hidden;
}

.sub_nav {
    width:100%;
    height:70px;
    background:#DAD8E0;
}
.sub_nav_item {
    line-height:70px;
}
.line{
    clear:both;
}
.line_label, .line_minus, .line_slider, .line_plus, .line_input_freq, .dollar_sign, .text_input, .freq {
    display: inline-block;
}
.line_minus, .line_plus {
    width:32px;
}

.btn_minus, .btn_plus, .btn_minus_expense, .btn_plus_expense,.btn_minus_goal, .btn_plus_goal  {
    display:inline-block;
    width:30px;
    height:30px;
    cursor: pointer;
}
.btn_minus {
    background:transparent url("../images/minus.png") no-repeat;
    border-right:2px solid #DAD8E0;
}
.btn_plus {
    background:transparent url("../images/plus.png") no-repeat;
    border-left:2px solid #DAD8E0;
}
.slider.ui-slider{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.slider .ui-slider-handle {
    border:none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    width:10px;
    height:50px;
}
.slider.ui-slider-horizontal .ui-slider-handle {
     top: -10px;
     margin-left: 0px;
     background:#192F58;
 }
input {
    font-family: 'futura pt', Tahoma, Verdana, Arial, sans-serif;
    font-size:16px;
    color:#192F58;
    background:#DAD8E0;
    border:none;

}
.sub_nav_btn{
    cursor:pointer;
}
.line_minus_expense, .line_plus_expense, .line_minus_goal, .line_plus_goal {
    width:30px;
}
.btn_minus_expense, .btn_minus_goal {
    background:transparent url("../images/minus.png") no-repeat;
}
.btn_plus_expense, .btn_plus_goal {
    background:transparent url("../images/plus.png") no-repeat;
}
/*************************step 3************************************************/
.legend_color{
    width:30px;
    height:15px;
}
.Retainer .legend_color {
    background:#999999;
}
.CommissionTransfer .legend_color {
    background:#CCCCCC;
}
.CommissionOther .legend_color {
    background:#666786;
}
.Bonuses .legend_color {
    background:#8E8DA5;
}
.BOS .legend_color {
    background:#BEBDCA;
}
.PartnersIncome .legend_color {
    background:#9CC8EC;
}
.PartnersOtherIncome .legend_color {
    background:#BCD8F1  ;
}
.Fixed .legend_color {
    background:#ABD58A;
}
.Debt .legend_color {
    background:#FDC882;
}
.Variable .legend_color {
    background:#D897C2  ;
}

.div_chart .highcharts-button {
    display:none;
}
.div_steps a {
    color:#192F58;
    text-decoration: none;
}
/***********************step 5*************************/
p {
    line-height:180%
}
#canvas_chart_income, #canvas_chart_expense {
    width: 120px;
    height: 555px;
}

.ui-slider-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.disclaimer p, .disclaimer li, .disclaimer {
    line-height:130%;
}


/********** expense summary **********/
.expense_summary_sub_heading {
    clear: both;
	font-weight:bold;
	padding-top: 15px;
}

.expense_summary_row {
	clear: both;
}

.expense_summary_row_total {
    clear: both;
    font-weight: bold;
    padding-top: 20px;
}

.expense_summary_sub_heading div, .expense_summary_row div, .expense_summary_row_total div {
	float: left;
}

.expense_summary_label {
    width: 30%;
}

.expense_summary_frequency_weekly {
	width: 20%;
}

.expense_summary_frequency_monthly {
	width: 20%;
}

.expense_summary_frequency_yearly {
	width: 30%;
}