root
{ 
  display: block;
}


.bmi
{
  width: 390px;
  margin-left: 15px;
  text-align:left ;
}

.bmiResult1
{
  color: #325CA2;
  /* background: #D4EBFD; */
  padding-left:5px;
}

.bmiResult
{
  color: #6891ed;
  background: #D4EBFD;
  padding-left:5px;
}

.bmiResult2
{
  color: #6891ed;
  background: #f2f2f2;
  padding-left:5px;
}

.bmiHead
{
  color: black;
  background: #e5e5e5;
  padding-left:5px;
}

.bmiHeade
{
  color: black;
  background: #f6e7fb;
  padding-left:5px;
}

.bmiCell
{
  color: black;
  background: #f4f4f4;
  padding-left:5px;
}

.bmiEmpMale
{
  border-color: #6891ed;
  border-style: solid;
  border-width: 1px;  
}

.bmiEmpTextMale
{
  color: #6891ed;
  font-weight: bold;
}

.bmiEmpFemale
{
  border-color: #db40e1;
  border-style: solid;
  border-width: 1px;
}

.bmiEmpTextFemale
{
  color: #db40e1;
  font-weight: bold;
}

.result
{
  width: 500px;
  margin-left: 10px;
  text-align:left ;
  margin-bottom: 10px;
}

.resulte
{
  width: 440px;
  margin-left: 5px;
  text-align:left ;
  margin-bottom: 10px;
}
.float
{
  margin-left: 15px;
  margin-right: 15px;
  margin-top:0px;
  margin-bottom:0px;
}

.buttonbmi
{
  color: black;
  background: #D4EBFD;
  border: 1px;
  border-style:solid;
  border-color: gray;
}

.button
{
  color: black;
  background: #dfb3ef;
  border: 1px;
  border-style:solid;
  border-color: gray;
}

.buttonc
{
  color: black;
  background: #f2f2f2;
  border: 1px;
  border-style:solid;
  border-color: gray;
}

.inputField
{
  color: black;
  background: white;
  border: 1px;
  border-style:solid;
  border-color: #dfb3ef;
  font-size: 0.9em;
}

.inputField1
{
  color: black;
  background: white;
  border: 1px;
  border-style:solid;
  border-color: gray;
  font-size: 0.9em;
}

.text
{
  font-family: Arial,Helvetica, sans-serif;
  font-size : 10pt;
  text-align: left;
  vertical-align: middle;
  
}

.texte
{
  font-family: Arial,Helvetica, sans-serif;
  color: #b55bd7;
  font-size : 10pt;
  text-align: left;
  vertical-align: middle;
  
}

.texteb
{
  font-family: Arial,Helvetica, sans-serif;
  color: #737476;
  font-size : 10pt;
  text-align: left;
  vertical-align: middle;
  
}
.textec
{
  font-family: Arial,Helvetica, sans-serif;
  color: #e33c6b;
  font-size : 10pt;
  text-align: left;
  vertical-align: middle;
  
}


.alert
{
  color: #b432b9;
}

.large
{
  font-size: 0.9em;
  font-weight:bold;
}

.heading
{
  font-size: 1.0em;
  font-weight:bold;
}

.bold
{
  font-weight:bold;
}

.justify
{
  text-align: justify;
}

.number
{
  text-align: right;
  padding-right: 3px;
}