:root {
  --bb-color-black: #000000;
  --bb-color-white: #ffffff;
  --bb-color-red: #C72831;
  --bb-color-red-hover: #c75b60;
  --bb-color-green: #588767;
  --bb-color-green-hover: #659b76;
  --bb-color-green-bright: #21ce5a;
  --bb-color-green-bright-hover: #3de07a;
  --bb-color-comp-grey: #F3F5F4;
  --bb-color-comp-grey-green: #ADC1C4;
  --bb-color-comp-pistage: #DDF0EE;
  --bb-color-comp-pink: #FFCCCE;
  --bb-color-comp-pink-light: #FFE5EA;
  --bb-color-text-headline: #000000;
  --bb-color-text-content: rbg(40, 40, 40);
  --bb-color-text-content-light: rbg(80, 80, 80);
  --bs-table-bg: transparent !important;
}

body {
  background-color: var(--bb-color-white);
  color: var(--bb-color-text-content);
}

.no-decoration, .no-decoration:link, .no-decoration:hover, .no-decoration:visited, .no-decoration:active{
	text-decoration:none;
	color:inherit;
}
.no-padding{
	padding:0;
}
.no-border{
  border:0 important;
}
.no-margin{
  margin:0;
}
.no-background{
  background-color:transparent;
  --bs-table-bg: transparent;
}
.dt-row {
  margin-top:10px;
}

.main-master-border{
  border-right: 1px solid #727272;  
}
.bb-table{
    border: 1px solid;
    font-size: 14px;
}
.leaflet-popup-content{
  min-width: 300px;
}
.leaflet-popup-tip{
  display: none;
}
/*
.dot-wave {
  --uib-size: 47px;
  --uib-speed: 1s;
  --uib-color: #f87c8a;

  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: var(--uib-size);
  height: calc(var(--uib-size) * 0.17);
  padding-top: calc(var(--uib-size) * 0.34);
  margin-bottom: 20px;
}

.dot-wave__dot {
  flex-shrink: 0;
  width: calc(var(--uib-size) * 0.17);
  height: calc(var(--uib-size) * 0.17);
  border-radius: 50%;
  background-color: var(--uib-color);
  will-change: transform;
}

.dot-wave__dot:nth-child(1) {
  animation: jump var(--uib-speed) ease-in-out
    calc(var(--uib-speed) * -0.45) infinite;
}

.dot-wave__dot:nth-child(2) {
  animation: jump var(--uib-speed) ease-in-out
    calc(var(--uib-speed) * -0.3) infinite;
}

.dot-wave__dot:nth-child(3) {
  animation: jump var(--uib-speed) ease-in-out
    calc(var(--uib-speed) * -0.15) infinite;
}

.dot-wave__dot:nth-child(4) {
  animation: jump var(--uib-speed) ease-in-out infinite;
}

@keyframes jump {
  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-200%);
  }
}
*/
.dot-wave {
  width: 60px;
  background-color: var(--bb-color-green);
  margin-bottom: 50px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#588767 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}




/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */


.bb-btn, .bb-btn-red, .btn-primary{
  font-size: 14px;
  text-transform: uppercase;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .bb-btn, .btn-primary{
    font-size: 16px;
  }
  .dt-row > div {
    padding: 0;
  }  
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .dt-row > div {
    padding: 10px;
  }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

@media print {
  .noprint {
    visibility: hidden;
  }

}