.bc-green10 {
  background:rgb(calc(255 * 0.9), 255, calc(255 * 0.9))
}
.bc-green15 {
  background:rgb(calc(255 * 0.85), 255, calc(255 * 0.85))
}
.bc-green20 {
  background:rgb(calc(255 * 0.8), 255, calc(255 * 0.8))
}
.text-gray {
  color: #6c757d;
}
.rbd-card-green {
  background: var(--bs-teal); 
}
.rbd-card-pink {
  background: var(--bs-pink);
  color: var(--bs-white);
}
.rbd-text-pink {
  color: var(--bs-pink);
}
body {
  background: rgb(230, 255, 230);
}
/* Google icons */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
/* ------------ Masonry css ------------------- */
/* Masonry grid */
.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}
/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
}
/* Masonry image effects */
.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
}
.masonry .brick:hover img {
  opacity: .75;
}
/* Bordered masonry */
.masonry.bordered {
  column-rule: 1px solid #eee;
  column-gap: 50px;
}
.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
/* Gutterless masonry */
.masonry.gutterless {
  column-gap: 0;
}
.masonry.gutterless .brick {
  margin-bottom: 0;
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) {
  .masonry {
    column-count: 1;
  }
}
/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 2;
  }
}
/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }
  .masonry {
  column-count: 3;
  }
}
/* custom columns */
@media (min-width: 576px) {
  .rbd-flex-columns {
    columns: 2;
    column-rule: 1px solid #000000;
  }
}
@media (min-width: 768px) {
  .rbd-flex-columns {
    columns: 3;
    column-rule: 1px solid #000000;
  }
}
/* custom HR */
.rbd-hr {
  margin: 0.33rem 0;
}
a.no-decoration {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.input-group-text.temp {
  width: 7rem;
}
input[type=checkbox],
.checkbox {
  cursor: pointer;
}
@keyframes blink {
  0%{color: inherit}
  25%{color: yellow;}
  50%{color:green}
  75%{ color: blueviolet}
  100%{color: red}
}
.blink {
  animation-name: blink;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
}
.text-outline-black {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.text-outline-white {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.img-x-flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}