@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/prompt/v10/-W__XJnvUD7dzB2KYNoY.ttf) format('truetype');
}
* {
  font-family: 'Prompt', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #444;
}
.font-big {
  font-size: 22px;
  font-weight: 700;
}
.font-title {
  font-size: 18px;
  font-weight: 400;
}
.font-small {
  font-size: 12px;
}
.bg-headBar {
  background-color: #12ad2a;
  border-bottom: 1px solid #fff;
}
.bg-gray {
  background-color: #e1e1e2;
}
.bg-yellow {
  background-color: yellow;
}
.color-while {
  color: #fff;
}
.color-yellow {
  color: yellow;
}
.color-green {
  color: #12ad2a;
}
.border-gray {
  border: 1px solid #e1e1e2;
}
body {
  background-color: #e1e1e2;
}
a {
  text-decoration: unset;
}
a.navbar-brand {
  color: #fff !important;
}
img.logoHead {
  max-height: 35px;
}
div.webboard {
  border: 1px solid #ccc;
  padding: 15px 15px;
}
div.container-lg {
  margin-top: 30px;
  background-color: #fff;
  padding: 10px 10px 0 10px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
div.footer {
  background-color: #12ad2a;
}
span.fixinline {
  display: inline !important;
}
ul.product {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 5px 5px;
  border-bottom: 1px dashed #e1e1e2;
}
ul li.title {
  font-size: 18px;
  color: #12ad2a;
  font-weight: 600;
  padding-bottom: 15px;
}
ul li.price {
  color: red;
}
ul.navbar-nav li.nav-item a.nav-link {
  color: yellow;
}
ul.navbar-nav li.nav-item a.nav-link.active {
  color: red;
}
ul.menuleft {
  list-style: none;
  margin: 0 0;
  padding: 5px 5px;
  background-color: #12ad2a;
  border-radius: 3px;
}
ul.menuleft li.title {
  font-size: 22px;
  color: #fff;
}
ul.menuleft li.title i {
  font-size: 22px;
  color: #fff;
}
ul.menuin {
  list-style: none;
  margin: 0 0;
  padding: 10px 10px;
  border: 1px dashed #fff;
  border-radius: 5px;
}
ul.menuin li {
  padding-top: 5px;
  padding-left: 15px;
}
ul.menuin li:hover {
  background-color: #3ab74d;
}
ul.menuin li.title-menu {
  padding-left: unset;
  padding-top: 15px;
  color: yellow;
  font-size: 18px;
}
ul.menuin li.title-menu:nth-child(1) {
  padding-top: unset;
}
ul.menuin li.title-menu:hover {
  background-color: unset;
}
ul.menuin li a {
  display: block;
  color: #fff;
}
ul.menuin li i {
  color: yellow;
}
ul.footer {
  background-color: #12ad2a;
  list-style: none;
  margin-bottom: 0px;
}
ul.footer li {
  text-align: center;
  color: #fff;
}
ul.footer li.color-yellow {
  color: yellow;
}