html {
  font-size: 16px;
  /* background: var(--bs-gray-dark); 
	margin-left: calc(100vw - 100%); */
  background-color: #c5bfb3;
  color: #333333;
}
body {
  overflow-y: scroll;
	/* background-color: #c6bfb7 !important;
	color: #202020 !important; */
}
.btn-circle {
  width: 40px;
  height: 40px;
  padding: 6px;
  border-radius: 15px;
  text-align: center;
}
.bg-white {
  background-color: #ffffff !important;
  color: #333333;
}
.bg-primary {
  background-color: #587a9d !important;
  color: #fff !important;
}
.bg-info {
  background-color: #7f9ab8 !important;
}
.bg-background {
  background-color: #c5bfb3;
  color: #333333;
}
.bg-bloc {
  background-color: #b5aea7;
}
.bg-bloc-light {
  background-color: #c2bab3;
  color: #333333;
}
.bg-bloc-medium {
  background-color: #948f86;
  color: #333333;
}
.bg-bloc-dark {
  background-color: #404040;
  color: #ffffff;
}
.bg-bloc-black {
  background-color: #333333;
  color: #ffffff;
}
.bg-bloc-success {
  background-color: #5cb85c;
  color: #ffffff;
}
.bg-bloc-warning {
  background-color: #f0ad4e;
  color: #ffffff;
}

.bg-dark {
  background-color: #202020;
  color: #fff;
}
.bg-gray {
  background-color: #616161;
  color: #fff;
}
.bg-streaming {
    background-color: #4f9e4f8f !important;
    color: #FFF !important;
}
.bg-validation {
  background-color: #cb89329e;
  color: #FFF;
}
.btn-dark {
  background-color: #333333 !important;
  color: #fff;
}
.btn-dark:hover {
  opacity: 0.8;
}

.btn-nav{
  background-color: none;
}
.btn-nav:hover {
  background-color: #333333 !important;
  color: #fff !important;
}

.btn-blank {
  background-color: transparent !important;
}
.btn-blank:hover {
  background-color: #333333 !important;
  color: #fff !important;
}

.btn-none {
  background-color: transparent !important;
  color: #333333 !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin:0 !important;
}
.btn-none:hover {
  background-color: transparent !important;
  color: #333333 !important;
  border: none !important;
}