@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: "<?= base_url('/fonts/Montserrat-Regular.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: "<?= base_url('/fonts/Montserrat-Italic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: "<?= base_url('/fonts/Montserrat-Thin.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: "<?= base_url('/fonts/Montserrat-ThinItalic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: "<?= base_url('/fonts/Montserrat-ExtraLight.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: "<?= base_url('/fonts/Montserrat-ExtraLightItalic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: "<?= base_url('/fonts/Montserrat-Light.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: "<?= base_url('/fonts/Montserrat-LightItalic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: "<?= base_url('/fonts/Montserrat-Medium.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: "<?= base_url('/fonts/Montserrat-MediumItalic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: "<?= base_url('/fonts/Montserrat-SemiBold.woff') ?>"  format("woff");   
}
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: "<?= base_url('/fonts/Montserrat-SemiBoldItalic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: "<?= base_url('/fonts/Montserrat-Bold.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: "<?= base_url('/fonts/Montserrat-BoldItalic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: "<?= base_url('/fonts/Montserrat-ExtraBold.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: "<?= base_url('/fonts/Montserrat-ExtraBoldItalic.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: "<?= base_url('/fonts/Montserrat-Black.woff') ?>"  format("woff");   
  }
  

  @font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: "<?= base_url('/fonts/Montserrat-BlackItalic.woff') ?>"  format("woff");   
  }


body {
    max-width: -webkit-fill-available;
    font-family:'Montserrat';
    font-style: normal;
    font-weight: 400;
}

/*
button {
    background-color:#04AA6D;
    color: aliceblue;
    transition-duration: 0.4s;
}
button:hover {
    background-color:lightgreen;
    color:slategray;
  }
*/
.button {
    background-color: #213242; /* Green */
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family:'Montserrat';
    font-size: 16px;    
    border-radius: 5px;
    min-width: 80px;
    width:fit-content;
}
.button:hover {
    background-color: #8ca0aa;
    color:white;
    text-decoration: none;
  }

  button {
    background-color: #213242; /* Green */
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family:'Montserrat';
    font-size: 16px;    
    border-radius: 5px;
    min-width: 80px;
    width:fit-content;
}
button:hover {
    background-color: #8ca0aa;
    color:white;
    text-decoration: none;
  }

  h1 {
    font-family:'Montserrat';
    color: #213242; 
    font-size:x-large;
    font-weight:bold;
    font-style:normal;
  }

  h2 {
    font-family:'Montserrat';
    color: #213242; 
    font-size:larger;
    font-weight:bold;
    font-style:normal;
  }

  td {
    font-family:'Montserrat';
    color: #213242; 
    font-size:medium;
    font-weight:400;
    font-style:normal;
  }

 .bvr-blue-text {
    font-family:'Montserrat';
    color: #213242; 
    font-size: medium;
    font-weight: 400;
    font-style: normal;
}

.font-normal-300 {
    font-family:'Montserrat';
    color: #213242;
    font-size: normal;
    font-weight: 300;
    font-style: normal;
}

.font-normal-800 {
    font-family:'Montserrat';
    color: #213242;
    font-size: normal;
    font-weight: 800;
    font-style: normal;
}

.font-normal-600 {
    font-family:'Montserrat';
    color: #213242;
    font-size: normal;
    font-weight: 600;
    font-style: normal;
}

.font-normal-700 {
    font-family:'Montserrat';
    color: #213242;
    font-size: normal;
    font-weight: 700;
    font-style: normal;
}



.font-normal-300-small {
    font-family:'Montserrat';
    color: #213242;
    font-size: small;
    font-weight: 300;
    font-style: normal;
}

.default-username {
    place-items: center;
    text-align: center;
    font-size: 2rem;    
}

.layout-menu {
    padding:  10px 10px 0px 5px;
    display: flex;
    justify-content: space-between;
    /* display: grid; 
    gap:1rem; 
    grid-template-columns:repeat(3,1fr); */
} 

.back-buttons {
    padding:  10px 10px 0px 5px;    
}

#RecipeName {
    border-style: solid;
    border-color: crimson;
}

#PackQty {
    border-style: solid;
    border-color: crimson;
}

.InputRequired{
    border-style: solid;
    border-color: crimson;
}

.index-div {
  margin-left: 25px;
  margin-right: 25px;
  padding: 5px 5px 5px 5px;
  border-style: solid !important;
  border-radius: 5px;
  border-width: 2px !important;
  border-color: #6b705c !important;
}


.recipe-price{
     margin: 5px;
}


.round-border{
    border-style:solid;
    border-color:#6b705c;
    border-radius: 5px;
    padding:10px;
    margin: 10px;
}

/* input:focus {
    border: #04AA6D;
    border-style: solid;
    border-width: 0.3px;
} */

/* input:hover {
    border: #04AA6D;
    border-style: solid;
} */

