@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

* {
  font-family: 'Roboto Flex', sans-serif;
}

form, h6{
  font-family: 'Roboto Flex', sans-serif;
  color: #566573;
  font-size: 14px;
  margin-top: 10px;
}

input{
  font-family: 'Roboto Flex', sans-serif;
  color: #566573;
  font-size: 13px;
  width: 100%;
  margin-top: 5px;
  border: 1px solid lightgrey;
  height: 28px;
}

select{
  font-family: 'Roboto Flex', sans-serif !important;
  height: 28px;
  width: 100%;
  color: #566573;
  font-size: 13px !important;
  margin-top: 5px;
  padding: 0px;
}

option{
  font-family: 'Roboto Flex', sans-serif;
  color: #566573;
  font-size: 13px;
}

.btn_style{
  font-size: 13px;
  font-family: 'Roboto Flex', sans-serif;
}

.btn_style_inline{
  font-size: 13px;
  font-family: 'Roboto Flex', sans-serif;
  width: 100%;
  height: 32px;
  margin-top: 0px;
}

.banner {
  font-family: 'Roboto Flex', sans-serif;
  height: 80px;
/*  background: #a4c4ad; */
  display: flex;
  align-items: center; /* Vertical center alignment */
  justify-content: center; /* Horizontal center alignment */
  color: white;
}

.form-row{
  margin-top: 12px;
}

.dot{
  vertical-align:middle; 
  height: 25px; 
  width: 25px; 
  border: 1px solid grey; 
  border-radius: 50%; 
  display: inline-block;
}

.table_cart{
  font-family: 'Roboto Flex', sans-serif;
  background-color: #F8F9FA;
}