@charset "UTF-8";

:root {
  --bs-yamaha-rgb:17,44,126;
  --bs-yamahagreen-rgb:23,92,66;
}
.bg-yamaha {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yamaha-rgb), var(--bs-bg-opacity)) !important;
}
.text-yamaha {
  color: rgba(17,44,126,1.0) !important;
}
.text-yamaha-wite {
  color: rgba(255,255,255, 1.0) !important;
}
.btn-bg-yamaha {
  background-color: rgba(var(--bs-yamaha-rgb),1) !important;
}
.btn-bg-yamaha:hover {
  background-color: rgba(var(--bs-yamaha-rgb),0.7) !important;
}

.bg-yamahagreen {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yamahagreen-rgb), var(--bs-bg-opacity)) !important;
}
.text-yamahagreen {
  color: rgba(23,92,66,1.0) !important;
}
.text-yamahagreen-wite {
  color: rgba(255,255,255, 1.0) !important;
}
.btn-bg-yamahagreen {
  background-color: rgba(var(--bs-yamahagreen-rgb),1) !important;
}
.btn-bg-yamahagreen:hover {
  background-color: rgba(var(--bs-yamahagreen-rgb),0.7) !important;
}

span .badge .color-code{
  background-image: url(./images/bi-pencil-square.svg) !important;
}