select{
	width:82px;
	height:37px;
	background: #ffffff url(https://www.heartonline.org.au/images/heart/calculators/Cost_of_Smoking_Calc/dropdown.svg) no-repeat right;
	border:0px;
   
	-webkit-appearance: none;
	-moz-appearance: none;
   
	cursor: pointer;
	padding-left: 8px;
}

.step-wrapper {
	height: 50px;
}

.step1, .step2 {
	width:309px;
	height:63px
}

.active {
	color: #000;
	border-bottom: 1px dashed #000;
}

.smoking-heading {
	padding: 10px 0;
	color: #D81E05;
	font-weight: bold;
}

.history-wrapper {
	height: 436px;
	background: url(https://www.heartonline.org.au/images/heart/calculators/Cost_of_Smoking_Calc/bg.jpg) no-repeat 0 0;
	padding-left:36px;
	padding-top:43px;
}

.question {
	position: relative;
	height: 70px;
}

#last_question{
	margin-bottom:16px;
}

.text-slider {
	width: 400px;
}

.value-wrapper {
	position: absolute;
	top: 19px;
	right: 25px;
	color: #fb0e1d;
	font-weight: bold;
}

.history-text {
	height: 25px;
	text-transform: uppercase;
	font-size:12px;
	font-weight: bold;
}

.history-value {
	width: 90px;
	height:38px;
	padding-left: 10px;
	border: 1px solid #c8c8c8;
}

.calculate_btn{
	width: 151px;
	height:38px;
	cursor: pointer;
}

.recalculate_btn{
	width: 151px;
	height:38px;
	cursor: pointer;
	margin-left:36px;
}

.cost-wrapper{
	height: 436px;
	line-height:normal;
	background: url(https://www.heartonline.org.au/images/heart/calculators/Cost_of_Smoking_Calc/bg.jpg) no-repeat 0 0;
	padding-bottom: 43px;
}

.cost-rate {
	padding-top: 35px;
	padding-left: 36px;
}

.cost-per {
	position: relative;
	display: inline-block;
	height: 45px;
}

.cost-text {
	width: 200px;
	padding-top: 9px;
	text-transform: uppercase;
	font-size:13px;
	font-weight: bold;
}

.cost-value-div{
   width: 115px;
   right: 25px;
   top: 0;
   position: absolute;
   color: #fb0e1d;
   font-weight: bold;
}

.cost-value {
	width: 100px;
	height:39px;
	float: right;
	padding-left:6px;
	border: 1px solid #c8c8c8;
	margin-top: -1px;
}

.total-cost {
	padding-left: 36px;
}

.dollar{
    position: absolute;
	width: 10px;
	padding-top: 10px;
}

.total-cost-item {
	position: relative;
	min-height: 45px;
}

.total-cost-text1, .total-cost-text2{
	width: 400px;
	min-height: 20px;
	text-transform: uppercase;
	font-size:13px;
	font-weight: bold;
}
.total-cost-text1{padding-top: 11px;}
.total-cost-text2{padding-top: 0px;}

.total-cost-text:last-of-type{
	padding-top: 1px;
}

.total-cost-value-div{
	position: absolute;
	right: 36px;
	top: 0;
	right: 36px;
	width: 120px;
	color: #fb0e1d;
    font-weight: bold;
}

.total-cost-value {
	width: 100px;
	height:39px;
	color: #fb0e1d;
	font-weight: bold;
	padding-left:5px;
	margin-left: 12px;
}

.red-line{
	height:1px;
	background-color: #fb0e1d;
	margin:28px 36px;	
}


@media screen and (min-width: 1025px){
	section{width: 630px;}
	.cost-per{width: 285px;}
}

@media screen and (min-width: 640px) and (max-width: 1024px){
	section{width: 580px; margin-left:30px;}
	.cost-per{width: 265px;}
	.total-cost-value-div{left: 406px;width: 105px;}
	.cost-value,.total-cost-value{width:90px;}
	.cost-value-div{width: 105px;}
}


@media screen and (max-width: 639px){
	section{width:100%;}
	.history-wrapper{height:575px; background-size:100% 100%;padding-left: 25px;}
	.question{height:120px;}
	.text-slider{width:90%;}
	.history-text{height:75px;}
	.value-wrapper{top:30px; left:0;}
	.jslider {width: 95%;}
	
	.cost-per{display:block;}
	.cost-value-div{right: 35px;}
	
	.cost-wrapper{height:488px; background-size:100% 100%;}
	.total-cost-value-div{
		right: 30px;  top: 0;
		bottom: 0;
		margin: auto;
		height: 38px;}
	.total-cost-text1, .total-cost-text2{width:152px;}
	.total-cost-text1{padding-top:3px;}
	.total-cost,.cost-rate{padding-left: 25px;}
	.red-line{margin-left:24px;}
}