/* id styling */
  #inputName, #inputEmail4, #inputPhonenumber {
    border: 0;
    border-radius: 2px;
    background-color: #fafefd00;
    border-bottom: solid 0.16rem #e2e3e4;
  }
  
  #inputName:hover{
    width: 100%;
    border-bottom: solid 0.16rem #95E3DE;
    transition: 0.22s;
  }
  #inputEmail4:hover{
    width: 100%;
    border-bottom: solid 0.16rem #95E3DE;
    transition: 0.22s;
  }
  #inputPhonenumber:hover{
    width: 100%;
    border-bottom: solid 0.16rem #95E3DE;
    transition: 0.22s;
  }
  #inputName:focus{
    border: 0;
    box-shadow: none;
    background-color: #eaf1f0;
    border-bottom: solid 0.16rem #0EBCB5;
  }
  #inputEmail4:focus{
    border: 0;
    box-shadow: none;
    background-color: #eaf1f0;
    border-bottom: solid 0.16rem #0EBCB5;
  }
  #inputPhonenumber:focus{
    border: 0;
    box-shadow: none;
    background-color: #eaf1f0;
    border-bottom: solid 0.16rem #0EBCB5;
  }
  #inputGender{
    background-color: #3b949100;
    border-radius: 2px;
  }
  #inputGender:hover{
    border: solid 0.12rem #95E3DE;
  }
  #inputGender:focus{
    box-shadow: none;
    border: solid 0.12rem #0EBCB5;
    background-color: #eaf1f0;
  }
  #foodWeight{
    background-color: #ffffff;
    /* width: 80%; */
  }
  #foodWeight:hover{
    background-color: #f7fffe;
    transition: 0.22s;
  } 
  #foodWeight:focus{
    box-shadow: none;
    background-color: #F7F7F7;
  }
   /* Hide scrollbar for Chrome, Safari and Opera */
  .scrollbar-hidden::-webkit-scrollbar {
      display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .scrollbar-hidden {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  .border-mute{
    border-color: #EFEFF1;
  }
  .bg-tosca-gradient{
    height: 60vh;
    background: rgb(174,231,225);
  background: linear-gradient(138deg, rgba(174,231,225,1) 9%, rgba(222,248,245,1) 33%, rgba(189,239,235,1) 55%, rgba(135,223,218,1) 69%, rgba(1,184,176,1) 100%);
  }
  .bg-blurred{
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.87);
  border-radius: 2px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(9.2px);
  -webkit-backdrop-filter: blur(9.2px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .text-coal{
    color: #2C2929;
  }
  .table-header-sticky{
    position: sticky;
    top: 0;
    background-color: #F3FCFB;
    z-index: 1;
  }
  table {
    counter-reset: rowNumber;
  }
  
  table tbody tr::before {
    display: table-cell;
    counter-increment: rowNumber;
    content: counter(rowNumber) ".";
    padding-right: 0.3em;
    text-align: center;
  }