/*.d-flex{
        display: flex;
}
.flex-direction-row{
    flex-direction: row;
}
.flex-wrap{
        flex-wrap: wrap;
}
.flex-nowrap{
        flex-wrap: nowrap;
}
.flex-direction-row{
    flex-direction: row;
}
.align-items-stretch{
    align-items: stretch;
}
.align-items-center{
    align-items: center;
}
.align-items-flex-start{
    align-items: flex-start;
}
.align-items-flex-end{
    align-items: flex-end;
}
.justify-content-space-around{
    justify-content: space-around;
}
.justify-content-flex-end{
    justify-content: flex-end;
}
.justify-content-flex-start{
    justify-content: flex-start;
}
.justify-content-center{
    justify-content:center;
}*/
.justify-content-space-between{
    justify-content:space-between;
}
 .gap-20{
     gap: 20px;
 }
 .gap-10 {
    gap: 10px;
}.gap-10-30 {
    gap: 10px 30px;
}
.font-size-32{
    font-size: 32px;
    font-weight: bold;
}.font-size-20{
    font-size:20px;
    font-weight: bold;
}
.font-size-5{
font-size: 5px;
}
.container-dv{
        width: 100%;
    max-width: 93%;
    margin: 0px auto;
}

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      opacity: 1 !important;
    }

  
    input[type="number"] {
      -webkit-appearance: textfield;
    }

.small-line{
    width: 13%;
    height: 2px;
    background: #d9d9d9;
}
.small-line-4 {
    width: 4%;

}
.year-season {
    height: 100%;
    border-radius: 15px;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 10px;
}
 .season-item {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: calc(100% / 6 - 20px) !important; /*//gap:20  */
  box-sizing: border-box !important;
}
 
    .nutrition-item {
       margin-bottom: 0;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 25%;
    box-sizing: border-box !important;
    background-color: #ffffff;
    border-radius: 8px !important;
    position: relative;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 18%);
    padding: 7px 20px;
    font-weight: bold;
    color: #000;

 }
 .tag_type{
         background: #4f4e4e;
    color: #fff;
    border-radius: 0px 0px 8px 8px;
    padding: 10px 15px 10px;
 }
 .feture-item{
         border-radius: 10px;
    border: 3px #d9d9d9 solid;
    padding: 5px 15px;
 }
 .feture-item p,.feture-item p span,.feture-item span{
         font-size: 14px !important;
    margin-bottom: 6px!important;
 }
 .unti-value{
     width: 80px; border: none;  text-align: left; font-size: 24px;    color: #858585;    font-weight: bold;
 }
 .feture-nutrition-item{
     flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 47%;
    box-sizing: border-box !important;
    background-color: #218380;
    border-radius: 18px !important;
    position: relative;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
 }
  .feture-nutrition-item>p{
     color:#fff;
 }
  .feture-nutrition-item>div>p{
  color: #218380;
    margin-bottom: 0px;
    font-size: 12px;
 }
 .scrollable_nutrition {
    border: 3px #d9d9d900 solid;
    padding: 10px;
    border-radius: 11px;
    height: 80px;
    background: #fff;
    overflow-y: scroll;
}
 .Toxicity-item{
     background:#c00000;
 }
  .Toxicity-item>div>p{
  color: #c00000;
 
 }
  .Daily-Need-item{
      background: #7030a0;
  }
  .Daily-Need-item .scrollable_nutrition{
       color: #7030a0;
    width: 45%;
    height: 65px;
    overflow-y: visible;
  }
 .Daily-Need-item .scrollable_nutrition p {
      color: #7030a0;
    font-size: 12px;
    padding: 0px 20px;
    margin-bottom: 0px;
  }
  .Supplements-item{
      background: #ed6613;
  }
   .Supplements-item .scrollable_nutrition{
       color: #ed6613;
    width: 45%;
    height: 65px;
    overflow-y: visible;
  }
 .Supplements-item .scrollable_nutrition p {
      color: #ed6613;
    font-size: 12px;
    padding: 0px 20px;
    margin-bottom: 0px;
  }
 .border-center{
     width: 2px;
    height: 47px;
    background: #fff;
 }
 .border-right{
         border-right: 2px solid #eeeeee;
 }
 .border-center-bx{
         width: 97%;
    height: 1px;
    margin: 0px auto;
    background: #eee;
 }

 /****************Overlay foodV2.css***************/
 .detail-card {
 
    border-radius: 20px;
   
}

 .scrollable_div {
       border: 3px #d9d9d900 solid;
    padding: 0px;
    border-radius: 0px;height: 80px;
 
}
 .scrollable_div p {
    margin-top: 0px;
    font-family: 'Montserrat';
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
   padding-right: 30px;
    padding-left: 30px;
}
 .item-name img {
    width: 80%;
    margin-top: 0;
}
 .month h5 {
   font-size: 18px;
  
}
.month p {
  font-size: 14px;

}
   
  /****************Overlay foodV2.css***************/
 @media (max-width: 992px) {
     .Nutrition.detail-card
     {
             background: none;
    box-shadow: 1px 3px 3px 1px rgb(0 0 0 / 0%);
     }
       .Nutrition.blasaweb_nutfl > div {
             margin-bottom: 10px !important;
        background: white;
        border-radius: 20px;
        box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.05);
    }.Nutrition .border-right {
    border-right: 2px solid #eeeeee00;
}
  .season-item {
    flex-basis: calc(100% /3 - 5px) !important;  
    /* flex-basis: 25% !important; */
  }
  .gap-20 {
    gap: 5px;
}.year-season {
           padding: 4px;
        border-radius: 0px;
        height: auto;
}
  .flex-3-1-auto{
 flex: 3 1 auto !important;        width: 100%;
 }
  .gap-10-30 {
    gap: 5px 30px;
}
  .nutrition-item {
    flex-basis: 90%;
}
      .nutrition-item  p {
    color: #333;
        font-size: 15px;
    } .nutrition-item  p {
    color: #333;
        font-size: 15px;
    }
      .font-size-32 {
    font-size: 19px;
 
}
    .unti-value {
             width: 55px;
    font-size: 20px;
    color: #858585;
     }
    .border-mobile{
            border-radius: 10px;
    border: 3px #d9d9d9 solid;
    padding: 10px;
    }
    .feture-nutrition-item {
    
    flex-basis: 98%;

}.Supplements-item .scrollable_nutrition p,.Daily-Need-item .scrollable_nutrition p {
 
    padding: 0px 5px;
  
}
  /****************Overlay foodV2.css***************/
 .month h5 {
               font-size: 11px;
        margin: 0px;
      
    }    .month p {
        font-size: 9px;
        margin: 0px;
    }
             .blasaweb_nutfl > div:first-child {
      
        margin-bottom: 10px;
    }.item-src .right-border {
        border-right: none;
        border-bottom: #afb1cd00 1px solid;
        margin-bottom: 0;
        padding-bottom: 0;
    }
         .item-src p {
        font-size: 15px;
    }
         .item-src {

    margin-top: 5px;
    }
  /****************Overlay foodV2.css***************/
}