@charset "utf-8";

.displayNone{display:none !important;}
.brTable{display:table;width:100%;}
.brTableRow{display:table-row;}
.brTableCell{display:table-cell;}

#content-parent p,#content-parent label{padding:0;color:#333;}
#content-parent p,#content-parent label,
#content-parent .calcLeft a,
#content-parent .calcRight a,
.toolLeftCol,
.toolRightCol{line-height:140%;font-size:12px;}

#content-parent .toolLeftCol  h2,
#content-parent .toolRightCol h2{margin:2px 0 13px;font-size:16px;color:#333;}

.form-row{clear:both;margin-bottom:20px;}
.brlabel{display:inline-block;vertical-align:middle;}
.brhelp{position:relative;top:2px;left:-4px;width:16px;height:16px;margin:0;padding:0;border:0;cursor:pointer;text-align:center;		vertical-align:top;
background:#fff url("../img/svg/help-info-icon.svg") no-repeat 0 0;
z-index:2;
}

/*  input  */
.input-skin{display:inline-block;position:relative;width:100%;margin:10px 0 0;vertical-align:middle;
}
.input-skin .brdisplay,
.input-skin input{display:block;text-align:right;padding:5px 2%;width:96%;margin:0;
font-size:12px;font-family:inherit;font-style:inherit;font-weight:inherit;line-height:15px;}

.input-skin .brdisplay{position:relative;white-space:nowrap;overflow:hidden;}

.input-skin input{padding-top:2px;outline:0 none;position:absolute;top:0;left:0;background:transparent;
-webkit-appearance:none;
}

.input-skin input[type=number]::-webkit-inner-spin-button,
.input-skin input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}

.brdisplay{
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
user-select:none;}

/*  select  */
.select-skin,
.select-skin select,
.select-skin .brdisplay{display:block;position:relative;width:100%;margin:0;padding:0;font-size:12px;cursor:pointer;
/* color:#666; */
-ms-text-overflow:ellipsis;
text-overflow:ellipsis;
}

.select-skin{display:inline-block;position:relative;padding:0;margin:10px 0 0;vertical-align:middle;overflow:hidden;
}

.select-skin select{position:absolute;left:0;top:0;width:100%;height:26px;
font-size:100%;
border:0 solid #000;
opacity:0.01;
}

.select-skin select option{padding:5px;font-size:12px;}
.select-skin .brdisplay{left:0;top:0;width:94%;padding:5px 5% 5px 1%;overflow:hidden;white-space:nowrap;line-height:130%;}
.select-skin span.select-arrow{position:absolute;right:8px;top:0;width:5%;height:100%;
background: #fff url("../img/svg/green-dropdown-down-icon.svg") no-repeat center center;
}

#toolResultChartCon{margin-top:20px;}
#toolResultChart{width:100%;height:240px;margin-left:-10px;}

#chartLegendRow{padding-left:65px;margin-bottom:15px;font-size:10px;}
.toolRightCol #chartLegendRow span{font-size:10px;}


#chartLegendMonthlyIcon,
#chartLegendExtraIcon{display:inline-block;line-height:0;width:0;height:8px;overflow:hidden;margin-right:4px;}


#chartLegendMonthlyIcon{border-left:8px solid #ffd300;}
#chartLegendExtraIcon{  border-left:8px solid #c21028;}

#yAxisTitle{text-align:right;width:50px;}

.chartLegend{display:block;}


/* 767px */
/* (max-width: 700px) */
@media screen and (min-width: 767px){
	div.calcLeft{float:left;display:block;width:40%;min-width:287px;}
	div.calcRight{float:right;display:block;width:58%;}
}

div.calcPage{float:left;display:block;width:96%;clear:both;text-align:left;margin:0 auto;padding:10px;}