.elementor-3149 .elementor-element.elementor-element-4ef4636 > .elementor-widget-container{padding:20px 25px 20px 25px;background-color:var( --e-global-color-80ba7b1 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#808080;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 8px 9px #BBBBBB inset;}.elementor-3149 .elementor-element.elementor-element-4ef4636{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}@media(max-width:1024px){.elementor-3149 .elementor-element.elementor-element-4ef4636 > .elementor-widget-container{padding:50px 20px 50px 20px;}.elementor-3149 .elementor-element.elementor-element-4ef4636{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-4ef4636 */.bmi-form-box{
        text-align: center;
        /*border-radius: 10px;
    border: 1px solid grey;
    box-shadow: 0px 0px 5px #bbb;*/
      min-height: 250px;
     font-family: var(--e-global-typography-secondary-font-family);
      font-weight: 400;
      
    }
    #bmi-form {
        display:flex;
        align-items: center;
        justify-content: center;
      background-color: #f8f7f7;
      border: 0px solid #ddd;
      border-radius: 5px;
      padding: 0px;
      margin: 0px;
      flex-wrap:wrap;
    }
    #bmi-form > div{
        margin: 5px 5px;
    /* padding-left: 18px; */
    justify-content: center;
    align-items: baseline;
    display: flex;
    }
    label {
      display: block;
    margin-right: 10px;
    width: 70px;
    }

    input[type="number"] {
      box-sizing: border-box;
      border:2px solid #ddd;
      border-radius: 0;
      padding: 10px;
      width: 80px;
      color:black;
      -webkit-transition: 1s;
  transition: 1s;
    }
   input[type="number"]:focus {
       border-color: black;
       color:black;
   }
    #calculate:hover{
        background-color: black;
        color:white;
    }
    #result {
      font-size: 1em;
      text-align: center;
    }
    #result-title {
      font-size: 1.1em;
      text-align: center;
    }
    #calculate{
        align-self: flex-end;
        margin-left:10px;
        border: 1px solid black;
      border-radius: 0;
      color: #000;
      cursor: pointer;
      font-size: 1em;
      margin-top: 0;
      padding: 10px 20px;
      align-self: flex-end;
      width:150px;
    }
    #calculate:focus{
        background-color:black;
    }
    .underweight {
      color: #00BFFF;
    }

    .healthy {
      color: #32CD32;
    }

    .overweight {
      color: #FF4500;
    }/* End custom CSS */