.bmi-final{
  max-width:520px;
  margin:auto;
  font-family:Arial;
  border:1px solid #ccc;
  padding:15px;
}

.form-group{
  margin:10px 0;
}

label{
  display:inline-block;
  width:80px;
}

input{
  padding:6px;
  width:120px;
}

#calc-btn{
  width:100%;
  padding:10px;
  margin-top:10px;
  background:#598915;
  color:#fff;
  border:none;
}

/* RESULT */
#result-box{
  margin:15px 0;
}

/* CHART */
.scale{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:#555;
  margin-bottom:4px;
}

.bar{
  height:14px;
  border-radius:4px;
  position:relative;
  background:linear-gradient(to right,
    #5bc0de 0%,
    #5bc0de 18.5%,
    #5cb85c 18.5%,
    #5cb85c 25%,
    #f0ad4e 25%,
    #f0ad4e 30%,
    #d9534f 30%,
    #d9534f 100%
  );
}

#marker{
  position:absolute;
  top:-6px;
  width:2px;
  height:26px;
  background:#000;
  transform:translateX(-50%);
  transition:all 0.3s ease;
}

/* TABLE */
.bmi-table{
  width:100%;
  margin-top:10px;
  border-collapse:collapse;
}

.bmi-table td{
  border:1px solid #ccc;
  padding:6px;
}

.bmi-table tr.active{
  background:#d9edf7;
}